Graphic Design · GPC-05-04

Web Design Using PhotoShop and DreamWeaver

18 hours 3 days
Last updated

Web Design Using PhotoShop and DreamWeaver is a 18-hour training course by IT Genius Institute. หลักสูตรออกแบบเว็บไซต์อย่างมืออาชีพ เป็นหลักสูตรที่มีเนื้อหาครอบคลุมการทำเว็บด้วย PhotoShop CS6 and DreamWeaver CS6 รูปแบบใหม่ ๆ ซึ่งเป็นการผสมผสาน Web…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Web Design Using PhotoShop and DreamWeaver หลักสูตรออกแบบเว็บไซต์อย่างมืออาชีพ เป็นหลักสูตรที่มีเนื้อหาครอบคลุมการทำเว็บด้วย PhotoShop CS6 and DreamWeaver CS6 รูปแบบใหม่ ๆ ซึ่งเป็นการผสมผสาน Web Designer และ Web Project Programming เข้าด้วยกัน โดยมุ่งเน้นในเรื่องการเรียนรู้กระบวนการตั้งแต่ขั้นตอนแรกของการทำเว็บไซต์ตั้งแต่ขั้นพื้นฐานจนถึงขั้นสูง

โดยผู้เรียนจะเป็นผู้ปฏิบัติทดลองสร้างเว็บจริง ๆ เช่น รู้ถึงความเป็นมาของภาษา HTML เบื้องต้น ,การคิดรายละเอียดของหน้าเว็บแบบต่างๆ, การออกแบบกราฟิก, การจัดหน้าเว็บไซต์, การอัพไฟล์ขึ้น Host, การดีไซน์หน้าเว็บ, การตกแต่งรูปภาพ, การทำฟอร์มต่างๆ, การจดทะเบียน Domain Name, การเช่า Server เป็นต้น นอกจากนี้ยังแนะนำการทำเว็บไซต์ให้ติดอันดับต้นๆด้วย

Objectives

  • เรียนรู้ถึงประวัติความเป็นมาของภาษา HTML และ XHTML เบื้องต้น ในการเขียนเว็บ
  • เรียนรู้ถึงเทคนิคเครื่องมือต่างๆ ของ PhotoShop CS6 and Dreamweaver CS6
  • สามารถนำมาประยุกต์ใช้งานกับเว็บจริงๆ ได้

Who this course is for

  • กลุ่มนักเรียน – นักศึกษา
  • กลุ่มผู้สนใจทั่วไป
  • เจ้าหน้าที่องค์กรต่างๆ
  • ผู้ดูแลด้านไอที ที่ต้องการพัฒนาความรู้ด้วยฟังก์ชั่นใหม่ๆ

Prerequisites

  • มีความรู้ด้าน Windows แบบต่างๆ มาบ้าง
  • สามารถใช้ Internet ได้

Curriculum

1. เรียนรู้ความเป็นมาของส่วนประกอบต่างๆ ในการทำเว็บ

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

2. สร้างโฮมเพจด้วย Adobe Dreamweaver CS6

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

3. การจัดการรูปภาพและออกแบบกราฟิกด้วย Adobe PhotoShop CS6

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

4. การ Upload ไฟล์ขึ้นสู่ Server และการใช้งาน Hosting บนหน้าเว็บ

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

 

 

Frequently asked questions

Who is Web Design Using PhotoShop and DreamWeaver for, and what background is needed?

Built for กลุ่มนักเรียน – นักศึกษา · กลุ่มผู้สนใจทั่วไป · เจ้าหน้าที่องค์กรต่างๆ Background you should have: มีความรู้ด้าน Windows แบบต่างๆ มาบ้าง · สามารถใช้ Internet ได้ Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Web Design Using PhotoShop and DreamWeaver cost and how long does it run?

THB 5,900. The course runs 18 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

Instructors

Run this course for your whole team

We run this course in-house, tailored to your stack.

Corporate training quote