Sponsored Ads

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

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

 


เลเยอร์เป็นรูปแบบการวางข้อความและภาพที่ค่อนข้างเป็นอิสระ ข้อความจะลอยอยู่บนข้อมูลอื่นๆ และสามารถเคลื่อนย้ายตำแหน่งได้ ลักษณะของเลเยอร์ให้นึกภาพแผ่นใสหลายๆ แผ่นซ้อนกัน แต่ละแผ่น ก็วางแปะภาพหรือข้อความลงไป เมื่อนำมาซ้อนกัน ก็จะเป็นข้อมูลที่เป็นอิสระไม่ปนกัน อยู่คนละเลเยอร์ ไม่เกี่ยวกัน
การใช้เลเยอร์จะช่วยให้สามารถออกแบบเว็บเพจ ได้ค่อนข้างอิสระในเรื่องตำแหน่งของข้อความหรือ ภาพที่ต้องการจัดวางบนเว็บเพจ

การสร้างเลเยอร์ใน Dreamweaver CS3
1. สร้างไฟล์ชื่อ layer.php
2. คลิก Layout
3. คลิกเครื่องมือเลเยอร์ Draw AP Div
4. ชี้ที่ตำแหน่ง A กดปุ่มซ้ายค้างไว้ แล้วลากไปยังตำแหน่ง B เสร็จแล้วปล่อยเมาส์

 

5. คลิกข้างในเลเยอร์ แล้วพิมพ์ข้อความลงไป พิมพ์แต่ละบรรทัดแล้วกด Shift + Enter
6. วาดอีก 2 เลเยอร์
7. ถ้าจะวางภาพ ก็คลิกในเลเยอร์ แล้วแทรกภาพลงไป ด้วยคำสั่ง Insert>>Image
8. การจัดการกับภาพหรือข้อความบนเลเยอร์ ก็จัดการเหมือนปกติทั่วไป

คุณสมบัติเลเยอร์ในเครื่องมือ Properties
ก่อนอื่นต้องคลิกเลือกเลเยอร์ที่ต้องการก่อน

1. CSS-P Element ชื่อเลเยอร์
2. Over flow ลักษณะการแสดงเนื้อหาภายในเลเยอร์
3. W x H ขนาดกว้างคูณสูงของเลเยอร์
4. Z-Index ตัวเลขระบุระดับของเลเยอร์ ถ้าเป็นตึกก็เปรียบได้กับเลขที่บอกชั้น จะซ้ำกันไม่ได้
5. Bg Image ตัวเลือกที่ช่วยให้นำภาพใดๆ มาเป็นพื้นหลังของเลเยอร์ได้
6. Vis ซ่อนหรือแสดงเลเยอร์ให้ปรากฏบนจอ
7. Bg Color สีพื้นของเลเยอร์

คุณสมบัติของเลเยอร์พาเนล
1. คลิก Windows แล้วคลิกติ๊กถูก AP Elements
2. คลิกแท็ป AP Element
3. Prevent Overlaps ป้องกันเลเยอร์ซ้อนกันหรือยอมให้เลเยอร์ซ้อนกันได้
4. รูปตา คลิกเพื่อแสดงหรือซ่อนเลเยอร์นั้นๆ
5. จำนวนเลเยอร์
6. ระดับชั้นของเลเยอร์