ปิดทำการ : ทุกวันจันทร์

Hotline : 062-248-9299
081-446-0841

LINE ID: artanddesignschool

เกี่ยวกับโรงเรียน : ผลงานที่ผ่านมา

เรียนทวนฟรี 2 ปี   :   เรียบจบรับใบประกาศนียบัตรรับรองจากกระทรวงศึกษาธิการ    
 
 
 
ออกแบบกราฟฟิก
เหมาะสำหรับ
กราฟฟิกดีไซน์เนอร์, Creative , AE ,
Art Director, คนที่สนใจงานด้านสื่อ สิ่งพิมพ์ , โทรทัศน์ และภาพยนตร์
 
ออกแบบและพัฒนาเว็บไซต์
เหมาะสำหรับ
Web Developer, Web Designer, เจ้าของธุรกิจทุกขนาดที่สนใจทำเว็บไซต์
 
ตัดต่อและผลิตสื่อมัลติมีเดียโทรทัศน์ ภาพยนตร์ Motion Graghic, CG
เหมาะสำหรับ
editor, Producer, Production, นักโฆษณา
 
เกมส์มัลติมีเดียและอนิเมชั่น
เหมาะสำหรับ
Animator,ผู้พัฒนาเกมส์และพัฒนาเว็บไซต์
 
เขียนแบบและออกแบบสถาปัตยกรรม
เหมาะสำหรับ
มัณฑณกร, forman, วิศวกรรมโยธา, มัณฑณศิลป์,ผู้ที่สนใจออกแบบบ้าน คอนโด
 
คอร์สสำหรับบุคคลทั่วไป
เหมาะสำหรับ
บุคคลทั่วไป, ผู้เริ่มต้นใช้คอมพิวเตอร์
 
 
 
 
 
 
DRAMWEAVER CC for Responsive Web Design
หลักสูตร24 ชั่วโมง : 5,500 บาท

Responsive Web Design เป็นแนวคิดของการออกแบบเว็บไซต์ในปัจจุบัน ให้สามารถแสดงผลได้กับหน้าจอของ อุปกรณ์ ที่หลากหลาย นักพัฒนาเว็บไซต์จะต้องเข้าใจแนวคิด และปรับกระบวนการของการพัฒนาเว็บไซต์แบบเดิม มาเป็น กระบวนการพัฒนาเว็บไซต์แบบใหม่สำหรับ Responsive Website แทน รวมทั้งเรียนรู้ มาตรฐานการออกแบบและ เขียนโค้ด การใช้คำสั่งของ TAG HTML และ CSS อย่างถูกต้อง อีกทั้งการใช้งานเครื่องมือ และรูปแบบคำสั่งใหม่ๆ ของโปรแกรม Dreamweaver CC ที่ช่วยให้การออกแบบ Responsive Website นั้นง่ายขึ้น ทำให้เราสามารถ สร้างเว็บไซต์สำเร็จจนเปิดเว็บไซต์ใช้งานได้
 
 

1. สามารถเขียนเว็บไซต์และนำเสนอในรูปแบบของเว็บไซต์ได้อย่างสวยงาม
2. ได้รับใบประกาศนียบัตรจากกระทรวงศึกษาธิการ
3. มีสิทธิเรียนทบทวนฟรี! ตลอด 2 ปีเต็ม
4. รับส่วนลด 5% เมื่อสมัครเรียนหลักสูตรต่อไปทุกหลักสูตร
5. มี portfolio ของตนเอง

ค่าใช้จ่ายในการส่งบุคลากรเข้าฝึกอบรมทางวิชาชีพของบริษัท หรือห้างหุ้นส่วนนิติบุคคล นอกเหนือจากหักค่าใช้จ่ายได้ทั้งหมดแล้ว ยังได้รับการยกเว้นภาษีเงินได้อีกร้อยละ 50 ตามประกาศกระทรวงการคลัง
 
 
ผู้เริ่มต้น
สามารถนำไปใช้งานได้
ระดับสูง
 
 
 
ใช้งานคอมพิวเตอร์ทั่วไปได้
Ms Office
Photoshop
Illustrator
 
Dreamweaver
Flash
 
 
Adobe Dreamweaver CC
มาตรฐานโปรแกรมเขียนเว็บเพจระดับมืออาชีพที่ได้รับความนิยมมากที่สุด ปัจจุบันได้พัฒนาเวอร์ล่าสุด คือ Adobe Dreamweaver CC 2015 ที่สามารถออกแบบเว็บแบบ Responsive Website สามารถรองรับการใช้งานบน smart phone , tablet, iphone, ipad, andoid , TV
WS_FTP_PRO 8.0
โปรแกรมสนับสนุนการ Upload Website โดยเฉพาะ ใช้งานง่าย และเป็นที่นิยมสูงสุด และยังสามารถ Download Patch ไฟล์ หรือ Driver ต่างๆผ่านโปรแกรม WS_FTP_PRO ได้ด้วย
 
 
วันที่1
ชั่วโมงที่ 1 - 3 พื้นฐานการออกแบบเว็บไซต์และเครื่องมือที่ใช้ในการออกแบบเว็บไซต์

• กระบวนการคิดและสร้างเว็บไซต์ให้รองรับการแสดงผลแบบ Responsive Website
• ขั้นตอนการคิด การวิเคราะห์ผู้ชมเว็บไซต์ ลูกค้า และการจัดเตรียมและรวบรวมวัตถุดิบ ข้อมูล ที่จำเป็น
• วิธีการวิเคราะห์ข้อมูลและนำมาเขียน Site Map เพื่อง่ายในการพัฒนาเว็บไซต์
• รู้จัก Responsive Web Design และ Adaptive Web Desing รู้จัก Layout แบบต่างๆ และความเหมาะสมในการนำไปใช้งาน
• รู้จักมาตรฐานการออกแบบเว็บไซต์ เช่น Grid 960, Bootstrap
• รู้จักเครื่องมือในการออกแบบเว็บไซต์
• การสมัครใช้งาน Adobe ID
• รู้จักการใช้งาน Creative Cloud Apps และการติดตั้งโปรแกรมในชุด Adobe CC

 
ชั่วโมงที่ 4 - 6 รู้จัก HTML ในเวอร์ชั่นต่างๆ และคำสั่งการใช้งานเบื้องต้น

• รู้จัก HTML 4 และ HTML 5
• เข้าใจโครงสร้าง (Structure) ของ HTML 5
• Syntax ต่างๆของ HTML 5 และการนำมาใช้งาน
• ความหมายของ Syntax ที่สำคัญของ HTML5 cแต่ละตัว
• การลำดับความสำคัญของเนื้อหาโดยการกำหนดให้ถูกต้องตามความหมายของ Syntax
• HTML 5 ทำให้การทำ SEO ดีขึ้นจริงหรือไม่ และแตกต่างอย่างไรกับ HTML4
• Work Shop การสร้างไฟล์ HTML5 และองค์ประกอบต่างๆของ HTML5 มีความหมายอย่างไร
• Work Shop การทดลองสร้าง Web Page ด้วย HTML5 และทดสอบการแสดงผล

 
วันที่ 2
ชั่วโมงที่ 7 - 9 รู้จักการ CSS ในเวอร์ชั่นต่างๆ คำสั่งและการนำมาใช้งานอย่างถูกต้อง

• รู้จัก CSS อะไรคือข้อแตกต่างของ CSS2 และ CSS3 ทำไมต้องเลือกใช้งาน CSS3
• รู้จัก CSS frameworks, libraries, and preprocessors
• รู้จัก CSS Syntax
• รู้จัก CSS Selectors เข้าใจความแตกต่างของ Selector types และเลือกใช้งานอย่างเหมาะสม
• การปรับแต่ง CSS Selector ให้ได้ตามที่ต้องการ
• การจัด Layout ในแบบต่างๆ
• ความแตกต่างของ Responsive container กับ Adaptive container
• การแยกอุปกรณ์และหน้าจอการแสดงผลด้วย CSS feature detection โดยใช้คำสั่ง media queries
• เครื่องมือที่ช่วยในการสร้าง CSS ให้ง่ายขึ้นด้วย online tool
• การ Optimizing CSS ให้ทำงานได้เร็วขึ้น

 
ชั่วโมงที่ 10 - 12 เริ่มต้นใช้ Adobe Dreamweaver CC ในการออกแบบเว็บไซต์ Responsive Web Design (RWD) รวมทั้งการตั้งค่าโปรแกรม

• รู้จักโปรแกรม Adobe Dreamweaver CC
• การปรับแต่งค่าและการตั้งค่าให้กับโปรแกรม Adobe Dreamweaver CC
• การจำลอง Site โดยใช้คำสั่ง Site เพื่อสร้างโปรเจ็คงานอย่างเป็นระบบ
• การจัดการ Access ที่ใช้ประกอบในเว็บไซต์ เช่นการดึงรูปภาพต่างๆ
• เครื่องมือต่างๆของโปรแกรม Adobe Dreamweaver CC
• ทำอย่างไรให้เป็น Responsive Website
• รู้จักคำสั่งต่างๆในเมนู insert
• ทดสอบสร้างไฟล์ HTML5 ใน Dreamweaver CC
• สร้างโครงสร้างเว็บไซต์ให้ถูกต้องตามมาตรฐาน HTML5 และจัดวางเนื้อหาตามมาตรฐานระบบ Grid 960
• วิธีการกำหนด Brake point ใน Dreamweaver CC เพื่อสร้าง Media queries สำหรับหน้าจออุปกรณ์ที่ต่างกัน

 
วันที่ 3
ชั่วโมงที่ 13 - 15 การนำไฟล์ PSD ที่ออกแบบด้วย Adobe Photoshop CC เข้ามาใน Adobe Dreamweaver CC เพื่อออกแบบเว็บไซต์อย่างเป็นระบบ

• การนำ Template Graphic Design จาก Photoshop CC เข้ามายัง Dreamweaver CC ด้วยคำสั่ง Extend
• การใช้งาน Extend Tool สำหรับการเลือก Save ภาพกราฟิกจาก Photoshop CC ไปยัง Dreamweaver CC โดยตรง
• การนำ CSS จาก Layer ของ Photoshop CC ไปใช้งาน
• การเซฟไฟล์ภาพความละเอียดสูงระดับ HD ขึ้นไปรองรับ Retina Display, HD, 2K และ 4K
• รู้จัก Typography และการใช้งานตัวอักษรบนเว็บไซต์
• การใช้งาน Font แบบพิเศษด้วย Web font ผ่าน Adobe Web font
• ทดสอบสร้างหน้าเว็บเพจด้วย Dreamweaver CC โดยการสร้าง Layout ให้เป็นไปตามแบบ Artwork ที่ออกแบบเอาไว้
• การใช้งาน Live view ของ Dreamweaver CC เพื่อกำหนด Responsive Breakpoint ตามขนาดอุปกรณ์
• การใช้งาน Menu Insert เพื่อสร้างโครงสร้างเว็บไซต์ตามาตรฐาน HTML5
• การใช้งาน DOM เพื่อตรวจสอบโครงสร้าง HTML

 
ชั่วโมงที่ 16 - 18 Adobe Dreamweaver CC ในการออกแบบเว็บไซต์อย่างเป็นระบบ

• การใช้งาน Menu Insert เพื่อใส่คำสั่ง HTML ต่างๆ
• การทำงานกับ HTML และ CSS
• การสร้าง Menu ด้วย HTML list และ CSS
• การสร้าง Hamburger menu สำหรับ Smart phone
• การใช้งาน Assets ของ Dreamweaver CC
• การใช้งาน Dreamweaver CC Libraries
• การใช้งาน HTML Multimedia ต่างๆ เช่นคำสั่งการใส่ Video
• การสร้างฟอร์ม แบบทันสมัยด้วยคำสั่งใหม่ของ HTML5
• ตั้งค่าการตรวจสอบข้อมูลที่กรอกเข้ามาในแบบฟอร์ม
• ทดสอบสร้างฟอร์มลงทะเบียน และแบบฟอร์มสำหรับการติดต่อแบบง่ายๆ

 
วันที่ 4
ชั่วโมงที่ 19 - 21 การใช้ Dreamweaver Template

• การบริหารจัดการหน้าเว็บไซต์ด้วย Dreamweaver Template (DWT)
• การสร้างไฟล์ Dreamweaver Template (DWT) และการกำหนดตำแหน่งที่อัพเด็ทเนื้อหาได้
• การเพิ่มเนื้อหาแต่ละหน้าโดยใช้ Dreamweaver Template (DWT)
• การกำหนดรูปแบบของเนื้อหาที่ทำซ้ำๆ และการสร้างเหนื้อหาในรูปแบบของตารางข้อมูล
• การใช้งาน Template ร่วมกับ CSS
• การอัพเด็ทลิงค์ เมนู เนื้อหา และรูปภาพในเว็บไซต์

 
ชั่วโมงที่ 22 - 24

• หลักการในการกำหนด Meta Data และ Keyword ให้กับเว็บไซต์ เพื่อประโยชน์ในการค้นหาจาก Search Engine
• รายละเอียดที่ต้องรู้ในการตัดสินใจเลือก Hosting และขั้นตอนการจัดเตรียมเว็บโฮสติ้ง HOSTING
• การเลือก domain name และขั้นตอนการจดทะเบียนโดเมนเนม DOMAIN NAME
• การอัพโหลดข้อมูลสู่อินเทอร์เน็ต FTP
• การดูแลเว็บไซต์ แนะนำปัญหา และการแก้ไขปัญหาต่างๆ
• สรุปเนื้อหาทั้งหมด และถาม-ตอบข้อสงสัยต่างๆ

 
 
 
   
 
 
 

  โรงเรียนคอมพิวเตอร์กราฟฟิกและการออกแบบเชิงศิลป์
เลขที่ 19/5-6 ซอยรามคำแหง 12 ถนนรามคำแหง แขวงหัวหมาก เขตบางกะปิ กรุงเทพ 10240
© Copy Right Reserved 2005 . Since April 07. Line ID : artanddesignschool