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.INSTRUCTOR
SECTION_TITLE.COURSE_OUTLINE
Structures and Layouts
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
Basic Elements
Introduction
Typography
13:27
Media
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
Stylings
Introduction
0:41
Spacing (Padding and Margin)
15:55
Border
6:26
Shadow
4:24
Summary
0:58
Selectors and Symbols
Introduction
3:36
Selectors
10:05
Exercise: Selectors
Symbols
7:13
Exercise: Symbols
Summary
2:26
Positions and Transforms
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
Content Management System (CMS) and Paging
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
Responsive Website
Intro
0:44
Device Breakpoints
4:26
Tablet Mode
7:04
Mobile Mode
6:59
Summary
2:36
Interactions and Animations
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
Final Project: KATOON
Tips
Introduction
0:10
Publish and Share Your Website
2:20
Pricing
7:03
Inspect Elements
7:26
Course Summary
Course Summary
7:27
SECTION_TITLE.FAQS
Q:
ซื้อคอร์สออนไลน์ในนามนิติบุคคลผ่านหน้าเว็บไซต์ได้หรือไม่
A:
สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com
Q:
วิธีขอใบกำกับภาษีในนามนิติบุคคลและใบกำกับภาษีสำหรับบุคคลทั่วไป
A:
กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด
Q:
คอร์สออนไลน์สามารถกลับมาเรียนซ้ำได้หรือไม่
A:
สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี
Q:
สามารถแก้ไขใบกำกับภาษีจากในนามนิติบุคคลเป็นใบกำกับภาษีบุคคลทั่วไป และ ใบกำกับภาษีบุคคลทั่วไปเป็นใบกำกับภาษีในนามนิติบุคคลได้หรือไม่
A:
หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้