.gif) ดาวน์โหลด MSN 9.0,8.0 Windows Live Messenger 2009
1.การตั้งค่าเริ่มใช้
โปรแกรม Dreamweaver CS3โปรแกรม เขียนเว็บที่ดีที่สุด
นำเครื่องมือใหม่ Adobe Dreamweaver CS3
1. เริ่มจากเครื่องมือพื้นฐานการสร้างเว็บเพจกันก่อน เครื่องมือแรกที่ Adobe เตรียมมาให้สำหรับคนที่ชอบเขียนเว็บเพจด้วย CSS มี
Template ให้เราได้เลือกใช้ตามความเหมาะสมของหน้าเว็บกันหลายรูปแบบ ดังภาพตัวอย่าง
2. เครื่องมือใหม่ที่ Adobe เตรียมมาให้นักพัฒนาเว็บไซต์ เพื่อช่วยในการจัด Content ภายในหน้าเว็บเพจให้เป็นระเบียบ และง่ายกว่าเดิมที่ต้องมานั่งเขียน
Java Script นั่นก็คือเครื่องมือที่ชื่อว่า Spry มีด้วยกันหลายเครื่องมือตัวอย่างเช่น
เครื่องมือ Spry Menu Bar ดูจากรูปก็พอจะเดากันออกเลยใช่ไหมครับ เครื่องมือนี้ช่วยจัดการเมนูของเว็บไซต์
เครื่องมือ Spry Tabbed Panels
ยังมีเครื่องมือ Spry อื่นๆ อีกมากมายทั้งที่ใช้กับโปรแกรมมิ่งก็มี ฟอร์มต่างๆภายในเว็บไซต์ เอาไว้ผมจะรวบรวมทำเป็นบทความมาให้นำไปประยุกต์ใช้ในโอกาสต่อไปนะครับ
3. เครื่องมือที่แถบ Properties ที่จะช่วยเชื่อโยงรูปภาพกับโปรแกรมตบแต่งรูปภาพของ Adobe เข้าด้วยกัน ดังตัวอย่าง
4. เครื่องมือช่วยตรวจสอบ Script ที่เราเขียน หรือรูปแบบว่าสามารถใช้งานร่วมกันได้ทุก Browsers หรือไม่ ดังภาพตัวอย่าง
และเครื่องมืออื่นๆ อีกมากมาย ซึ่งผมและทีมงานจะทยอยเรียบเรียงเป็นบทความ เพื่อนำมาให้ศึกษา และประยุกต์ใช้งาน ให้เข้ากับเทคโนโลยีของ Software ปัจจุบันในโอกาสต่อไปครับ
เปลี่ยน HTML เป็น XHTML
ขั้นตอนการเปลี่ยน HTML เป็นเอกสาร XHTML
HTML ( HyperText Markup Language) คือภาษาที่เอาไว้เขียนสร้างเว็บเพจ เป็นภาษาที่คนทั่วโลก รู้จักดี และมีเวบเพจนับล้านที่ใช้ภาษา HTML แต่ข้อเสียของภาษา HTML คือการแสดงผลผ่านบราวเซอร์ (browser)ของค่ายต่างๆ
เช่น Internet Explorer, Netscape, Opera, Mozilla และอื่นๆ อีกมากมาย การแสดงผลที่แตกต่างกัน โดยสิ้นเชิง โอมเพจที่ออกแบบสวยงาม ของคุณ อาจดูไม่ได้ หรือไม่สามารถเข้าดูได้ เมื่อเปิดผ่านบราวเซอร์ ค่ายอื่น
ทาง องค์กร W3C ได้นำเอา ภาษา HTML มาปรับปรุงใหม่ โดยยึดหลักการของ XML และได้เพิ่มกฎเกณฑ์บางอย่าง เพื่อให้การใช้งานมีความเข้มงวด และเป็นมาตรฐานยิ่งขึ้น และปูทางให้ตลาดบราวเซอร์ (browser) ปัจจุบัน และในอนาคต ที่ออกบราวเซอร์ใหม่ ให้ใช้มาตรฐานเดียวกัน ในการแสดงผล ได้อย่างถูกต้อง
และในอนาคต โฮมเพจของคุณ อาจจะไม่มีคำนี้ อีกต่อไป " โฮมเพจจะดูดีได้ ถ้าท่านเข้าชมด้วย Internet Explorer 5 ขึ้นไป " หรือ " Best view with Internet Explorer 5 or higher"
XHTML (Extensible HyperText Markup Language) มาตรฐานใหม่
และเป็นเรื่องที่ดียิ่ง หากท่านเริ่มต้น หรือปรับปรุงเวบเพจของท่าน ให้เป็น XHTML
เพื่อรองรับมาตรฐาน ในอนาคต
XHTML แปลงเอกสารด้วย Dreamweaver
Dreamweaver ตระกูล MX จะเครื่องมือ Convert ไฟล์ ให้เป็น XHTML
File > Convert > XHTML
ท่านสามารถ Convert ไฟล์ ASP, PHP ที่ใช้ไฟล์ร่วมกับภาษา HTML ได้
ข้อแตกต่างระหว่าง HTML กับ XHTML
อีลิเมนต์(element) และแอตทริบิวต์(attributes) จะต้องเขียนเป็นตัว พิมพ์เล็ก เท่านั้น
<body bgcolor="#cccccc">
อีลิเมนต์ ของ XHTML ที่ไม่ใช่อีลิเมนต์ว่าง (empty element)หรือไม่มีการเก็บข้อมูล
XHTML จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย
<br> ---------------> <br />
<hr> ---------------> <hr />
<form> จาก ของเดิม checked เปลี่ยนเป็น checked="checked"
<input type="checkbox" checked>
เป็น <input type="checkbox" checked="checked" />
จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย
<input type="text" name="formName" /> <img src="image.gif" />
การประกาศ DOCTYPE ของ XHTML ในส่วนบนสุดบรรทัดของทุกๆเพจ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
DOCTYPE คือ การประกาศว่าเอกสารนี้ จัดอยู่ในประเภทใด และ
ตรวจสอบความถูกต้องกับ DTD เพื่อในกรณี กับ Browser ประเภทต่างๆ
ขอขอบคุณที่มาจาก WWW.WebThaidd.com
้
|
เช็คความเร็วเน็ต
Contact us
Solidworks2009
