Sponsored Ads

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

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

 

การแสดงหรือซ่อนหน้าจอ Welcome Screen ใน Dreamweaver CS3


ปกติจะแสดงหน้าจอ Welcome Screen ให้ปรากฏบนหน้าจอตลอดเวลา สามารถซ่อนหรือแสดง ได้

1. คลิก Edit>>Preferences
2. คลิก General
3. คลิกเอาถูกออกหน้า Show Welcome Screen
4. คลิก OK

หน้าจอและส่วนประกอบต่างๆ ของ Dreamweaver CS3

1. เมนูคำสั่ง
2. แถบชื่อโปรแกรมและชื่อไฟล์งานที่กำลังใช้งานอยู่อาจมีมากกว่าหนึ่งไฟล์ เช่น เปิดไว้ 2 ไฟล์ index.php และ album.php
3. แถบพาเนลต่างๆ
4. Properties ไว้กำหนดคุณสมบัติให้กับเนื้อหาต่างๆ เช่น จัดตำแหน่ง เปลี่ยนสี ขนาด แบบ ตัวหนังสือ เป็นต้น
5. การซ่อนหรือแสดงส่วนประกอบต่างๆ ให้คลิกปุ่ม ซ่อนหรือแสดงส่วนประกอบนั้นๆ

ส่วนประกอบของเอกสาร Dreamweaver CS3


Document หรือเอกสาร ก็คือเว็บเพจที่เรากำลังใช้งานอยู่จะมีส่วนประกอบต่างๆ ดังนี้
1. ดับเบิ้ลคลิกไฟล์เว็บเพจเช่น aboutus.php, contact.php
2. ชื่อไฟล์งาน
3. Title ชื่อหัวข้อของเว็บเพจนั้นๆ ถ้าเปรียบเว็บเพจเป็นบทความ ไตเติ้ล อาจเปรียบได้กับชื่อของ บทความนั่นเอง
4. ปุ่มย่อ ขยายหรือปิดไฟล์งาน
5. ในกรณีที่เปิดไฟล์งานมากกว่า 1 ไฟล์ ก็คลิกเลือกชื่อไฟล์ที่แท็ปชื่อได้ตามต้องการ
6. การปิดไฟล์งานก็คลิกชื่อไฟล์ก่อนแล้วคลิกปุ่ม x
7. แถบให้เลือกมุมมองในการออกแบบเว็บเพจมี 3 แบบ Code มุมมองสำหรับการเขียนโปรแกรม แทรกคำสั่ง PHP, ASP หรือภาษาอื่นๆเข้าไปในเว็บเพจ

 

8. Split แสดงทั้งโค้ดคำสั่งและมุมมองในการออกแบบ
9. Design แสดงเว็บเพจในมุมมองการออกแบบที่สามารถจัดการเว็บเพจได้เหมือนการพิมพ์เอกสาร


แสดงหรือซ่อนเครื่องมือ Dreamweaver CS3

1. กด F4 ที่แป้นพิมพ์ เพื่อซ่อนเครื่องมือทั้งหมดหรือกด F4 อีกครั้งเพื่อแสดงเครื่องมือ
2. คลิกเมนู Windows
3. คลิกติ๊กถูกเพื่อแสดงเครื่องมือหรือเอาถูกออก เพื่อซ่อนเครื่องมือ
4. เครื่องมือมาตรฐานจะมีเครื่อง Insert
5. เครื่องมือ Properties
6. แถบพาเนลเครื่องมือต่างๆ เช่น เครื่องมือ Files