| รู้จักกับ HTML | HTML เป็นภาษาหลักที่ใช้ในการสร้าง Web Page |
|---|---|
| โครงสร้างของ HTML | <html><head></head><body></body></html> |
| การ comment ในเอกสาร HTML | คือ <!-- ข้อความที่ต้องการคอมเมนต์ --> |
| รู้จักกับ XHTML | เกิดจากการนำ HTML รวมเข้ากับ XML เพื่อต้องการให้มีรูปแบบที่รัดกุมมากขึ้น |
| โครงสร้างของ XHTML | <!DOCTYPE html PUBLIC ..... > <html xmlns="http://www.w3.org/1999/xhtml" > |
| ประเภทของ DOCTYPE | มี 3 ชนิด ได้แก่ Transitional, Strict, Frameset |
| เงื่อนไขของการใช้ XHTML | ห้ามมี tag ซ้อนเหลื่อมกัน, ต้องเป็นตัวพิมพ์เล็กเสมอ เป็นต้น |
| การ comment ในเอกสาร XHTML | คือ <!-- ข้อความที่ต้องการคอมเมนต์ --> |
| ประเภทของ domain name | เช่น com, edu, gov, net, org เป็นต้น |
| เทคนิคการใช้ภาพบน web page | เทคนิคการใช้ภาพชนิด gif และ jpg บน web page |
| รู้จักกับ CGI | เช่น ASP, PHP, JSP ซึ่งพัฒนามาจาก VB, C, Java ตามลำดับ |
subject:รู้จักกับ HTML
content:HTML ย่อมาจาก Hypertext Markup Language เป็นภาษาหลักที่ใช้ในการสร้าง Web Page โดยมีแนวคิดมาจากการ สร้างเอกสาร Hypertext ( คือข้อความที่เชื่อมโยงถึงข้อมูลต่างๆได้ ) ซึ่ง HTML นี้ถูกพัฒนาขึ้นมาจากภาษา SGML
subject:โครงสร้างของ HTML
content:<html> <head> ..... </head> <body> ..... </body> </html>
subject:การ comment ในเอกสาร HTML
content:รูปแบบของการ comment ในเอกสาร HTML คือ <!-- ข้อความที่ต้องการคอมเมนต์ -->
content:XHTML ย่อมาจาก eXtensible HyperText Markup Language เกิดจากการนำ HTML รวมเข้ากับ XML เพื่อต้องการให้มีรูปแบบที่รัดกุมมากขึ้น และมีกฎระเบียบมากขึ้น
subject:รู้จักกับ XHTML
subject:โครงสร้างของ XHTML
content:<!DOCTYPE html PUBLIC ..... > <html xmlns="http://www.w3.org/1999/xhtml" > <head> ..... </head> <body> ..... </body> </html>
subject:ประเภทของ DOCTYPE
content:1. DOCTYPE ชนิด Transitional เป็นการกำหนดให้กับ web page ที่เริ่มเปลี่ยนมาใช้ XHTML เพื่อที่จะสามารถใช้คำสั่งที่ยกเลิกไปแล้วได้ และยังรองรับ browser รุ่นเก่าด้วย รูปแบบคือ <!DOCTYPE html PUBLIC "-//w3c//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. DOCTYPE ชนิด Strict มีการเคร่งครัดเรื่องรูปแบบมากขึ้น โดยจะไม่สามารถใช้คำสั่งที่ยกเลิกไปแล้วได้ และจะรองรับ browser ที่สนับสนุน CSS เท่านั้น รูปแบบคือ <!DOCTYPE html PUBLIC "-//w3c//DTD XHTML1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3. DOCTYPE ชนิด Frameset จะรองรับ web page ที่มีการใช้ frame รูปแบบคือ <!DOCTYPE html PUBLIC "-//w3c//DTD XHTML1.0 Frameset//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd">
subject:เงื่อนไขของการใช้ XHTML
content:1. ห้ามมี tag ซ้อนเหลื่อมกัน เช่นในกรณีที่มีการใช้ tag ซ้อน tag นั้น tag ที่เปิดก่อนต้องปิดที่หลัง 2. tag และ attribute ทุกตัว ต้องเป็นตัวพิมพ์เล็กเสมอ 3. ค่าของ attribute ต้องอยู้ภายในเครื่องหมาย double quote เสมอ 4. tag ที่มี attribute name ให้เปลี่ยนมาใช้ id แทน
subject:การ comment ในเอกสาร XHTML
content:รูปแบบของการ comment ในเอกสาร XHTML คือ <!-- ข้อความที่ต้องการคอมเมนต์ -->
subject:ประเภทของ domain name
content:domain name แบบ 2 ระดับ เช่น www.google.com -> .com คือ ประเภทบริษัท หรือองค์กรพาณิชย์ -> .edu คือ ประเภทสถาบันการศึกษา -> .gov คือ ประเภทองค์กรรัฐบาล -> .mil คือ ประเภทองค์กรทางทหาร -> .net คือ ประเภทองค์กรที่ทำหน้าที่เป็น gateway หรือจุดเชื่อมต่อเครือข่าย -> .org คือ ประเภทองค์กรอื่นๆ ( ที่ไม่ได้เข้าข่ายองค์กรที่ได้กล่าวถึงข้างต้น ) -> .biz คือ ประเภทบริษัท หรือองค์กรทางธุรกิจ -> .info คือ ประเภทที่ใช้ในโอกาส promote สินค้า เหตุการณ์สำคัญ domain name แบบ 3 ระดับ เช่น www.buu.ac.th -> ส่วนที่ 2 -> .co คือ ประเภทบริษัทหรือองค์กรพาณิชย์ -> .ac คือ ประเภทสถาบันการศึกษา -> .go คือ ประเภทองค์กรหรือรัฐบาล -> .or คือ ประเภทองค์กรไม่แสวงผลกำไร -> .net คือ ประเภทองค์กรที่ให้บริการเครือข่าย -> ส่วนที่ 3 -> .cn คือ ประเทศจีน -> .th คือ ประเทศไทย -> .jp คือ ประเทศญี่ปุ่น -> .au คือ ประเทศออสเตรเลีย
subject:เทคนิคการใช้ภาพบน web page
content:1. เทคนิคกับภาพชนิด gif เนื่องจากภาพขนาดใหญ่ จะใช้เวลาในการโหลดภาพนาน จึงแนะนำให้ใช้ภาพ gif แบบ interlaced โดยจะทำให้เมื่อเปิดใน web page ภาพชนิดนี้จะถูกโหลดมาอย่างรวดเร็วแบบไม่ชัดก่อน แล้วค่อยๆชัดตามลำดับ 2. เทคนิคกับภาพชนิด jpg เนื่องจากภาพชนิดนี้จะมีขนาดใหญ่มาก และใช้เวลาโหลดภาพนาน จึงแนะนำให้แบ่งภาพออกเป็น slice เป็นส่วนๆ แล้วนำมาเรียงต่อกันเมื่อเปิดใน web page ภาพนี้ก็จะถูกโหลดมาทีละชิ้นอย่างรวดเร็ว
subject:รู้จักกับ CGI
content:CGI ย่อมาจาก Common Gateway Interface เช่น ASP, PHP, JSP ซึ่งพัฒนามาจาก VB, C, Java ตามลำดับ โดย CGI ไม่ใช่ภาษาโปรแกรมมิ่ง แต่เป็นวิธีมาตรฐานในการติดต่อสื่อสารระหว่าง form ของ html กับโปรแกรมที่เราเขียนขึ้นมา โดย CGI มีหน้าที่ในการรับข้อมูลมาจาก form html และเก็บข้อมูลนั้น ลงฐานข้อมูล หรือนำข้อมูลจากฐานข้อมูลมาแสดงผลบน HTML
