008

การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หนา้ ก คำนำ การนาเอาเทคโนโลยีใหม่ ๆ เข้ามาใช้ในวงการศึกษา ช่วยให้งานด้านการศึกษามีความก้าวหน้าทัดเทียม กับงานในสาขาอื่น ๆ การผลิตและพัฒนาแบบเรียน ตารา หนังสือทางวิชาการ สื่อสิ่งพิมพ์ วัสดุอุปกรณ์และ เทคโนโลยีเพอื่ การศกึ ษาอื่น ๆ โดยเร่งรดั พฒั นาขดี ความสามารถในการผลิต จดั ใหม้ ีเงนิ สนับสนุนการผลิต และให้ มแี รงจูงใจแกผ่ ู้ผลิต เปิดโอกาส ให้มกี ารแขง่ ขันอย่างเสรีและเป็นธรรม การจัดการเรียนการสอนมุ่งเน้นลักษณะที่ เรียกว่านักเรียนเป็นศูนย์กลาง หรือเป็นผู้มีบทบาทสาคัญ กล่าวคือ เปิดโอกาสให้นักเรียนได้มีส่วนร่วมใน กิจกรรมการเรียนรู้นั้น ๆ อย่างกระตือรือร้นหรือมีจิตใจจดจ่อ ผูกพันกับสิ่งท่ีทา ซ่ึงสอดคล้องกับความพึงพอใจ และแบบการเรยี น ของนักเรยี น เปน็ การส่งเสริมการเรยี นรูแ้ ละชว่ ยกระตุ้นให้นักเรยี นอยากเรยี นมากข้ึน ด้วยเหตุน้ีจึงได้พัฒนาเอกสารประกอบการรายวิชา ง32204 การออกแบบและสร้างเว็บไซต์ กลุ่มสาระ การงานอาชีพและเทคโนโลยี ช้ันมธั ยมศึกษาปีที่ 5 ข้ึนเพื่อให้นกั เรียนได้ฝกึ การใช้งานโปรแกรมออกแบบเวบ็ ไซต์ นักเรยี นสามารถฝกึ ทกั ษะเพ่ิมเติมจากเน้ือหาได้ด้วยตนเอง เอกสารประกอบการเรียน เรื่อง การออกแบบและสรา้ งเว็บไซต์ มจี านวน 10 เล่ม ดังนี้ เล่มที่ 1 พ้นื ฐานการสรา้ งเวบ็ ไซต์ เล่มท่ี 2 โปรแกรมการออกแบบและสร้างเวบ็ ไซต์ เล่มท่ี 3 การสรา้ งเวบ็ เพจเวบ็ ไซต์ และการจดั ตกแตง่ ขอ้ ความ เล่มท่ี 4 การตกแต่งเวบ็ เพจดว้ ยรปู ภาพ เลม่ ที่ 5 การสรา้ งตาราง เล่มท่ี 6 การสรา้ งจุดเช่อื มโยง เลม่ ท่ี 7 การสรา้ งเฟรมเซต เลม่ ที่ 8 การตกแตง่ เว็บเพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) เล่มที่ 9 การใช้มลั ตมิ เี ดียในเวบ็ เพจ เล่มท่ี 10 การอพั โหลดเว็บไซด์ ผู้จัดทาหวังเป็นอย่างยิ่งว่า เอกสารประกอบการเรียนเล่มนี้คงเป็นประโยชน์ต่อนักเรียนในการศึกษา คน้ คว้าหาความรู้และฝกึ ทกั ษะการใช้โปรแกรมออกแบบเวบ็ ไซต์ ไดอ้ ยา่ งมีประสิทธภิ าพ ภานุพงษ์ สงแซม

การตกแตง่ เวบ็ เพจดว้ ยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หน้า ข คำแนะนำในกำรใช้ การเรียนด้วยเอกสารประกอบการเรียนเล่มน้ี นักเรียนจะได้รับความรู้อย่างครบถ้วน โดย ปฏบิ ัตติ ามขนั้ ตอน ดงั ตอ่ ไปน้ี 1. อำ่ นจุดประสงคก์ ำรเรียนรู้ อา่ นให้เข้าใจเพ่ือนักเรยี นจะไดร้ วู้ า่ หลังจากเรยี นแล้วนกั เรยี นจะสามารถทาอะไรไดบ้ ้าง 2. เอกสำรประกอบกำรเรยี น เสนอสาระการเรียนรู้เปน็ สาระยอ่ ย ๆ ซ่งึ ประกอบด้วย แบบทดสอบก่อนเรียน ใบความรู้ ใบ งาน แบบฝึกทักษะ แบบทดสอบหลงั เรยี น เฉลยแบบทดสอบก่อน-หลงั เรยี น และเฉลยใบงาน ซง่ึ มสี าระการเรยี นรู้ตอ่ เนือ่ งกันไป 3. ทดสอบก่อนเรยี น ให้นกั เรียนทาแบบทดสอบก่อนเรยี น เพอ่ื วดั ความรู้ความเข้าใจก่อนเรียนด้วย เอกสาร ประกอบการเรียน 4. ศกึ ษำใบควำมรู้ นกั เรยี นจะได้ความรู้พร้อมทัง้ สามารถศึกษาหาความร้ตู ามใบความรู้ และการทาใบงานที่ 1 – 2 ในเล่ม 5. ทดสอบหลงั เรียน ใหน้ กั เรียนทาแบบทดสอบหลงั เรียน เพอ่ื วัดความรู้ความเข้าใจของนักเรียนอีกครั้ง 6. ตรวจคำตอบ นกั เรียนสามารถตรวจคาตอบจากเฉลยแบบทดสอบก่อน – หลงั เรียน และเฉลยแบบฝกึ หดั ได้ ด้วยตนเองหลงั จากทาแบบทดสอบ และใบงานเรียบร้อยแลว้ 7. แบบฝึกทกั ษะ นกั เรยี นนาความรู้ที่ไดม้ าฝกึ ปฏบิ ตั ิตามแบบฝึกทักษะ

การตกแตง่ เว็บเพจดว้ ยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หนา้ ค สำรบัญ หน้ำ คานา ก คาแนะนาในการใช้ ค สารบัญ ง จดุ ประสงค์การเรียนรู้ 1 แบบทดสอบก่อนเรียน 2 ใบความรู้ 5 ใบงานท่ี 1 10 ใบงานท่ี 2 11 กิจกรรมฝึกทกั ษะท่ี 8 12 แบบทดสอบหลงั เรียน 13 เฉลยแบบทดสอบก่อนเรยี น 16 เฉลยใบงานท่ี 1 17 เฉลยใบงานที่ 2 18 เฉลยแบบทดสอบหลังเรียน 19 กระดาษคาตอบแบบทดสอบก่อนเรยี น – หลังเรยี น 20 บรรณานุกรม 21

การตกแตง่ เวบ็ เพจดว้ ยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หน้า 1 จดุ ประสงคก์ ารเรยี นรู้ 1. นักเรียนมีความรคู้ วามเข้าใจเกีย่ วกบั การแทรกแบนเนอร์ (Banner) และ ฟุตเตอร์ (Footer) 2. นกั เรยี นมคี วามรู้ความเข้าใจเกยี่ วกบั การเปลยี่ นชือ่ ท่ีแสดงของเวบ็ เพจ บนอนิ เทอรเ์ นต็ 3. นักเรียนสามารถเรยี นรู้จากเอกสารประกอบการเรียนประกอบการใช้คอมพิวเตอร์ได้ ทำแบบทดสอบก่อน เรยี นกอ่ นนะครับ

การตกแตง่ เว็บเพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หน้า 2 แบบทดสอบกอ่ นเรยี น คาชแ้ี จง ให้นกั เรียนทาเคร่ืองหมาย  ลงในกระดาษคาตอบขอ้ ก ข ค หรือ ง ขอ้ ท่ีถกู ต้อง ทีส่ ดุ เพียงข้อเดียว จากภาพทีก่ าหนดใหใ้ ช้ตอบคาถามข้อ 1 – 3 1. จากภาพ Row เท่ากบั เท่าไร ก. 6 ข. 7 ค. 8 ง. 9 2. จากภาพ Columns เท่ากบั เท่าไร ก. 3 ข. 4 ค. 5 ง. 6 3. จากภาพ Border thickness เทา่ กบั เท่าไร ก. 3 ข. 2 ค. 1 ง. 0

การตกแตง่ เว็บเพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หน้า 3 4. โดยส่วนใหญแ่ ล้วการปรบั ตารางควรมคี วามกวา้ งขนาดเท่าไร ก. 400 pixels ข. 600 pixels ค. 800 pixels ง. 900 pixels 5. ในกรณีทีแ่ บนเนอร์ (Banner) เป็นไฟล์รูปธรรมดาควรคลกิ ทส่ี ัญลักษณใ์ ด ก. ข. ค. ง. 6. ในกรณีที่แบนเนอร์ (Banner) เป็นไฟล์แฟลชควรคลิกท่สี ัญลกั ษณ์ใด ก. ข. ค. ง. 7. การทดสอบผลลัพธ์บนเวบ็ บราว์เซอร์ควรกดปุ่มใด ก. F12 ข. F11 ค. F10 ง. F9 8. จากรู้คือสัญลกั ษณ์ของข้อใด ก. Rows ข. Cell Padding ค. Table ง. Cell Spacing

การตกแต่งเวบ็ เพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หน้า 4 9. ลักษณะของ Timelines มกี ารทางานคลา้ ยกับโปรแกรมใด ก. Ulead ข. Flash ค. Firework ง. Photoshop 10. การกาหนดอัตราส่วนเฟรมต่อวินาที (fps) ในพาเนล Timelines จะมีผลอย่างไร ก. กาหนดเฟรมต่อวินาทีมคี ่าตา่ กว่าจะเร่ิมแสดงผลก่อน ข. กาหนดเฟรมต่อวินาทมี ีค่าสงู กวา่ จะเริ่มแสดงผลก่อน ค. กาหนดเฟรมต่อวินาทมี ีค่าตา่ กว่าจะแสดงผลเร็วกวา่ ง. กาหนดเฟรมต่อวินาทีมีคา่ สงู กวา่ จะแสดงผลเร็วกว่า

การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หน้า 5 ใบความรู้ เรอื่ ง การตกแต่งเวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer)  การแทรกแบนเนอร์ (Banner) และ ฟุตเตอร์ (Footer) 1. ใหน้ ักเรียนสร้างตาราง โดยเลือกท่ี กาหนดค่าดังน้ี Rows =3 Columns =3 Table width = 900 Border thickness =1 Cell Padding =0 Cell Spacing =0 2. จะไดต้ ารางตามที่กาหนด

การตกแต่งเวบ็ เพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หนา้ 6 3. ทาการผสานเซลล์ ใน แถว (Rows) ที่ 1 และ 8 คลมุ ดาใน แถว (Rows) ทตี่ ้องการผสานเซลล์ จากนั้นคลิกเมาส์ขวา เลือก Table > Merge Cells หรือกดปมุ่ Ctrl + Alt + M 4.ปรบั ขนาดของตารางให้มคี วามกว้างขนาด 900 pixels - คลิกเลือกท่ีตาราง หรือ - ทางานท่ี Properties Palette จากน้ันพมิ พ์ตัวเลขลงไปในชอ่ ง ขนาดของตารางจะเปลยี่ นไปตามท่ีกาหนด

การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หนา้ 7 5. แทรกแบนเนอร์ (Banner) ในแถว (Rows) ที่ 1 โดยคลิกท่ี เครื่องมือ ถา้ แบนเนอร์เป็นไฟล์รปู ธรรมดา เคร่ืองมอื ถ้าแบนเนอร์เปน็ ไฟล์แฟลช 6. แทรกฟุตเตอร์ (Footer) ในแถว (Rows) ท่ี 3 โดยคลกิ ที่ เคร่อื งมอื ถา้ ฟุตเตอร์ เป็นไฟล์รปู ธรรมดา เครื่องมอื ถ้าฟตุ เตอร์ เป็นไฟลแ์ ฟลช

การตกแต่งเวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หน้า 8 7. ทดสอบผลลัพธบ์ นเว็บบราวเ์ ซอร์ดว้ ยการ กดป่มุ F12  การเปล่ียนชื่อที่แสดงของเว็บเพจบนอนิ เทอรเ์ น็ต 1. เลอื กท่ี แถบ Title 2. เปลี่ยนช่อื ของเวบ็ เพจตามตอ้ งการ เช่น การสร้างเว็บไซต์ เป็นต้น

การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หนา้ 9 3. ทดสอบผลลพั ธบ์ นเว็บบราว์เซอร์ดว้ ยการ กดป่มุ F12

การตกแตง่ เวบ็ เพจดว้ ยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หน้า 10 ใบงานท่ี 1 เรื่อง การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) คาช้แี จง จากภาพทีก่ าหนดใหจ้ งตอบคาถามต่อไปนี้ 1. Rows = ................................ 2. Columns = ................................ 3. Table width = ................................ 4. Border thickness = ................................ 5. Cell Padding = ................................ 6. Cell Spacing = ................................

การตกแต่งเวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หน้า 11 ใบงานท่ี 2 เรื่อง การตกแต่งเว็บเพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) คาช้แี จง จงอธิบายการเปล่ียนชอ่ื ที่แสดงของเวบ็ เพจบนอินเทอรเ์ น็ตมาพอสงั เขป .................................................................................................. ................................................................. ............................................................................................................................. ...................................... ....................................................................................................................................................... ............ ...................................................................................................................... ............................................. ............................................................................................................................. ...................................... ................................................................................................................................................................... ............................................................................................................................. ...................................... ............................................................................................................................. ...................................... ................................................................................................................................................................... ............................................................................................................................. ...................................... ............................................................................................................................. ...................................... ...................................................................................... ............................................................................. ............................................................................................................................. ...................................... ........................................................................................................................................... ........................ .......................................................................................................... ......................................................... ............................................................................................................................. ...................................... ............................................................................................................................................................... .... ............................................................................................................................. ...................................... ............................................................................................................................. ...................................... ................................................................................................................................................................... ............................................................................................................................. ...................................... ............................................................................................................................. ...................................... ................................................................................................................................................................... ............................................................................................................................. ...................................... ............................................................................................................................... .................................... .............................................................................................. ..................................................................... ............................................................................................................................. ......................................

การตกแตง่ เว็บเพจดว้ ยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หนา้ 12 กจิ กรรมฝึกทกั ษะท่ี 8 เรอ่ื ง การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) คาชี้แจง : ใหน้ กั เรียนปฏบิ ัตติ ามคาส่ังต่อไปน้ี 1.ใหน้ ักเรยี นออกแบบเว็บไซตด์ ้วยตารางตามที่กาหนด มีรายละเอยี ดดังนี้ แบนเนอร์ Banner Header เมนู ใส่รูปภาพท่ีเก่ียวขอ้ ง สถานท่ีท่องเทยี่ ว ฟตุ เตอร์ Footer รา้ นของฝาก สถานทีพ่ ัก การเดินทาง ผู้จดั ทา GooGle 2.ให้ผเู้ รียนปรับสว่ นหัวของเว็บและตีนเว็บเปน็ กราฟิกใหส้ วยงาม 3. ให้ผู้เรยี นใสร่ ปู ภาพที่เหมาะสมและเก่ยี วข้องกับเน้ือหา 4. เปล่ียนชือ่ ท่แี สดงของเวบ็ เพจ 5. บนั ทกึ เวบ็ เพจ แลว้ แสดงผลผ่านบราวเ์ ซอร์

การตกแตง่ เวบ็ เพจดว้ ยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หนา้ 13 แบบทดสอบหลังเรียน คาชี้แจง ให้นักเรียนทาเครือ่ งหมาย  ลงในกระดาษคาตอบข้อ ก ข ค หรอื ง ข้อที่ ถกู ต้องท่สี ุดเพยี งข้อเดียว 1. ในกรณีทแี่ บนเนอร์ (Banner) เปน็ ไฟลแ์ ฟลชควรคลิกท่สี ญั ลักษณ์ใด ก. ข. ค. ง. 2. การทดสอบผลลพั ธ์บนเวบ็ บราวเ์ ซอร์ควรกดปุ่มใด ก. F12 ข. F11 ค. F10 ง. F9 3. จากรคู้ ือสัญลักษณข์ องข้อใด ก. Rows ข. Cell Padding ค. Table ง. Cell Spacing 4. ลักษณะของ Timelines มกี ารทางานคล้ายกบั โปรแกรมใด ก. Ulead ข. Flash ค. Firework ง. Photoshop

การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หนา้ 14 5. การกาหนดอัตราส่วนเฟรมต่อวนิ าที (fps) ในพาเนล Timelines จะมีผลอยา่ งไร ก. กาหนดเฟรมต่อวินาทีมคี ่าตา่ กวา่ จะเร่ิมแสดงผลก่อน ข. กาหนดเฟรมต่อวินาทีมีค่าสูงกวา่ จะเริม่ แสดงผลก่อน ค. กาหนดเฟรมต่อวินาทมี ีค่าต่ากว่าจะแสดงผลเรว็ กวา่ ง. กาหนดเฟรมต่อวินาทมี ีค่าสูงกว่าจะแสดงผลเรว็ กวา่ จากภาพท่ีกาหนดใหใ้ ช้ตอบคาถามขอ้ 6 – 8 6. จากภาพ Row เทา่ กับเทา่ ไร ก. 6 ข. 7 ค. 8 ง. 9 7. จากภาพ Columns เท่ากบั เท่าไร ก. 3 ข. 4 ค. 5 ง. 6

การตกแต่งเวบ็ เพจดว้ ยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หนา้ 15 8. จากภาพ Border thickness เทา่ กบั เทา่ ไร ก. 3 ข. 2 ค. 1 ง. 0 9. โดยสว่ นใหญ่แลว้ การปรบั ตารางควรมีความกว้างขนาดเทา่ ไร ก. 400 pixels ข. 600 pixels ค. 800 pixels ง. 900 pixels 10. ในกรณีท่แี บนเนอร์ (Banner) เป็นไฟล์รูปธรรมดาควรคลกิ ท่สี ัญลกั ษณใ์ ด ก. ข. ค. ง.

การตกแตง่ เวบ็ เพจดว้ ยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หนา้ 16 เฉลยแบบทดสอบก่อนเรียน ข้อ เฉลย ค 1. ก 2. ง 3. ค 4. ง 5. ข 6. ก 7. ค 8. ข 9. ง 10.

การตกแตง่ เว็บเพจดว้ ยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หนา้ 17 เฉลยใบงานที่ 1 เร่อื ง การตกแต่งเว็บเพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) คาช้ีแจง จากภาพท่ีกาหนดให้จงตอบคาถามต่อไปนี้ 1. Rows =3 2. Columns =3 3. Table width = 900 4. Border thickness =1 5. Cell Padding =0 6. Cell Spacing =0

การตกแต่งเวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หนา้ 18 เฉลยใบงานที่ 2 เร่ือง การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) คาชแ้ี จง จงอธบิ ายการเปลย่ี นช่อื ทแี่ สดงของเว็บเพจบนอนิ เทอร์เนต็ มาพอสงั เขป 1. เลือกท่ี แถบ Title 2. เปลยี่ นชอื่ ของเว็บเพจตามต้องการ เช่น การทอ่ งเท่ียวภาคกลาง การสรา้ งเวบ็ ไซต์ เป็น ตน้ 3. ทดสอบผลลัพธบ์ นเว็บบราว์เซอรด์ ว้ ยการ กดปุ่ม F12

การตกแตง่ เวบ็ เพจดว้ ยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หนา้ 19 เฉลยแบบทดสอบหลังเรียน ข้อ เฉลย ข 1. ก. 2. ค 3. ข 4. ง 5. ค 6. ก 7. ง 8. ค 9. ง 10.

การตกแตง่ เวบ็ เพจด้วยแบนเนอร์ (Banner) และฟตุ เตอร์ (Footer) หน้า 20 กระดาษคาตอบ แบบทดสอบกอ่ นเรียน – หลังเรยี น ชอื่ .............................................นามสกุล..........................................เลขที่ ............................ ช้ันมธั ยมศกึ ษาปที ี่ 2 โรงเรยี น.............................................................................................. วันที่ ........... เดือน.............................พ.ศ. ................. ภาคเรียนท่ี ........ ปีการศกึ ษา…….….. คาช้แี จง ใหน้ ักเรยี นทาเคร่อื งหมาย  ลงในขอ้ ก ข ค หรอื ง ขอ้ ที่ ถูกต้องทีส่ ุดเพยี งข้อเดยี ว ทดสอบก่อนเรียน ทดสอบหลงั เรยี น ง ขอ้ ก ข ค ง ขอ้ ก ข ค 1 2 1 3 2 4 3 5 4 6 5 7 6 8 7 9 8 10 9 10 คะแนนเต็ม 10 คะแนนก่อนเรยี น คะแนนหลงั เรียน

การตกแต่งเว็บเพจด้วยแบนเนอร์ (Banner) และฟุตเตอร์ (Footer) หนา้ 21 บรรณานกุ รม การพฒั นาเว็บไซต์ด้วยโปรแกรม Adobe Dreamweaver. [ออนไลน์] http://www.kruwan-d.info/index.html/, วนั ที่ 20 ตลุ าคม 2560 การพัฒนาเว็บไซตด์ ้วยโปรแกรม Adobe Dreamweaver. [ออนไลน]์ http://www.dreamweaver.kruaoh.com/, วนั ที่ 20 ตุลาคม 2560 การสร้างเวบ็ ไซต์ด้วยโปรแกรม Adobe Dreamweaver cs6. [ออนไลน]์ http://onnichatechdreamweaver6.blogspot.com/, วันท่ี 20 ตลุ าคม 2560 การสร้างเวบ็ ไซต์ด้วยโปรแกรม Adobe Dreamweaver cs6. [ออนไลน]์ http://kru-it.net/index.html/, วันที่ 21 ตุลาคม 2560 การสรา้ งเวบ็ เพจดว้ ยโปรแกรม Adobe Dreamweaver cs6. [ออนไลน์] http://www.krusriwan.com/index.html/, วนั ที่ 22 ตุลาคม 2560 เกยี รติพงษ์ บญุ จิตร. คมู่ อื Dreamweaver CS6 Profession Guide ฉบับสมบรู ณ.์ นนทบรุ ี : ไอดซี ีฯ, 2556. 456 หนา้ พนั จนั ทร์ ธนวัฒนเสถียร และทมี บรรณาธกิ าร. ออกแบบและสรา้ งเว็บสวยด้วย Dreamweaver CS6+CC ฉบับสมบรู ณ์. กรุงเทพฯ : รีไวว่า, 2558. 462 หนา้ . สุธีร์ นวกลุ . ออกแบบและสร้างเว็บไซต์ด้วย Dreamweaver CS6. กรุงเทพฯ : ซีเอด็ ยเู คชนั่ , 2555. 408 หนา้ .