การสร้าง Dreamweaver Template (ตอนที่ 1)

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

 

Dreamweaver จึงมีฟังก์ชั่นให้สามารถสร้างเป็น Template ได้ เพื่อให้สามารถแก้ไข ปรับปรุง หน้าเว็บไซต์ส่วนของ HTML ได้ง่ายขึ้น โดยข้อดีของการสร้างเป็น Template คือ

  • ไม่ต้องเขียนโค๊ดใหม่ ทุกครั้งที่สร้างหน้าใหม่ ลดความผิดพลาดในการโค๊ดโปรแกรม
  • กำหนดส่วนที่ต้องเหมือนกัน ทุกหน้า หรือ เป็นส่วนของ Template โดยส่วนของ Template จะเป้นส่วนที่ไม่ให้แก้ไข (ใน Dreamweaver) และในหน้า HTML ที่สร้างจาก DWT นั้น จะอัพเด็ท HTML ส่วนนั้นตาม DWT แม่ได้
  • กำหนดจุดที่ให้สามารถอัพเด็ทข้อมูลได้

แต่ข้อเสียก็มีเช่นกัน นั่นคือ Dreamweaver Template?ไม่ใช่มาตรฐาน จึงไม่สามารถใช้ร่วมกับโปรแกรมอื่นได้ นั่นหมายความว่า ถ้าใช้ Dreamweaver Template?ก็ต้องใช้ Dreamweaver?เท่านั้น จะเปลี่ยนใจไปใช้โปรแกรมอื่นไม่ได้นะ เออ… !!??

[…]

การซื้อลิขสิทธิ์ภาพถ่าย

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

[…]

ลิขสิทธิ์ภาพถ่าย จะใช้อย่างไรให้ถูกต้อง

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

[…]

เค้าโครงของเอกสาร HTML5 (Document Outlines)

เค้าโครงของเอกสาร HTML5 (Document Outlines) นั้นแตกต่างจาก HTML4 อย่างสิ้นเชิง ซึ่งเราจำเป็นต้องเรียนรู้เพื่อก่อให้เกิดการใช้งาน HTML5 อย่างถูกต้อง ไม่ใช่แค่การเปลี่ยน Tag เท่านั้น

การจัดโครงสร้างภายในเอกสารที่ถูกต้องจะทำให้การเข้าตีความหมายของเอกสารด้วยอุปกรณ์อื่นๆ เช่น Search Engine ตลอดจน อุปกรณ์อ่านเอกสารสำหรับผู้ที่บกพร่องทางสายตา (ตามมาตรฐาน WCAG) ให้สามารถทำความเข้าใจกับเอกสารได้โดยง่าย โดยเปลี่ยบเทียบกับรูปแบบของ HTML4?ที่เราคุ้นเคยกันดีก่อนเพื่อให้เห็นถึงความแตกต่าง ผมจะเปรียบเทียบให้เห็นระหว่าง HTML4, XHTML และ ?HTML5

[…]

พื้นฐานการออกแบบเว็บไซต์

อินเตอร์เน็ต (Internet)??เป็นเครือข่ายคอมพิวเตอร์ที่ใหญ่ที่สุดในโลกซึ่งรวมเอาเครือข่ายย่อยเป็นจำนวนมากต่อเชื่อมภายใต้มาตรฐานเดียวกันจนเป็น เครือข่ายคอมพิวเตอร์ขนาดใหญ่ ทำให้ทั่วโลกเชื่อมโยงกัน เป็นเครือข่ายเดียวกันได้ในแพลตฟอร์มของ เวิลด์?ไวด์?เว็บ (World Wide Web)

[…]