Oops! Something went wrong while submitting the form
สอนออกแบบด้วย Photoshop และทำเว็บด้วยโปรแกรม Dreamweavwer ที่จะช่วยในการประกอบให้เป็นเว็บไซต์ เหมาะสำหรับ นักเรียน หรือผู้สนใจที่จะเรียนทำเว็บตั้งแต่พื้นฐาน
ค่าคอร์สเรียน
คอร์สส่วนตัวในสถานที่ ค่าอบรมเพียง 9,900 บาท/ท่าน
LineID : @siam2design
Mobile : 0814243353
สิ่งที่ต้องเตรียม
โปรแกรม Photoshop CC
โปรแกรม Dreamweaver CC
Introduction to Internet and E - Commerce (สำหรับผู้เริ่มต้น)Internet คืออะไร , Homepage, Website, E-Commerce คืออะไร และรู้จักความหมายของ HTML, DHTML, XML, WWW, Web Server, Browser, CGI etc.รู้จักโครงสร้างภาษา HTML ฝึกสร้างโฮมเพจด้วยจากพื้นฐานของ HTML จากโปรแกรมง่ายๆอย่าง Notepad, คำสั่งภาษา HTML ที่ควรทราบ , การใส่สี , จัดหน้ากระดาษ , การใส่รูปภาพ การใส่ลิงค์เชื่อมโยง
การใช้สร้างโฮมเพจด้วย Adobe Dreamweaver CC 2017 / 2018
ภาพรวมของโปรแกรม เครื่องมือต่างๆ , เริ่มการสร้างโฮมเพจโดยใช้ Dreamweaver, การตั้งค่าภาษาไทยการกำหนด Site เพื่อสร้าง โปรเจ็กต์งาน ให้อยู่ในโฟลเดอร์ที่กำหนดการทำงานกับตัวอักษรและข้อความ การกำหนด Font และขนาดตัวอักษร การตกแต่งสี รูปแบบ และ ตำแหน่งตัวอักษร การจัดลำดับ Ordered List และ Unordered Listการใส่รูปภาพใน WebPage, ชนิดและคุณสมบัติต่างๆ ของไฟล์รูปภาพที่สามารถใช้ในเว็บได้ การจัดตำแหน่งและกำหนดขนาดของรูปภาพ การทำภาพขนาดเล็กโดยอัตโนมัติการใช้ตาราง (Table) ในการกำหนดสัดส่วนหน้าเว็บแบบมืออาชีพ , สร้าง Form สั่งซื้อสินค้า , การใช้ Frame ในการแบ่งหน้าโฮมเพจ , การสร้าง Link ไปยังเอกสาร HTML หน้าอื่น , การสร้าง Link แบบต่างๆ, การใส่ไฟล์เสียงและไฟล์วีดีโอให้กับโฮมเพจ , ทำให้เว็บสามารถ Download ข้อมูลได้รู้จักใช้งาน Layer, แบบสัดส่วนหน้าเว็บด้วยหลาย Layer, แปลง Layer เป็น Table, การใช้งาน Frame, การแบ่ง Frame หลายรูปแบบ, E-mail Linkการทำ Picture Mapping ลิงค์หลายจุดในภาพเดียวการใส่ลูกเล่นต่างๆให้กับโฮมเพจเช่น Rollover Imageการใช้ CSS Style มาช่วยในการปรับแต่งข้อมูลต่างๆ ในเว็บไซด์การจัดการกับ CSS Style ในหลายๆรูปแบบทดลอง ดาวน์โหลด ไฟล์ CSS Style สวยๆจากเว็บไซด์ชื่อดังการใส่ Template ให้กับเว็บเพจ ในหลายๆรูปแบบ, การใช้งาน Libraryใช้คำสั่ง Spry ที่เป็นชุดภาษา Java สำเร็จรูป เช่น Spry Menubar, Spry Tabbed Panels ฯการสร้าง Pop-up แสดงข่าวสาร, การใส่ Behaviors ภาษา Java Script เพื่อลูกเล่นหลายๆ แบบให้กับเว็บไซด์-
เทคนิคในการจัดการกับรูปภาพและออกแบบด้วย Adobe PhotoShop CC 2015 / 2017
รู้จักโปรแกรม Photoshop CC เรียนรู้หลักการในการออกแบบ, รู้จักเครื่องมือต่างๆที่จำเป็นต้องใช้งานเทคนิคการใช้สี , การทำงานกับ Layers, ตัดต่อรูปภาพ , ซ้อนภาพ , การสร้างปุ่มกด , การใส่ Effects ต่างๆให้กับชิ้นงานการทำภาพแบบมีเงา หรือมีกรอบโค้งๆ ด้านหลังของเว็บไซด์การตัดขนาดของภาพบางส่วน , การปรับเปลี่ยนขนาดของรูปภาพ , การลดขนาดไฟล์รูปภาพ เพื่อความเร็วใน การโหลดภาพ , การหมุนและกลับด้านรูปภาพ , การกำหนดสีและแสง ความมัวและความชัดให้รูปภาพ การใส่ effect เล็กๆให้กับรูปภาพให้มีความแปลกตาใช้คำสั่ง slice tools เพื่อตัดภาพออกเป็นส่วนๆ และสามารถบันทึกเป็น .html เพื่อดึงเข้าเป็นลูกเล่นใน webpage ได้การสร้างภาพเคลื่อนไหว (.Gif Animation )ออกแบบเว็บด้วย Photoshop, ออกแบบ Logo ของตนเอง , ออกแบบหน้าแรกด้วย Effects พิเศษ , การตัดภาพจาก Photoshop ไปใส่ในเว็บ, ทดลองสร้างระบบ Navigator Menuออกแบบภาพตกแต่ง ต่าง ๆ เพื่อนำมาปรับใช้กับหน้าเว็บที่สร้างไว้แล้ว
การ Upload ไฟล์ขึ้นสู่ Server การใช้งาน Hosting
การขอพื้นที่ฟรีบนเว็บชั้นนำต่างๆ , ทดลอง Upload ไฟล์ขึ้นสู่ Server, ทดลองใช้ไฟล์ Manager เพื่อจัดระบบเว็ปไซต์ให้พร้อม Online บนโลกอินเตอร์เน็ตเทคนิคต่าง ๆ ในการ Optimization ทำอย่างไรให้ชื่อเว็บไซด์ของเราติดอันดับต้นๆใน Search Engine การสร้างลูกเล่นให้กับเว็บด้วยการเพิ่มเติมโดยไม่จำเป็นต้องรู้ภาษาโปรแกรมมิ่งต่างที่ยุ่งยาก เช่น ใส่ Counter ตัวนับจำนวนผู้เข้าชม, ดูจำนวนผู้ออนไลน์การทำ SEO เช่นใส่ Keyword เพื่อช่วยให้ค้นหาได้ใน Search Engine, ฝากลิงค์ต่างๆการสร้างฟรี Webboard หรือ ตัวนับจำนวนผู้เข้าชม จากเว็ปไซต์ยอดนิยมต่างๆเช่น FreeCounter.comทดลองใส่ ไฟล์เสียงเพลง ไฟล์วีดีโอ จากเว็บไซด์ที่ให้บริการฟรีต่างๆ เช่น youtube.com 4shareใส่ภาษา JavaScript เสริมเช่น JQuery Banner Image Gallery เพิ่มลูกเล่นลงในเว็บไซด์ใส่ Script จาก facebook.com เพื่อให้เว็บไซด์ดูทันสมัยและ เพิ่มช่องทางในการเข้าถึงกลุ่มเป้าหมาย
