การปรับแต่ง Landing Page ด้วย Bootstrap Template

Name: การปรับแต่ง Landing Page ด้วย Bootstrap Template
Rating: 3.8 (11 reviews)

Course เรียนนี้จะนำท่านไปสู่การเรียนรู้ในการปรับแต่ง Landing Page โดยใช้งาน Bootstrap Template

Created byRath Jairak

Last updated 10/2019

Thai

What you'll learn

การปรับแต่ง Landing Page แบบ Bootstrap จาก Template ที่ใช้เป็นแบบฝึกหัด

Course content

1 section • 14 lectures • 2h 2m total length

Landing Page คืออะไร5:12
ในบทเรียนนี้ท่านจะได้เรียนรู้ว่า Landing Page คืออะไร และสามารถแยกได้เป็นกี่ประเภท
Landing Page ทำงานอย่างไร5:07
ในบทเรียนนี้จะนำเสนอถึงการทำงานของ Landing Page และนำเสนอแหล่งที่จะไปดาวน์โหลด Landing Page มาใช้งาน
เริ่มต้นใช้งาน Landing Page9:21
เริ่มต้นทำความเข้าใจกับองค์ประกอบต่างๆ ใน Landing Page ที่จะใช้เพื่อการฝึกปฏิบัติ และใช้โปรแกรม Brackets เพื่อแก้ไขโค๊ด html ของ Landing Page
ไฟล์แบบฝึกหัด0:04
การใช้งาน Brackets เพื่อแก้ไข Landing Page10:04
เนื้อหาในส่วนนี้จะได้นำเสนอการใช้งาน Brackets เบื้องต้น โดยทำความเข้าใจ Code ในส่วนของ Tag Head และการแทนที่ Logo ใหม่
การแก้ไข Menu9:41
เนื้อหาในส่วนนี้จะเกี่ยวข้องกับการแก้ไขโค๊ดในส่วนของเมนู
การแก้ไข Slide Show11:02
บทเรียนนี้จะแสดงให้เห็นการแก้ไข Slide Show ข้างใต้เมนู ซึ่งเป็นตำแหน่งที่จะไปเมื่อคลิกที่เมนู Home
การแก้ไขในตำแหน่ง Hero Boxes7:16
การแก้ไขในตำแหน่ง Online Course8:43
บทเรียนนี้จะนำเสนอการแก้ไขในตำแหน่งที่เกี่ยวข้องกับผลิตภัณฑ์ ซึ่งในที่นี้ คือ Online Course นั่นเอง
แก้ไขในส่วนที่เกี่ยวข้องกับ About Me10:54
นำเสนอการแก้ไขในส่วนที่เกี่ยวข้องกับตัวเจ้าของเว็บไซต์ว่ามีความเชี่ยวชาญในเรื่องใดบ้าง
การแก้ไขในส่วน Customer Reach9:32
บทเรียนนี้จะนำเสนอการแก้ไขในส่วนที่เกี่ยวข้องกับการเข้าถึง Course เรียนใน Udemy ของเจ้าของเว็บไซต์ RathAcademy
การแก้ไขในส่วน Audience Feedback12:23
นำเสนอการแก้ไขในส่วนที่เกี่ยวข้องกับ Feedback ของลูกค้าเกี่ยวกับผลิตภัณฑ์ที่ใช้
การแก้ไขในส่วนที่สร้างไฟล์ให้กับลูกค้าได้ Download12:07
นำสเนอการแก้ไขในส่วนของการสร้างไฟล์ที่สามารถ Download ได้ให้กับลูกค้าหรือผู้เข้าชม
การแก้ไขในส่วนสุดท้าย หรือ Footer10:56
นำเสนอการแก้ไขในส่วน Footer ซึ่งเป็นส่วนสุดท้ายของ Landing Page

Requirements

รู้จัก ภาษา html ในระดับต้น แต่ถ้าไม่รู้จักในช่วงแรกๆ ท่านต้องสังเกตให้มากกว่าปกติเพื่อแยกองค์ประกอบของภาษา html ให้ออกว่าส่วนไหนเป็น <tag> ส่วนไหนใช้เพื่อแสดงผล

Description

Landing Page ถือเป็นเครื่องมือสำคัญสำหรับการดำเนินงานด้าน Digital Marketing เพื่อช่วยให้ตราสินค้า หรือ Brand สามารถนำเสนอผลิตภัณฑ์จนนำไปสู่ Call to Action สำหรับผลิตภัณฑ์นั้นๆ ต่อไป

ใน Course เรียนนี้ท่านจะได้เรียนรู้ในการปรับแต่ง Landing Page โดยใช้งาน Bootstrap Template ซึ่งท่านควรมีความรู้เบื้องต้นในการเขียนโค๊ด html มาบ้างเพื่อจะได้เข้าใจองค์ประกอบต่างๆ ของ tag ในภาษา html เพื่อให้สามารถแก้ไข Landing Page ได้ แต่หากท่านไม่เคยรู้จักภาษา html มาก่อน นั่นก็อาจจะไม่ใช่ปัญหามากนัก เพราะภาษา html เป็นภาษาที่อยู่ในรูปของ tag ที่ใช้เพื่อการแสดงผลและดูเข้าใจได้ไม่ยากเหมือนภาษาอื่นที่มีคำสั่งในการดำเนินงานค่อนข้างมาก แต่สำหรับผู้ที่ไม่คุ้นเคยอาจต้องใช้การสังเกตที่มากหน่อยในตอนเริ่มต้น

ท่านอาจจะไม่คุ้นชินกับภาษา html ในครั้งแรก แต่ถ้าได้ดูผ่านตาบ่อยๆ ก็จะจับจุดได้ว่าส่วนไหนเป็นส่วนของ Tag ที่ใช้บอกข้อมูลแก่ Web Browser ส่วนไหนเป็นส่วนที่ใช้ในการแสดงผล เนื่องจาก Course เรียนนี้พยายามทำให้ง่ายและอธิบายโดยละเอียดพอสมควรเพื่อให้ท่านสามารถแก้ไข Landing Page ได้ด้วยตนเอง

Who this course is for:

ผู้ที่ต้องการจะพัฒนาตนเองไปสู่ Front-end Developer
ผู้ที่สนใจจะทำเว็บไซต์โดยทั่วไป
ผู้ที่สนใจในการจัดทำ Landing Page