Html5 + Css3 ภาษาใหม่ในการพัฒนาเว็บไซต์

-

วันอาทิตย์, 08 กันยายน 2556 08:18

หลังจากขั้นตอนการออกแบบเว็บด้วย photoshop จนสวยงาม และ ตัดรูปต่างๆ เพื่อใช้ประกอบแล้ว ต่อไปจะเป็นการวางโครงสร้างของ html หรือ เรียกว่าการวางโค็ด Mark Up ซึ่งเป็นส่วนที่แสดงผลในหน้าเว็บ และ เป็นส่วนที่ Search Engine เช่น google จะเก็บข้อมูลไปประมวลผล Html

HTML5

หลังจากขั้นตอนการออกแบบเว็บด้วย photoshop จนสวยงาม และ ตัดรูปต่างๆ เพื่อใช้ประกอบแล้ว ต่อไปจะเป็นการวางโครงสร้างของ html หรือ เรียกว่าการวางโค็ด Mark Up ซึ่งเป็นส่วนที่แสดงผลในหน้าเว็บ และ เป็นส่วนที่ Search Engine เช่น google จะเก็บข้อมูลไปประมวลผล Html คือ โครงสร้างพื้นฐานของเว็บไซต์ที่ทำงานกับภาษาอื่นๆ ได้ทั้ง Php , css , java script ส่วน Html5 ก็คือ เวอร์ชั่นล่าสุดของ Html ที่มีคุณลักษณะที่เน้นการใช้งานที่ไม่ซ้ำซ้อน และ มีประโยชน์สำหรับการบ่งชี้เนื้อหาของส่วนต่างๆ ในเว็บไซต์ ว่าคือเนื้อหาอะไร เพื่อให้ Search Engine ทราบว่าส่วนนี้คือ ข้อมูลประเภทไหน เช่น เนื้อหาหลักของหน้าควรใช้ tag article หรือ หากเป็นส่วนหัวเว็บไซต์ควรใส่ header ซึ่งใน html เวอร์ชั่นเก่าๆ จะมีแค่ div ซึ่งเป็น tag html ที่ไม่มีความหมายที่เจาะจง Html5 จึงเป็นโค็ดที่ควรใช้สำหรับเว็บไซต์ที่เน้นการทำ Seo Onpage เป็นอย่างมากเพราะทำให้ Search Engine ชื่นชอบ และ คนเขียนเองก็เขียนได้ง่ายขึ้นด้วย แต่ฟังชั่น html5 บางตัวยังไม่สามารถใช้งานได้ 100% ทั้งหมด เพราะ อยู่ในช่วงพัฒนา และ หากต้องการที่จะใช้ html5 กับ Web Browser เวอร์ชั่นเก่าๆ เช่น ie7 จำเป็นต้องมี java script เฉพาะ เพื่อให้ html 5 แสดงผลได้ด้วย

CSS3

หลังจากที่วางโครงสร้าง Html หรือ โค็ด Mark Up เรียบร้อยแล้ว ขั้นตอนต่อมา คือ การตกแต่งให้เว็บไซต์มีความสวยงาม ซึ่งภาษา html ไม่สามารถทำได้ (แต่ก่อนทำได้แต่ตอนนี้ไม่ใช้กันแล้ว) CSS คือ ภาษาที่จะนำมาช่วยในการตกแต่งเว็บไซต์ในส่วนของการ จัดขนาด , สี และ การวางตำแหน่ง ของ Html ทั้งหมด โดย css จะทำงานในการเลือก tag,id,clss ใน html และ เลือกตกแต่ง ส่วนต่างๆที่เลือกได้ ส่วน CSS3 คือ ภาษาใหม่ล่าสุดของ css ที่ออกมาพร้อมๆ กับ html5 ที่มีคุณสมบัติ จัดขนาด , สี และ การวางตำแหน่ง แต่เพิ่มลูกเล่นใหม่ๆ เข้ามาเยอะ เช่น ตัวอักษรมีเงา , การไล่สี , การทำขอบโค้ง และ ฟังชั่นการทำภาพเคลื่อนไหว Animation ที่เอามาใช้แทน Flash ได้ เช่นเดียวกับ html5 css3 ยังคงมีฟังชั่นที่แสดงผลไม่ได้กับ browser เวอร์ชั่นต่ำๆ ผู้ใช้ควรเลือกใช้แต่ละอันให้เหมาะสม

อ่าน 1955 ครั้ง Last modified on วันอาทิตย์, 08 กันยายน 2556 08:32

ติดต่อเรา

นอกเวลาทำงานติดต่อได้ทางอีเมล์นะครับ

ติดตามบทความ