Menu

คอร์สอบรมทำเว็บไซต์ ด้วย Dreamweaver+Photoshop

 

web1

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

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

 

สิ่งที่ผู้เรียนจะได้รับ

รู้จักขั้นตอนการทำเว็บไซต์ การมองภาพโค้ดและอื่นๆ เข้าใจวิธีการออกแบบเว็บไซต์ให้รองรับกับเทคโนโลยีใหม่ แบบเบื้องต้น เข้าใจภาพรวมของการทำเว็บไซต์

 

เนื้อหาคอร์สเรียน

วันที่1
เทคนิคในการจัดการกับรูปภาพและออกแบบด้วย Adobe PhotoShop CC เพื่อใช้ในงานออกแบบเว็บ
  1. รู้จักโปรแกรม Photoshop  เรียนรู้หลักการในการออกแบบ, รู้จักเครื่องมือต่างๆที่จำเป็นต้องใช้งาน
  2. เทคนิคการใช้สี , การทำงานกับ Layers, ตัดต่อรูปภาพ , ซ้อนภาพ , การสร้างปุ่มกด , การใส่ Effects ต่างๆให้กับชิ้นงาน
  3. ใช้ Photoshop เพื่อการตกแต่งรูปภาพ และฝึกใช้เครื่องมือเสริมต่างๆ เช่น Healing Brush, Clone Stamp, Blur Tool, Sponge Tool, Dodge Tool เป็นต้น
  4. การตัดขนาดของภาพบางส่วน , การปรับเปลี่ยนขนาดของรูปภาพ , การลดขนาดไฟล์รูปภาพ เพื่อความเร็วใน การโหลดภาพ , การหมุนและกลับด้านรูปภาพ , การกำหนดสีและแสง ความมัวและความชัดให้รูปภาพ การใ ส่ effect เล็กๆให้กับรูปภาพให้มีความแปลกตา
  5. ใช้คำสั่ง slice tools เพื่อตัดภาพออกเป็นส่วนๆ และสามารถบันทึกเป็น .html เพื่อดึงเข้าเป็นลูกเล่นใน webpage ได้
  6. การสร้างภาพเคลื่อนไหว (.Gif Animation )
  7. ออกแบบเว็ปด้วย Photoshop, ออกแบบ Logo ของตนเอง , ออกแบบหน้าแรกด้วย Effects พิเศษ , การตัดภาพจาก Photoshop ไปใส่ในเว็ป , ทดลองสร้างระบบ Navigator Menu
  8. ออกแบบภาพตกแต่ง ต่าง ๆ เพื่อนำมาปรับใช้กับหน้าเว็บที่สร้างไว้แล้ว

 

วันที่ 2
Introduction to Internet 
  1. Internet คืออะไร , Homepage, Website, E-Commerce คืออะไร และรู้จักความหมายของ HTML, DHTML, XML, WWW, Web Server, Browser, CGI etc.
  2. รู้จักกับ Protocols ต่างๆเช่น TCP/IP, HTTP, PPP, Search Engine, Index.html
  3. รู้จักโครงสร้างภาษา HTML ฝึกสร้างโฮมเพจด้วยจากพื้นฐานของ HTML จากโปรแกรมง่ายๆอย่าง Notepad, คำสั่งภาษา HTML ที่ควรทราบ , การใส่สี , จัดหน้ากระดาษ , การใส่รูปภาพ การใส่ลิงค์เชื่อมโยง

การใช้สร้างโฮมเพจด้วย Adobe Dreamweaver CS6
  1. รู้จักกับสุดยอดโปรแกรมสร้างเว็ป Adobe Dreamweaver CS6, เครื่องมือต่างๆ , เริ่มการสร้างโฮมเพจโดยใช้ Dreamweaver, การตั้งค่าภาษาไทย
  2. การทำงานกับตัวอักษรและข้อความ การกำหนด Font และขนาดตัวอักษร การตกแต่งสี รูปแบบ และ ตำแหน่งตัวอักษร การจัดลำดับ Ordered List และ Unordered List
  3. การใส่รูปภาพใน WebPage, ชนิดและคุณสมบัติต่างๆ ของไฟล์รูปภาพที่สามารถใช้ในเว็ปได้ การจัดตำแหน่งและกำหนดขนาดของรูปภาพ การทำภาพขนาดเล็กโดยอัตโนมัติ
  4. การใช้ตาราง (Table) ในการกำหนดสัดส่วนหน้าเว็ปแบบมืออาชีพ , สร้าง Form สั่งซื้อสินค้า , การใช้ Frame ในการแบ่งหน้าโฮมเพจ , การสร้าง Link ไปยังเอกสาร HTML หน้าอื่น , การสร้าง Link แบบต่างๆ, การใส่ไฟล์เสียงและไฟล์วีดีโอให้กับโฮมเพจ , ทำให้เว็ปสามารถ Download ข้อมูลได้
  5. รู้จักใช้งาน Layer, แบบสัดส่วนหน้าเว็ปด้วยหลาย Layer, แปลง Layer เป็น Table, การใช้งาน Frame, การแบ่ง Frame หลายรูปแบบ, E-mail Link
  6. การใส่ Keyword เพื่อค้นหาได้ใน Search Engine, การทำ Picture Mapping ลิงค์หลายจุดในภาพเดียว , การใส่ลูกเล่นต่างๆให้กับโฮมเพจเช่น Rollover Image
  7. การใส่ Template ให้กับเว็บเพจ ในหลายๆรูปแบบ, การใช้งาน Library
  8. ใช้คำสั่ง Spry ที่เป็น ฟีเจอร์ใหม่ของ CS3 เช่น Spry Menubar, Spry Tabbed Panels ฯ
  9. การสร้าง Pop-up แสดงข่าวสาร, การใส่ Behaviors ภาษา Java Script เพื่อลูกเล่นหลายๆ แบบให้กับเว็บไซด์

วันที่ 3
การ Upload ไฟล์ขึ้นสู่ Server การใช้งาน Hosting
  1. ทำการสร้างเว็บไซต์ และ การขอพื้นที่ฟรีบนเว็ปชั้นนำต่างๆ , ทดลอง Upload ไฟล์ขึ้นสู่ Server, ทดลองใช้ไฟล์ Manager เพื่อจัดระบบเว็ปไซต์ให้พร้อม Online บนโลกอินเตอร์เน็ต
  2. เทคนิคต่าง ๆ ในการ Optimization ทำอย่างไรให้ชื่อเว็บไซด์ของเราติดอันดับต้นๆใน Search Engine
  3. การสร้างลูกเล่นให้กับเว็ปด้วยการเพิ่มเติมโดยไม่จำเป็นต้องรู้ภาษาโปรแกรมมิ่งต่างที่ยุ่งยาก เช่น Guest Book ( สมุดเยี่ยมชม ), ใส่ Counter ตัวนับจำนวนผู้เข้าชม
  4. ทดลองใส่ ไฟล์เสียงเพลง ไฟล์วีดีโอ จากเว็บไซด์ที่ให้บริการฟรีต่างๆ เช่น imeem.com, ijigg.com, youtube.com เป็นต้น
  5. WorkShop : ทดลองสร้าง Website  ด้วยตัวเองทุกขั้นตอน

 

หลักสูตร  8 ชั่วโมง จำนวน 3 วัน
เรียนตั้งแต่เวลา: 09:30 – 17:30 น. 

ค่าคอร์สเรียนในสถานที่

  • คอร์สเรียนในสถานที่ จำนวน 1 ท่าน ราคา 9,500 บาท/ท่าน ( 3 วัน )
สนใจสำรองที่นั่ง  ID LINE  : @siam2design
โทร : 081-424-3353 , 02-866-5400

สิ่งที่ต้องเตรียม

  1. Computer Notebook ( มีกล้องหน้า )
  2. หูฟังที่มีไมค์ในตัว
  3. โปรแกรม Adobe Photoshop  ( ดาว์นโหลดได้ที่ https://www.adobe.in.th/photoshop/download  )
  4. โปรแกรม Dreamweaver ( ดาว์นโหลดได้ที่ https://www.adobe.in.th/dreamweaver/download )
  5. โปรแกรม Zoom Client for Meetings ( VDO CALL )  ( ดาว์นโหลดได้ที่  https://zoom.us/download )
  6. โปรแกรม Anydesk ( Remote Computer ) ( ดาว์นโหลดได้ที่ https://anydesk.com/en/downloads )
ดูผลงานการของแบบของทางเราได้ที่   www.siam2design.com

เพิ่มเพื่อน