วันนี้จะนำความรู้เรื่องเกี่ยวกับการสร้างเว็บ พอดีสนใจจะทำเว็บเลยไปหาข้อมูลมา ได้อะไรบ้างก็นำมาฝากเพื่อน ๆ ที่สนใจ
วิธีเริ่มต้นในการเขียนเว็บ
มีดังนี้
- จะต้องกำหนดเนื้อหาที่จะนำเสนอ
- จัดการร่างโครงสร้างของโฮมเพจที่เราต้องการ
- เตรียมรูปภาพประกอบต่าง ๆ ที่เกี่ยวข้อง ทำการสแกนเก็บไว้เป็นไฟล์ชนิด *.jpg หรือ*.gif
- ศึกษาการใช้คำสั่ง HTML (ซิ่งอาจต้องใช้เวลา)
- เตรียมโปรแกรมที่ใช้ในการเขียนเว็บ เช่น dreamweaver, flash, front page ฯลฯ ทดสอบ ด้วยการไปโหลดเดโมจากทางเว็บผู้ผลิตก็ได้คะ
- สร้างเว็บ
- หาพื้นที่ฝากเว็บที่เราสร้างเสร็จ มีทั้งบริการฟรี เช่น geocities และพื้นที่ที่จะต้องเสียเงินค่าใช้บริการ
- อับโหลดไฟล์ขึ้นสู่พื้นที่ของเรา
แค่นี้เว็บของเราก็ออกสู่โลกอินเตอร์เน็ตแล้ว
*อ้างอิงมาจาก/ที่มา http://guru.google.co.th/guru/thread?tid=46e97f3301e2ad12
การออกแบบเว็บเพจ (Page Design)
ส่วนประกอบของหน้าเว็บเพจ
แบ่งออกเป็น 3 ส่วนหลักๆ คือ
1. ส่วนหัวของหน้า (Page Header)
เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของหน้า เพราะเป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์ มักใส่ภาพกราฟฟิกเพื่อสร้างความประทับใจ ส่วนใหญ่ประกอบด้วย
- โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี และยังทำให้เว็บน่าเชื่อถือ
- ชื่อเว็บไซต์
- เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์
2.ส่วนของเนื้อหา (Page Body)
เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ซึ่งประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย
สำหรับส่วนเนื้อหาควรแสดงใจความสำคัญที่เป็นหัวเรื่องไว้บนสุด ข้อมูลมีความกระชับ ใช้รูปแบบตัวอักษรที่อ่านง่าย และจัด Layout ให้เหมาะสมและเป็นระเบียบ
3. ส่วนท้ายของหน้า (Page Footer)
เป็นส่วนที่อยู่ด้านล่างสุดของหน้า จะมีหรือไม่มีก็ได้ มักวางระบบนำทางที่เป็นลิงค์ข้อความง่าย ๆ และอาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์, ข้อความแสดงลิขสิทธิ์, วิธีการติดต่อกับผู้ดูแลเว็บไซต์, คำแนะนำการใช้เว็บไซต์ เป็นต้น
โดยปกติส่วนหัวและส่วนท้ายมักแสดงเหมือนกันในทุกหน้าของเว็บเพจ
.
ตัวอย่าง แสดงส่วนประกอบของหน้าเว็บเพจ (trendypet.com)
* อ้างอิง/นำมาจาก/ที่มา http://www.enjoyday.net/2009/04/page-structure/
การจัดสรรพื้นที่ของหน้าเว็บเพจเพื่อแสดงส่วนประกอบต่างๆ
ทำได้หลายรูปแบบ เช่น
แบ่งแบบอิสระ
ตัวอย่าเว็บไซต์
แบ่ง 2 ส่วน
แบ่ง 3 ส่วน
จะมีส่วน Footer หรือไม่ก็ได้
ตัวอย่างเว็บไซต์
ส่วนเนื้อหายังสามารถแบ่งสัดส่วนเพื่อแสดงเนื้อหาต่างๆ ได้อีก
ตัวอย่างเว็บไซต์
*อ้างอิง/นำมาจาก/ที่มา http://www.enjoyday.net/2009/05/page-layout-design/
บ่าวนี่
ส่งความรู้มาบ้างดิ
มีใครรู้บ้างไหมคะว่าประวัิติความเป็นมาของการพัฒนาเว็บเพจเป็นอย่างไร
ถ้ามีใครรู้กรุณาส่งมาทางเมล์ให้หน่อยนะคะ
ภายใน2 วันนี้ จักขอบพระคุณอย่างสูงค่ะ