Sponsored Ads

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

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

 

กำหนดโปรแกรมไว้ดูเว็บเพจ Dreamweaver CS3


เป็นการกำหนดโปรแกรมไว้ดูผลงาน ขณะออกแบบใน Dreamweaver ว่าเว็บเพจที่ได้หน้าตาเป็น อย่างไร
1. คลิก File>>Preview in Browser
2. คลิก Edit Browser Use...
3. คลิกชื่อโปรแกรมเช่น IExplorer
4. คลิกติ๊กถูก Primary Browser
5. คลิก OK

6. ในการดูก็กด F12 ที่แป้นพิมพ์ดูผลงานได้เลย
7. เสร็จแล้วต้องปิดหน้าจอโปรแกรม IExplorer
8. คลิกติ๊กถูก Don't show this message again ก็ได้ ไม่ต้องแสดงออกมาอีก
9. คลิก Yes เพื่ออัพเดทข้อมูล
10. คลิกติ๊กถูกเช่นกัน ไม่ต้องแสดงออกมา
11. คลิก No
12. ก่อนจะกด F12 ต้องปิดหน้าจอ IExplorer ทั้งหมดก่อน ไม่เช่นนั้นจะไม่แสดงข้อมูลที่ถูกต้อง

สร้างไฟล์เว็บเพจแบบ Template ใน Dreamweaver CS3


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

การพิมพ์ข้อความใน Dreamweaver CS3

 

ก่อนอื่นให้เลือกแบบตัวหนังสือก่อนพิมพ์ข้อความลงไป
1. สร้างไฟล์ใหม่แล้วดับเบิ้ลคลิกเพื่อเปิดไฟล์เช่น text02.php
2. คลิกเมนู ModifyPage Properties
3. คลิกเลือก Page font แบบ Ms Sans Serif
4. คลิกเลือกขนาด Size = 12
5. คลิกปุ่ม OK เพื่อออก
6. คลิกและพิมพ์ข้อความลงไปตามปกติ คล้ายๆ กับการพิมพ์ข้อความในโปรแกรมพิมพ์เอกสาร
7. การลงบรรทัดใหม่ให้กด Enter บรรทัดจะห่างกัน
8. ถ้ากด Shift ค้างไว้แล้วกด Enter บรรทัดจะติดกัน เพราะยังเป็นย่อหน้าเดียวกัน

 

การขึ้นบรรทัดใหม่
1. พิมพ์ข้อความไปจนสุดขอบขวา โปรแกรมจะตัดลงบรรทัดใหม่ให้เองอัตโนมัติ
2. ถ้าต้องการขึ้นบรรทัดใหม่ โดยข้อความยังเป็นย่อหน้าเดียวกัน ก็กดปุ่ม Shift ค้างไว้ แล้วกด Enter จากนั้นก็เริ่มพิมพ์ข้อความต่อ เช่น ที่นี่เรามี
3. ต้องการขึ้นบรรทัดใหม่ โดยเป็นย่อหน้าใหม่ ก็กด Enter
4. กดปุ่ม Shift Enter บรรทัดจะอยู่ติดกัน เพราะยังเป็นย่อหน้าเดียวกัน
5. กดปุ่ม Enter บรรทัดจะห่างกัน เพราะเป็นคนละย่อหน้า