Sponsored Ads

การพัฒนาเว็บไซท์

รวมบทความและหนังสืออธิบายเกี่ยวกับการพัฒนาเว็บไซท์ โดยนำเสนอวิธีใช้งานโปรแกรมต่างๆ ที่เกี่ยวข้องกับการสร้างโฮมเพจ เช่น การใช้งาน Dreamweaver ใช้งาน Joomla รวมเรื่องน่ารู้เกี่ยวกับการสร้างเว็บไซต์ ฯลฯ

 

การปรับแต่งเฟรมหลัก
1. คลิกเลือกเฟรมทั้งหมด โดยคลิกที่ขอบเฟรม
2. ในเครื่องมือ Properties ให้คลิกเลือกขอบของเฟรม (Borders เลือก Yes ถ้าต้องการ ให้แสดงขอบเฟรม)
3. Border Width ให้คลิกและพิมพ์ความหนาของเส้นขอบเฟรม
4. Border Color ให้คลิกเลือกสีของขอบเฟรม
5. Column เป็นส่วนให้กำหนดความกว้างของเฟรม

 

คุณสมบัติต่างๆ
Borders เส้นแบ่ง Yes มีเส้นแบ่ง No ไม่ต้องมีเส้นแบ่ง
Border Width ขนาดความหนาของเส้นแบ่งเฟรม
Border Color สีเส้นแบ่งเฟรม
Row Value ความสูงของเฟรม
Row Unit หน่วยวัดความสูงของเฟรม

การปรับแต่งเฟรมย่อย
นอกจากเฟรมหลักแล้ว เฟรมย่อยก็สามารถปรับแต่งได้เช่นกัน เฟรมสำคัญที่ต้องปรับแต่งก็คือ เฟรม ในช่องขวามือ เพราะเป็นเฟรมที่ต้องการแสดงเว็บเพจที่มีการเชื่อมโยง
1. กดปุ่ม Alt ที่แป้นพิมพ์ค้างไว้ แล้วคลิกที่เฟรมช่องขวามือ หรือคลิกเลือกที่เครื่องมือ Frames
2. ในช่อง Frame name ให้คลิกและพิมพ์ใหม่ ถ้าต้องการ ปกติจะชื่อ mainframe
3. ตัวเลือกอื่นๆ
- Scroll กำหนดให้แสดงหรือซ่อนแถบเลื่อนดูข้อมูล ในกรณีที่มีข้อมูลจำนวนมาก

คุณสมบัติต่างๆ
Frame name ชื่อเฟรม
Src ลิงค์กับเว็บเพจที่ต้องการแสดง
Scroll แสดงหรือซ่อนแถบเลื่อนกรณีที่ข้อมูลมีจำนวนมาก เกินหน้าจอ
No resize ตัวเลือกสำหรับให้ผู้ใช้ปรับขนาดของเฟรมได้หรือไม่ได้
Borders แสดงหรือซ่อนเส้นแบ่งเฟรม
Borders Color สีเส้นแบ่งเฟรม
Margin Width ระยะห่างระหว่างข้อความขอบซ้ายขอบขวาของเฟรม
Magin Height ระยะห่างระหว่าง เนื้อหากับขอบบน ขอบล่างของเฟรม

การพิมพ์ Title ของเฟรมเซ็ท
1. คลิกขอบนอกของเฟรมในเครื่องมือ Frames
2. คลิกช่อง Title และพิมพ์ข้อความลงไป

สร้างการเชื่อมโยงในเฟรม Dreamweaver CS3


วิธีการสร้างลิ้งค์หรือการเชื่อมโยงระหว่างเว็บเพจในเฟรม เช่น เมื่อคลิกหัวข้อในเมนูก็จะปรากฏ เว็บเพจใหม่ในช่องด้านขวามือ
1. สร้างแถบดำหัวข้อที่ต้องการสร้างลิ้งค์ เช่น เมนูหลัก
2. คลิกและพิมพ์ชื่อไฟล์ที่ต้องการเชื่อมโยง เช่น right.php
3. ในช่อง Target ให้คลิกเลือก mainframe
4. ส่วนหัวข้ออื่นๆ จะกำหนดค่าคล้ายกันเช่น สร้างแถบดำ เกี่ยวกับเรา
5. ช่อง Link คลิกและพิมพ์ aboutus.php
6. ช่อง Target คลิกเลือก mainframe เท่านั้น เพื่อให้แสดงในเฟรมขวามือ
7. แก้ไขเสร็จแล้วคลิก File>>Save All จะเป็นการบันทึกไฟล์ทีเดียวทุกไฟล์ เนื่องจากเว็บเพจ แบบเฟรม จะมีการเปิดไฟล์ต่างๆ พร้อมกันมากกว่า 1 ไฟล์