รวมบทความทั้งหมดในหมวดการพัฒนาเว็บไซท์ สอนสร้างเว็บไซต์

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

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

ถ้ามีเนื้อหาที่ได้พิมพ์ไว้ในโปรแกรมอื่น เข้ามาใน Dreamweaver CS3 อาจเป็นโปรแกรมพิมพ์เอกสารยอดนิยมอย่าง Word ซึ่ง ได้พิมพ์ไว้ในตารางอยู่แล้ว ก็สามารถก็อปปี้ทั้งตารางเข้ามาวางในเว็บเพจได้เลย
1. ในโปรแกรม Word ให้เลือกตารางด้วยการสร้างเป็นแถบสี
2. คลิกเมนู Edit>>Copy
3. กลับไปที่โปรแกรม Dreamweaver เปิดเว็บเพจที่ต้องการแทรกตารางขึ้นมาก่อน
4. คลิกเมนู Edit>>Paste
5. ตารางก็จะถูกแทรกเข้ามา

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1113

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

สร้างการเชื่อมโยงหรือไฮเปอร์ลิงค์
การเชื่อมโยงหรือไฮเปอร์ลิงค์ (Hyperling) หรือลิงค์ (Link) อาจเป็นการเชื่อมโยงระหว่างเว็บเพจ หรือเชื่อมโยงหัวข้อภายในเว็บเพจเดียวกัน เพื่อความสะดวกในการอ่านข้อมูลในเว็บไซท์

1. เนื้อหาทั้งหมด
2. หัวข้อเช่น หน้าหลัก เกี่ยวกับเรา ส่วนนี้จะเรียกว่าลิงค์ เมื่อชี้ลูกศรที่ลิงค์ สัญลักษณ์ของเมาส์จะ เปลี่ยนป็นรูปมือ แสดงว่าส่วนนั้นๆ เป็นลิงค์
3. เมื่อคลิกที่ลิงค์ ก็จะปรากฏเนื้อหาที่เกี่ยวข้องเป็นหน้าจอใหม่ ให้สามารถติดตามได้
4. จะเห็นว่าลิงค์ มีประโยชน์มากในการอ่านเนื้อหาที่ต้องการ ไม่เสียเวลาเปิดอ่านเหมือนกับการ อ่านหนังสือที่ต้องเปิดไปยังหน้าที่ต้องการด้วยตนเอง

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1810

ลักษณะของลิ้งค์แบบต่างๆ ใน Dreamweaver CS3
1. เป็นข้อความ อาจเป็นหัวข้อหรือข้อความใดๆ
2. เป็นปุ่มให้คลิก
3. เป็นภาพให้คลิก
4. ภาพเคลื่อนไหวที่เป็นลิงค์ให้คลิก อาจเป็นภาพแบบ Gif หรือ Flash
5. แบนเนอร์โฆษณา ส่วนใหญ่จะเน้นภาพเคลื่อนไหว อาจมีเสียงประกอบด้วย เมื่อคลิกก็จะ ลิงค์ไปหาเว็บเพจที่เป็นหน้าโฆษณา
6. ลิงค์แบบ Drop Down Menu การใช้ลิงค์แบบนี้จะช่วยประหยัดพื้นที่
7. ลิงค์แบบ Popup เมนูโผล่ขึ้นมา
8. ลิงค์แบบใดก็ตาม เมื่อคลิกก็จะปรากฏหน้าใหม่ เป็นข้อมูลที่เกี่ยวข้องกับหัวข้อนั้นๆ

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1120

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

วิธีสร้างเว็บเพจ
1. สร้างเว็บเพจใหม่ แล้วพิมพ์เนื้อหาทั้งหมดลงไปในเว็บเพจ ดูในหน้า 139
2. เมื่อคลิกที่หัวข้อเหล่านี้ เช่น กลับหน้าหลัก เกี่ยวกับเรา ... ก็จะปรากฏหัวข้อและรายละเอียด ขึ้นมาบนหน้าจอทำให้สะดวกในการอ่าน ไม่ต้องเลื่อนหน้าจอไปหาข้อมูลที่ต้องการ
3. คลิกหลังหัวข้อที่ต้องการ เช่น เกี่ยวกับเรา
4. คลิกเมนู Insert>>Name Anchor
5. คลิกและพิมพ์ชื่อ Anchor ในช่อง Anchor name เช่น aboutus แล้วคลิกปุ่ม OK
6. จะปรากฏสัญลักษณ์แสดงตำแหน่งของ Anchor

7. หัวข้ออื่นๆ ก็กำหนด Anchor คล้ายกัน
8. เมื่อกำหนด Anchor หรือจุดที่ต้องการกระโดดไปยังหน้านั้นๆ เสร็จแล้ว ในการสร้างการเชื่อม โยง ให้สร้างแถบดำ เช่น เกี่ยวกับเรา
9. ในเครื่องมือ Properties ในช่อง Link ให้คลิกและพิมพ์ # (เครื่องหมายแฟลช) ตามด้วย ชื่อหัวข้อที่ต้องการเชื่อมโยงไปหาก็คือ aboutus พิมพ์เสร็จแล้วก็กด Enter ในช่อง Target ให้คลิกเลือก _blank