ทดลองใช้ Dreamweaver ทำเว็บเพจ (ตอนที่ 5)

Dreamweaver

สอนทำเว็บไซต์ด้วย Dreamweaver ต่อจากตอนที่ 4

จากตอนที่ 4 ได้สร้าง link เอาไว้ ซึ่งเราได้สร้าง style ให้กับ link ไว้แล้ว ดังนั้นเราจะมาลองใส่ style ให้กับ link กัน

โดยคลุมดำ link ที่ได้สร้างเอาไว้ แล้วคลิกขวาที่ตัว <a> ด้านล่าง เลือก id > menu เท่านี้ก็จะได้ style สำหรับ link ตรงเมนูแล้ว



เมื่อใส่รูปแบบให้ทั้งหมดแล้วจะเป็นดังนี้
ในตัวอย่างกำหนดขนาดขอบตารางเป็น 1 เพื่อให้ดูง่ายขึ้น

5.การใส่ form

การใส่ฟอร์มต้องกำหนดขอบเขตของแบบฟอร์มก่อน ขึ้นแรกก็ให้เลือกที่ตารางที่ต้องการใส่ฟอร์ม จากให้ก็ให้คลิกที่ปุ่ม form ดังรูป



เมื่อคลิกที่ปุ่ม form แล้วจะมีกรอบเส้นประสีแดง ให้นำ Code นี้ไปใส่ในนั้น โดยคลิกที่ปุ่ม code ดังรูป

<form method="get" action="http://www.google.com/search" target="_top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="94%" align="right"><label> <input name="q" type="text" class="search" id="textfield" /> <input type="hidden" name="ie" value="tis-620"> </label></td> <td width="6%" align="right" valign="middle"><label> <input type="image" name="imageField" id="imageField" src="images/search.gif" /> </label></td> </tr> </table> </form>

เมื่อใส่รูปแบบให้ทั้งหมดแล้วจะเป็นดังนี้

>> ดาวน์โหลดเว็บเพจที่เสร็จแล้วได้ที่นี่