ONLINECOURSE.HEADER

Webflow for Designers

ปลดล็อกข้อจำกัด สร้างเว็บแบบไม่ต้องเขียนโค้ด ด้วย Webflow

2,990.00
บาท
4.7

SECTION_TITLE.INSTRUCTOR

กวิน เมศร์ศิริตระกูล (Product Manager at Skooldio) | Skooldio Instructor
กวิน เมศร์ศิริตระกูล
Product Manager at Skooldio

SECTION_TITLE.OVERVIEW

ปลดล็อกขีดจำกัดในการออกแบบเว็บไซต์แบบไม่ต้องเขียนโค้ดด้วย Webflow เครื่องมือออกแบบเว็บที่กำลังมาแรงในหมู่ Designer ทั่วโลก ให้คุณปรับแต่งเว็บได้อย่างอิสระ โดยที่ไม่ต้องเขียนโค้ดสักบรรทัด!

คอร์สเรียนนี้จะสอนทั้งวิธีใช้ Webflow ตั้งแต่เครื่องมือพื้นฐาน ไปจนถึงการสร้าง Animation ซึ่งเป็นจุดเด่นสำคัญของ Webflow

และยังสอนหลักการสร้างเว็บไซต์แบบมืออาชีพตั้งแต่การเริ่มต้นวางโครงสร้างเว็บ ให้คุณอัปสกิลการสร้างเว็บได้อย่างครบเครื่อง ต่อยอดสู่การเป็นนักออกแบบเว็บมืออาชีพได้จริง!

เริ่มเขียนเว็บด้วย Webflow กับ Skooldio

ในคอร์สนี้ คุณจะได้เรียนรู้วิธีการสร้างเว็บไซต์ด้วย Webflow ตั้งแต่เริ่มต้น จนถึงการสร้างเว็บแรกของคุณด้วยตัวเอง โดยไม่ต้องมีพื้นฐานใดๆ! (แต่หากคุณมีพื้นฐานด้านการโค้ดมาก่อน จะสามารถเข้าใจได้เร็วขึ้น)

เริ่มต้นจากการทำความเข้าใจโครงสร้างของเว็บ และ Element ต่างๆ เช่น Typography (ตัวอักษรที่อยู่เว็บ) Media (การใส่รูป วิดีโอ วิดีโอจาก Youtube และ Lotties Animation) Button (ปุ่มดีไซน์ต่างๆ) และอื่นๆ อีกมากมาย ด้วยการอธิบายที่เข้าใจง่าย และเห็นภาพ รวมไปถึงการปรับให้เว็บ Responsive สามารถดูได้อย่างสวยงามบนหน้าจอขนาดต่างๆ ทั้งบนคอมพิวเตอร์ แท็บเล็ต หรือหน้าจอมือถือ เพราะในปัจจุบัน คนส่วนใหญ่ใช้งานอินเตอร์เน็ต และเข้าเว็บต่างๆ ด้วยมือถือเป็นจำนวนมาก

ยกระดับการสร้างเว็บแบบไม่ต้องเขียนโค้ด ต่อยอดสู่การเป็นนักออกแบบเว็บมืออาชีพ

เครื่องมือสร้างเว็บแบบไม่ต้องเขียนโค้ดส่วนใหญ่ในตลาดจะเน้นความง่าย แต่จะไม่สามารถออกแบบได้อย่างเป็นอิสระ ก่อนหน้านี้หากอยากปรับแต่งเว็บในระดับที่ซับซ้อนมากขึ้น มีลูกเล่นสวยงามมากขึ้น จำเป็นจะต้องมีทักษะในการเขียนโค้ด

แต่ด้วย Webflow คุณจะสามารถทำให้ดีไซน์ของเว็บคุณเป็นจริงขึ้นมาได้ พร้อมลูกเล่น และ Animation ต่างๆ และการออกแบบ Interaction ที่จะสร้างความประทับใจ และประสบการณ์ที่ดียิ่งขึ้นให้กับเว็บของคุณได้อย่างแน่นอน

อัดแน่นกว่า 10 ชั่วโมงของการเรียนพร้อมฝึกลงมือทำจริง ด้วย แบบฝึกหัดและโปรเจกต์ เพื่อทดสอบความเข้าใจของคุณ และได้นำความรู้ใหม่นี้มาฝึกฝนในทันที

เรียนจบ สร้างเว็บล้ำๆ ได้เลย!

เมื่อเรียนจบคอร์สนี้ คุณจะสามารถ..

  • เข้าใจโครงสร้างพื้นฐาน และส่วนประกอบต่างๆ ของเว็บ
  • สามารถสร้างเว็บด้วย Webflow ได้ตามการออกแบบของตัวเองอย่างเป็นอิสระ
  • สร้างเว็บที่มี Animation สวยงามน่าดึงดูด
  • สร้างเว็บที่ Responsive เปิดได้ทุกขนาดหน้าจอ
  • สร้างเว็บที่มีลูกเล่น Interaction สร้างความประทับใจให้กับผู้ใช้งานได้

คอร์สนี้เหมาะสำหรับ..

  • Web Designer / UXUI Designer ผู้ต้องการสร้างเว็บได้สวยงามตามดีไซน์ที่ต้องการด้วยตนเอง โดยไม่ต้องโค้ด
  • Graphic Designer ที่อยากอัปสกิลด้านการออกแบบเว็บ ใช้ทำ Portfolio โชว์ผลงานสวยๆ และสามารถต่อยอดไปสู่การรับงานออกแบบเว็บได้
  • Agency / Freelance สามารถทำเว็บไซต์ให้ลูกค้าได้ตรงแบบที่ลูกค้าต้องการ
  • Marketer ที่อยากมีสกิลการใช้ Tool ที่ไม่ซับซ้อนมากเกินไป ไม่ต้องเขียนโค้ด ขึ้นเว็บได้เร็ว ลดค่าใช้จ่ายในการจ้างนักพัฒนาเว็บ
  • Frontend Developer ที่ต้องการเครื่องมือช่วยในการเขียนเว็บได้ไวขึ้น และสามารถสร้างเว็บได้อย่างเป็นอิสระ
  • คนที่เคยใช้ Tools ในการสร้างเว็บอย่าง Wix หรือ Wordpress ที่อยากเรียนรู้เครื่องมือที่ช่วยให้สามารถปรับแต่งเว็บได้อย่างอิสระมากขึ้น โดยไม่ต้องเขียนโค้ด

คอร์สนี้ไม่เหมาะกับ..

  • ผู้ที่ไม่มีไอเดีย ไม่มีความสนใจเรื่องการออกแบบเว็บไซต์ด้วยตนเอง
  • ผู้ที่ต้องการเรียนรู้ระบบหลังบ้านของเว็บไซต์
  • ผู้ที่ต้องการเขียนเว็บเองด้วยการโค้ด

หมายเหตุ: โปรแกรมที่ใช้ภายในคอร์ส Webflow for Designers คือ โปรแกรม Webflow ใน Version Sep 2021 ซึ่งหน้าตาโปรแกรมหรือหน้าตา UI อาจมีความแตกต่างไปจากเดิมเนื่องจากการพัฒนา Software ของโปรแกรม แต่หลักการใช้งานและ Concept ต่าง ๆ ยังเหมือนเดิม สามารถเรียนรู้ได้จากคอร์ส Webflow for Designers ได้เลย

SECTION_TITLE.COURSE_OUTLINE

01

Introduction

Welcome to Class

Get Started

1:24

Before We Start

Instructions

Introduction

0:34

Div Block

11:39

Layout

1:34

Basic Layout - Section

3:45

Basic Layout - Container

9:42

Basic Layout - Column and Grid

13:06

Layout Display Part 1

9:46

Layout Display Part 2

9:32

Exercise: Basic Layouts

BBC Website

6:15

Summary

0:59

Typography

13:27

List and List Item

2:24

Button

2:57

Link Block

1:49

Form

7:00

Form Submission

7:16

Exercise Part 1

2:43

Exercise Part 2

15:22

Summary

2:35

Introduction

0:41

Spacing (Padding and Margin)

15:55

Border

6:26

Shadow

4:24

Summary

0:58

Introduction

3:36

Selectors

10:05

Exercise: Selectors

Symbols

7:13

Exercise: Symbols

Summary

2:26

Introduction of Position

Position: Static

Position: Relative

7:43

Position: Absolute

11:09

Instructions

Position: Fixed

6:55

Position: Sticky

6:00

Summary of Position

3:08

Introduction of Transform

2:35

Transform: Scale

2:14

Transform: Rotate

4:45

Transform: Move

4:59

Layer of block (z-index)

4:02

Exercise: Positions and Transforms

Solution Part 1

10:22

Solution Part 2

24:57

Introduction

1:00

Create CMS Data

10:01

Integrate CMS to UI

13:43

CMS vs Symbol

3:05

Exercise: CMS

CMS Collection Page

9:42

Static Page

7:31

Exercise: Redesign Your Website

Summary

1:21

Intro

0:44

Device Breakpoints

4:26

Tablet Mode

7:04

Mobile Mode

6:59

Summary

2:36

Instructions

Basic Animation

12:10

Element Trigger: Mouse Hover

16:52

Element Trigger: Mouse Click

7:50

Exercise: Amazing Button

Element Trigger: Mouse Move over Elements

7:22

Element Trigger: While Scrolling in View

12:53

Element Trigger: Scroll into View

13:45

Element Trigger: Recap

2:38

Page Trigger: Mouse Move in Viewport

12:48

Page Trigger: While Page Is Scrolling

11:17

Page Trigger: Page Scrolled

4:32

Page Trigger: Page Load

6:14

Page Trigger: Recap

2:45

Easing Function

3:35

Project Overview

Download Assets

Assets Preparation

17:12

Animations

17:29

Introduction

0:10

Publish and Share Your Website

2:20

Pricing

7:03

Inspect Elements

7:26

Course Summary

7:27

SECTION_TITLE.FAQS

Q:

วิธีขอใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคล

A:

หากต้องการใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคลสามารถส่งรายละเอียดดังนี้

  • คอร์สที่สนใจและจำนวนผู้เรียน
  • ชื่อ-นามสกุล, เบอร์โทรผู้ติดต่อ
  • ชื่อ-ที่อยู่บริษัท, เลขประจำตัวผู้เสียภาษี
  • จำนวนภาษีหัก ณ ที่จ่าย (ถ้ามี)

มาที่ hello@skooldio.com โดยใช้ระยะเวลาดำเนินการไม่เกิน 1 วันทำการ (จันทร์-ศุกร์)

A:

สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com

A:

กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด

A:

สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี

A:

หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้

SECTION_TITLE.RELATED_ONLINE_COURSES