ตำนาน CSS

ตำนาน CSS?เริ่มต้นเมื่อปี 1994 ซึ่งขณะนั้น หนึ่งในผู้สร้าง CSS กำลังทำงานที่ CERN – ต้นกำเนิดของเว็บไซท์ – และเป็นช่วงที่เว็บไซท์เริ่มถูกนำไปใช้เป็นรูปแบบหลักในการตีพิมพ์สิ่งพิมพ์อิเล็กทรอนิกส์ แต่แล้วส่วนสำคัญส่วนหนึ่งในการสร้างสิ่งพิมพ์ได้ขาดหายไป นั่นก็คือ เราไม่มีวิธีที่จะกำหนดสไตล์ให้แก่หน้าเอกสารได้เลย ตัวอย่างเช่น หากต้องการสร้างหน้าเพจให้เหมือนกับหน้าของหนังสือพิมพ์จะไม่สามารถทำได้เลย เมื่อ H?kon ได้ทำการทดลองส่วนตัวโดยทำเว็บเลียนแบบหนังสือพิมพ์ที่แลปของ MIT แล้ว เขาพบว่ามีความจำเป็นที่จะต้องมีภาษาสไตล์ชีท (Style Sheet) สำหรับการสร้างเว็บไซท์

[…]

ทำความรู้จัก CSS กันก่อนว่ามันคืออะไรกันแน่

CSS ย่อมาจาก Cascading Style Sheets เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และถูกกำหนดมาตรฐานโดย W3C (World Wide Web Consortium) เช่นเดียวกับ HTML และ XHTML ใช้สำหรับตกแต่งเอกสาร HTML/ XHTML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML เช่น,,เป็นต้น

[…]

การสร้าง 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)

[…]

เริ่มต้นใช้งาน Photoshop CS6

บทความจะแบ่งออกเป็น 3 ระดับด้วยกัน ได้แก่ ระดับพื้นฐาน (basic) ระดับกลาง หรือ เริ่มพอจะรู้เกี่ยวกับเรื่องทั่วไป และการใช้งานเครื่องมือของโปรแกรม Photoshop CS6 ขึ้นมาบ้างแล้ว (intermediate) ในระดับนี้จะเป็นวิธีการใช้งานเชิงประยุกต์มากขึ้น และส่วนสุดท้ายคือ ขั้นสูง (advance) เป็นเทคนิคการใช้งานเฉพาะด้านสำหรับเทคนิคที่มีความซับซ้อนมากขึ้น

[…]