Share the joy
  •  
  •  
  •  
  •  
  •  

คอร์ส สอนสร้างเว็บ สำหรับผู้เริ่มต้นเรียนรู้เขียน HTML CSS สู่การเป็นมืออาชีพแบบถูกทาง สอนทำเว็บ ให้คุณอย่างถูกต้อง เนื่องข้อมูลความมากมาย อาจทำให้หลงทาง…สิ่งที่เห็นจากน้องนักศึกษาฝึกงานหรือผู้เริ่มต้น ผมสังเกตุเห็นปัญหาอย่างหนึ่งคือ การปล่อยให้ไปศึกษาจากแหล่งต่างๆเอง ทำให้ได้ความรู้ที่มากเกินไป สับสน บางอย่างก็ไม่จำเป็น และ บางทีก็ไม่มีเทคนิคที่จะลัดทำให้งานเร็วขึ้น ผมจึงตั้งใจสร้างคอร์สนี้ที่มีแนวการสอนที่แตกต่างจากทั่วไป

 

HTML CSS Basic course

HTML CSS Basic course

คอร์ส สอนสร้างเว็บ นี้เหมาะกับใคร?

  • ผู้ที่เริ่มต้น และอยากเข้ามาอยู่ในยุทธจักรของ Web developer,HTML5,CSS3 ต่อยอดไปขั้นสูง
  • ผู้มีฝีมือทางด้าน Designer อยู่แล้ว ต้องการปลุกกราฟฟิคให้กลายเป็นหน้าเว็บ
  • ผู้ใช้งาน CMS อย่าง Word press หรืออื่นๆ ต้องการปรับแต่ง Theme ให้โดนใจ
  • ผู้ที่ต้องการสร้างเว็บเป็นของตัวเองขึ้นมาด้วยมือของตัวเอง
  • ผู้ต้องการใช้เครื่องมือลากวาง สร้างเว็บง่ายๆ อย่าง Web flow หรือ Macaw แต่ก็งงๆกับเครื่องไม้เครื่องมือ
  • ผู้เปิดร้านกับเว็บสำเร็จรูป แต่ต้องการปรับแต่งข้อมูล
  • ผู้ลงประกาศขายสินค้ากับเว็บประกาศซื้อขาย
  • อื่นๆ …

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

แนะนำบทเรียน

 

เนื้อหาบทเรียน

Chapter 1 : ปูพื้นฐาน เข้าใจ HTML CSS เลือกใช้งาน Editor (ทดลองเรียน)

  • ความแตกต่างของ HTML CSS
  • รู้จัก Editor และเลือกใช้งาน
  • การ Manage site ใน Dreamweaver
  • รู้จักกับ HTML Doctype แบบต่างๆ และใช้งาน Doctype HTML5
  • รู้จัก HTML tag เบื้องต้น
  • การวางแผนใช้งาน CSS

Chapter 2 : การใช้งาน CSS และวางแผน CSS ไฟล์ก่อนเริ่มทำงาน (ทดลองเรียน)

  • การเชื่อม Link CSS file กับ HTML
  • CSS Syntax
  • การใช้ Selector – และความแตกต่างระหว่าง Element, Class, ID
  • การใช้ 1 CSS ไฟล์กับหลาย HTML ไฟล์
  • วางแผน CSS file กับเว็บไซต์ขนาดใหญ่

Chapter 3 : สร้างโครงหลักจากดีไซน์ (ทดลองเรียน)

  • แยกส่วน Header, Content, Footer
  • การ Comment การใช้ประโยชน์
  • กำหนดขนาด container หลัก
  • สร้างเลย์เอาท์แบบคอลัมน์
  • การใช้ float right
  • ข้อระวังการใช้ float และการแก้ปัญหา
  • การเขียน CSS ให้เป็น Library กับ การเขียนระบุแต่ละคลาส

Chapter 4 : สร้างเมนูหลัก Vertical navigation (ทดลองเรียน)

  • เรียนรู้โครงสร้าง HTML สำหรับ Navigator
  • CSS selector  แบบกำหนด Child node ช่วยกำหนดแท็กลูกหลายๆตัวพร้อมกัน
  • CSS property display : inline-block กำหนดเมนูแนวนอน
  • CSS propery text-align : [value] จัดตำแหน่ง Alignment

Chapter 5 : HTML นั้นมีความหมาย อย่าได้ใส่ลงไปมั่วซั่ว (ทดลองเรียน)

Chapter 6 : ทฤษฎี Box model element ความจริงที่คุณต้องรู้ (ทดลองเรียน)

  • เข้าใจหลักการ Box model
  • ข้อแตกต่างและการใช้ Margin, Padding, Border
  • การเขียนโค๊ดแบบสั้น (Short hand)
  • HTML Tag และค่าเริ่มต้น (Default value)

Chapter 7 : การสร้าง List Gallery (ทดลองเรียน)

Chapter 8 : การสร้าง List Gallery แบบ Dynamic content เพื่อความสะบายแก่โปรแกรมเมอร์ที่รัก

Chapter 9 : เริ่มต้นดีมีชัยไปกว่าครึ่ง กำหนด Style เริ่มต้นให้กับ Body เพื่อให้มีค่าเหมือนกันทั้งไซต์

Chapter 10 : ไม่ใช่สักแต่ใส่รูป ใส่จากแท็ก HTML กับ เซต Background image ก็มีจุดประสงค์แตกต่างกัน

Chapter 11 : การกำหนด Vertical align เพื่อใส่ข้อมูลแบบไดนามิค

Chapter 12 : แช่แข็ง Element ด้วย position:fixed

Chapter 13 : ล่องลอยอย่างอิสระ ด้วย position:absolute

Chapter 14 : เพิ่มลูกเล่นกับ Plugin เท่ๆโดยไม่ต้องเขียนเองให้เมื่อยด้วย jQuery plugin

Chapter 15 : เรียงลำดับจัดแถวด้วย z-index

Chapter 16 : Table ตายไปจากโลกนี้แล้วจริงหรือ?

Chapter 18 : เพิ่มความฟรุ้งฟริ้งให้กับเมนู และการทำเมนูย่อย(Dropdown menu)

Chapter 19 : ถึงเวลาที่รอคอย HTML5 พระเอกขีม้าขาว

Chapter 20 : Appserve ทำงานแบบมืออาชีพ ด้วยการจำลองเซิฟเวอร์ และจัดแยก Module

Chapter 21 : อยู่หน้าไหนไม่หลงทางกับการทำ Active menu

Chapter 22 : สำรวจตรวจสอบ ด้วยการหา Error, การหาโค๊ดที่ยุ่งเหยิงอย่างง่ายดาย, การทดสอบความเร็วของเว็บไซต์

 

ความรู้พื้นฐาน

  • ไม่จำเป็นต้องมีพื้นฐาน

 

ประวัติและผลงานผู้สอน

นายวรภัทร เรืองโสภณ ประสบการณ์การทำงานด้านเว็บไซต์ 14 ปี

ปัจจุบันตำแหน่ง Digital Project manager

ผ่านงาน Designer and Flash animator 5 ปี, Flash Programing and Frontend Developer 9 ปี

ผลงานลูกค้าชั้นนำ

 

ราคา DVD1,700 บาท (พร้อมส่ง EMS)

ติดต่อ 081-9069048

q1 : tmtotee

btn-pay

Leave Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

clear formSubmit