D01 : หลักสูตร Web Design with Dreamweaver CC

สร้างเว็บไซด์พื้นฐาน HTML5 + CSS + Responsive เรียนจบคอร์สอัพโหลดขึ้นออนไลน์ได้เลย

D01: Web Design with Dreamweaver CC

 หลักสูตรพื้นฐานการออกแบบเว็บไซต์ สำหรับผู้มีความต้องการเปิดเว็บไซด์ เป็นของตนเอง สำหรับใช้เป็นเว็บไซด์ส่วนตัว, เว็บโชว์ผลงาน portfolio หรือเป็นเว็บไซด์เพื่อการค้าเชิงพาณิชย์  เช่นเว็บซื้อขายสินค้า เว็บไซด์โรงแรม-ที่พัก, ฟาร์มแกะฯ โดยจะได้เรียนรู้หลักการในการออกแบบ Website ตั้งแต่พื้นฐานภาษา HTML ไปจนเริ่มออกแบบเว็บเพจทีละหน้าๆ การวางโครงสร้างเว็บไซด์ การใช้ CSS Style และยังมีการนำเอาโปรแกรม Photoshop มาสร้างภาพ เมนู ไอคอน พื้นหลัง ฯ มาตกแต่งเว็บไซด์ ให้สวยงาม การสร้าง หัวเว็บไซด์แบบเปลี่ยนสี สร้างปุ่มเมนู การใส่ลูกเล่นเพิ่มเติม เช่น Gallery JavaScript ,Web Counter,ใส่คลิปวีดีโอจาก Youtube.com, แผนที่จาก Google Maps ฯ

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

โปรแกรมที่ใช้ : Adobe Dreamweaver CC

 

พื้นฐานผู้อบรม

  • ใช้คอมพิวเตอร์พื้นฐานได้
  • มีความต้องการภาษาเขียน WebSite ตั้งแต่เริ่มต้น
  • ระดับหลักสูตร :: พื้นฐาน >ใช้งานได้เลย

ประโยชน์ที่ได้รับ

  • เข้าใจ สามารถสร้างไฟล์ HTML ,CSS, Responsive
  • สร้างออกแบบเว็บไซด์ได้ทันทีหลังจบคอร์ส
  • เพิ่ม javascript เพื่อปรับแต่งเว็บไซด์เองได้
  • ต่อยอดไปเขียน Web Application ได้ง่าย

 

คอร์สที่ต้องเรียนก่อน

คอร์สต่อไปที่แนะนำ

 

 

รายละเอียดหลักสูตร

สิ่งที่ผู้อบรมจะได้รับ :

- เขียนภาษา HTML พื้นฐานทั้งหมดได้
- เขียนภาษา CSS Style ได้ในหลายๆรูปแบบ
- ใส่ Javascript ลูกเล่นพิเศษ พร้อมทั้งปรับแต่งได้
- ใช้โปรแกรม Dreamweaver ออกแบบเว็บไซด์ได้
- สร้างส่วนตอบโต้ผู้ใช้ได้ เช่น แบบฟอร์มส่งอีเมล์ถึงผู้ดูแลเว็บ
- อัพโหลดเว็บไซด์ที่เรียน ขึ้นออนไลน์ได้จากทั่วโลกทันทีภายในคอร์ส

** Update ::  เพิ่มคำสั่ง Script Facebook Plug-in คำสั่งฝัง หน้าเพจ facebook, หรือปุ่ม like ลงในหน้าเว็บไซด์

วันที่1 :Introduction to Build Homepage With HTML (สำหรับผู้เริ่มต้น)

  • รู้จักโครงสร้างภาษา HTML5 ฝึกสร้างโฮมเพจด้วยจากพื้นฐานของ HTML5 จากโปรแกรมง่ายๆอย่าง Notepad, EditPlus++
  • tag คำสั่งภาษา HTML5 พื้นฐานที่ควรทราบ , การใส่สี , จัดหน้ากระดาษ , การใส่รูปภาพ การใส่ลิงค์เชื่อมโยง
  • การเขียนโค้ด HTML5 ร่วมกับเขียนโค้ด CSS Style เพื่อปรับพื้นฐานต่อยอด
  • การใช้สร้างโฮมเพจด้วย Adobe Dreamweaver CC 2015 / 2017
  • ภาพรวมของโปรแกรม เครื่องมือต่างๆ , เริ่มการสร้างโฮมเพจโดยใช้ Dreamweaver, การตั้งค่าภาษาไทย
  • การกำหนด Site เพื่อสร้าง โปรเจ็กต์งาน ให้อยู่ในโฟลเดอร์ที่กำหนด
  • การทำงานกับตัวอักษรและข้อความ การกำหนด Font และขนาดตัวอักษร การตกแต่งสี รูปแบบ และ ตำแหน่งตัวอักษร การจัดลำดับ Ordered List และ Unordered List
  • การใส่รูปภาพใน Webpage, ชนิดและคุณสมบัติต่างๆ ของไฟล์รูปภาพที่สามารถใช้ในเว็บได้ การจัดตำแหน่งและกำหนดขนาดของรูปภาพ การทำภาพขนาดเล็กโดยอัตโนมัติ
  • การใช้ตาราง (Table) ในการกำหนดสัดส่วนหน้าเว็บแบบมืออาชีพ , สร้าง Form สั่งซื้อสินค้า, การสร้าง Link ไปยังเอกสาร HTML หน้าอื่น , การสร้าง Link แบบต่างๆ, การใส่ไฟล์เสียงและไฟล์วีดีโอให้กับโฮมเพจ , ทำให้เว็บสามารถ Download ข้อมูลได้

วันที่2: เพิ่มเติมปรับแต่ส่วนประกอบต่างๆให้กับเว็บเพจ

  • การใช้ CSS Style มาช่วยในการปรับแต่งข้อมูลต่างๆ ในเว็บไซด์
  • การจัดการกับ CSS Style ในหลายๆรูปแบบ
  • ทดลอง ดาวน์โหลด ไฟล์ CSS Style สวยๆจากเว็บไซด์ชื่อดัง
  • การใส่ Template ให้กับเว็บเพจ ในหลายๆรูปแบบ, การใช้งาน Library
  • การสร้าง Pop-up แสดงข่าวสาร, การใส่ Behaviors ภาษา JavaScript เพื่มลูกเล่นหลายๆ รูปแบบ
  • สร้างฟอรมส่วนตอบโต้ผู้ใช้ได้ เช่น แบบฟอร์มส่งอีเมล์ถึงผู้ดูแลเว็บ
  • พื้นฐานการสร้าง Responsive Website
  • การออกแบบเว็บไซด์ด้วย <DIV> ID, Class แบบ Responsive
  • โค้ดคำสั่ง @media screen กำหนด CSS เพื่อควบคุมรูปแบบ ข้อความ พื้นที่ในแต่ละขนาดหน้าจอ
  • ทดลองสร้าง Layout Website แบบปรับเปลี่ยนได้บนหน้าจอคอมพิวเตอร์ และมือถือฯ
  • ใช้คำสั่ง Starter Template ที่มีใน Dreamweaver เพื่อสร้าง Responsive Website อัตโนมัติ

วันที่3: Upload ไฟล์ขึ้นสู่ Server และการเพิ่มลูกเล่นเนื้อหาในเว็บไซด์

  • ความรู้ความเข้าใจเรื่อง Domain Name, Hosting
  • การขอพื้นที่ฟรีบนเว็บชั้นนำต่างๆ , ทดลอง Upload ไฟล์ขึ้นสู่ Server
  • ทดลองใช้ Upload Manager เพื่อจัดระบบเว็ปไซต์ให้พร้อม Online บนโลกอินเตอร์เน็ต
  • การปรับแก้ตกแต่ง วิธีการ Backup ไฟล์เมื่อ เว็บไซด์เราออนไลน์เรียบร้อยแล้ว
  • เทคนิคต่าง ๆ ในการ Optimization ทำอย่างไรให้ชื่อเว็บไซด์ของเราติดอันดับต้นๆใน Search Engine 
  • การทำ SEO เช่นใส่ Keyword เพื่อช่วยให้ค้นหาได้ใน Search Engine, ฝากลิงค์ต่างๆ
  • การใส่ตัวนับจำนวนผู้เข้าชม จากเว็ปไซต์ยอดนิยมต่างๆเช่น FreeCounter.com
  • ดาวน์โหลดและฝังฟอนต์จาก Google Font ที่สามารถเรียกใช้งานได้ทันที
  • การใส่แผนที่ตำแหน่ง จาก Google Maps
  • การสร้าง QR code และปุ่ม Add line ที่สามารถกดลิงค์เพื่อไปหน้าเพิ่มเพื่อน ในแอพ Line ได้ทันที
  • ทดลองใส่ ไฟล์เสียงเพลง ไฟล์วีดีโอ จากเว็บไซด์ที่ให้บริการฟรีต่างๆ เช่น youtube.com, 4share
  • ใส่ภาษา JavaScript เสริมเช่น JQuery Banner Image Gallery เพิ่มลูกเล่นลงในเว็บไซด์
  • Update : เพิ่มคำสั่ง Script Facebook Plug-in คำสั่งฝัง หน้าเพจ facebook, หรือปุ่ม like ลงในเว็บไซด์

WorkShop : ทดลองสร้าง Website "TravelThai Paradise" ด้วยตัวเองทุกขั้นตอน 


ตัวอย่างผลงานจริงหลังเรียนจบ ของผู้เข้าอบรม ::


-- ทุกหลักสูตรมีเอกสาร/หนังสือประกอบการอบรมให้ เมื่อผ่านอบรมมีใบประกาศนียบัตรรับรองให้ และสามารถกลับมาเรียนซ้ำได้ฟรี ในระยะเวลา 2 ปี --


ตารางเรียนล่าสุด

หลักสูตร รอบที่เปิด วันที่เริ่มอบรม
Web Design with DreamWeaver CC วันเสาร์ 24, 31 ส.ค. 7 ก.ย.
วันอาทิตย์ 1, 8, 15 ก.ย.
วันอังคาร, พุธ 20, 21, 27 ส.ค.

* ตารางที่แสดงเป็นเพียง บางส่วน เท่านั้นสามารถสอบถามรอบวันอื่นๆที่สะดวกเรียนได้ทันที
**ราคาค่าอบรมนี้ ยังไม่รวม VAT 7%

ราคาค่าอบรม :: 5900 บาท / 18ชม. ( 3 วัน )
เวลาอบรม :: 10:00-17:00น.  [ดูแผนที่]
Training in Englishวิทยากรสามารถอบรมเป็นภาษาอังกฤษได้ :: ✓Available
Live Online Trainingบริการอบรมตัวต่อตัวแบบไลฟ์สดออนไลน์ระยะไกล :: ✓Available


โปรโมชั่น

  • สำหรับลูกค้าเก่าลดทันที 500 บาท/หลักสูตร
  • อบรมพร้อมกัน ท่านที่ 2 ลด 20% ท่านที่ 3++ ลด 30%
  • อบรมกลุ่มนอกสถานที่ราคาพิเศษ In-House, On-Site >ขอใบเสนอราคา<


การชำระเงิน

  1. ชำระโดยโอนเข้าบัญชี
  2. ชำระด้วยเช็คขีดคร่อม
  3. ชำระด้วยเงินสดที่ศูนย์อบรมก่อนเริ่มวันเรียน (มัดจำล่วงหน้า)
    *สามารถออกหนังสือหัก ณ.ที่จ่าย 1% หรือ 3% ได้ [คลิกดูรายละเอียด]

ภาพบรรยากาศอบรม ศูนย์รังสิต

ภาพบรรยากาศ อบรมนอกสถานที่ On-site

 


TAG คำค้นหา ::

อบรม Dreamweaver
อบรม Dreamweaver
Dreamweaver Training
เรียนทำเว็บ พื้นฐาน
เรียน Web Design with Dreamweaver
คอร์ส Adobe Dreamweaver
คอร์ส Web Design
อบรม Webdesign with Dreamweaver
เรียนสร้างเว็บไซด์