Dreamweaver CS

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

บทสุดท้ายสามารถดาวน์โหลดไฟล์ที่เสร็จสมบูรณ์ได้ท้ายบทความนี้

จากตอนที่ 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>

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

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


เลื่อนขึ้นด้านบน