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

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

edit @ 17 Jun 2009 21:54:19 by createsite

edit @ 22 Jul 2009 02:22:45 by createsite

ข้อแนะนำในการทำเว็บไซต์

 

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

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

    3. สามารถดูเว็บไซต์ได้ในหลายบราวเซอร์ การทำเว็บไซต์ควรจะทำเพื่อให้สามารถดูได้จากทุกๆ Version ของ Software ต่างๆ ไม่ว่าจะเป็น Netscape Communicator Internet Explorer หรือ อื่นๆ การ ทำให้ทุกคนดูได้นี้ ถือว่าเป็นการขยายฐานของผู้เข้าเยี่ยมชม

    4. ความเร็วในการโหลดเว็บไซต์ สำหรับหน้าแรกของเว็บไซต์ไม่ควรให้โหลดข้อมูลช้า ปัจจัยที่จะ กระทบต่อความเร็ว ได้แก่ ขนาดของรูปภาพที่ใช้ จำนวนของรูปภาพที่ใช้ และปริมาณของตัวอักษรที่ อยู่บนหน้านั้นๆ อนึ่งความเร็วในการโหลดเว็บไซต์ อาจอยู่ที่ Server ที่เว็บไซต์นั้นๆอยู่ว่ามี ความสามารถสูงเพียงใด ขนาดของรูปภาพที่ใช้ควรจะมีขนาดไม่เกิน 20-30K ต่อรูป ส่วนประเภทของ รูปนั้นควรเป็น GIF หรือ JPEG ถ้าขนาดของรูปภาพใหญ่เกินไป อาจตัดแบ่งให้ขนาดเล็กลง และใช้ ตารางช่วยในการจัดรูปภาพนั้นๆ

    5. ความง่ายในการค้นหาข้อมูล ปัจจัยหลักนั้นขึ้นอยู่กับโครงสร้างของเว็บไซต์ตั้งแต่ตอนแรกที่มีการจัด โครงสร้างและจัดกลุ่มของข้อมูล นอกจากนี้ยังมีปัจจัยอื่นๆ อีกเช่น การมี Navigator bar หรือ แถบนำ ทาง ในทุกๆหน้าของเว็บไซต์ และถ้าสามารถให้บริการ Search และ Sitemap ได้ก็จะเป็นสิ่งที่จะช่วย ให้ค้นหาข้อมูลได้ง่ายยิ่งขึ้น

    6. ตัวอักษร, ฉากหลัง และ สี สำหรับรูปแบบที่นิยมใช้คือ ตัวอักษรสีดำ บนฉากหลังขาว ถ้าต้องการ กำหนดประเภทของตัวอักษรควรใช้ที่เป็นสากลนิยม เช่น ในกรณีภาษาอังกฤษ อาจใช้ Arial หรือ Times News Roman เป็นต้น ส่วนภาษาไทย อาจใช้ MS Sans Serif การเลือกใช้ตัวอักษรภาษาไทยนั้น ต้องระวังเป็นพิเศษเพราะในกรณีที่เครื่องผู้เยี่ยมชมไม่มีตัวอักษรนั้นๆ อาจทำให้ผู้เข้าเยี่ยมชมไม่ สามารถอ่านตัวอักษรได้เลย

    7. รูปภาพ ที่ใช้มี 2 ประเภทคือไฟล์กราฟิกประเภท GIF หรือ JPEG ในปัจจุบันไฟล์ประเภท PNG ก็มี บางเว็บใช้เช่นกัน หนึ่งในหลักการพิจารณาการใช้ประเภทเพื่อประสิทธิภาพสูงสุด คือ จำนวนสีของ รูปภาพนั้นๆ ถ้าเป็นภาพแต่งหรือภาพถ่ายที่มีสีมากๆ ก็ควรใช้ไฟล์ประเภท JPEG แต่ถ้าเป็นเพียงปุ่ม หรือป้ายที่มีสีไม่มากก็ควรใช้ GIF พร้อมกับพิจารณาเรื่องขนาดของไฟล์ด้วย อนึ่งควรจะมีการคะเน ขนาดของรูปภาพที่จะใส่บนเว็บไซต์ก่อน เพื่อจะได้ใช้ขนาด และ อัตราส่วน ที่พึงพอใจมากที่สุด

    8. ส่วนประกอบที่ขาดไม่ได้ของเว็บไซต์ เช่น หัวข้อที่เกี่ยวกับผู้จัดทำ อาจเป็นประวัติความเป็นมา และ/ หรือ ข้อมูลปัจจุบัน (About us) เหล่านี้ช่วยเพิ่มความน่าเชื่อถือให้กับผู้เขา้เยี่ยมชม และเพิ่มเติมเกี่ยวกับ แถบนำทาง Search Sitemap และยังมีหัวข้ออื่นๆ อีก เช่น ข้อเสนอแนะ (Feedback) คำถามที่ถูกถาม บ่อย (FAQ - Frequently Asked Questions)

    9. ก่อนที่จะนำเว็บไซต์ Upload ไปยัง Server ควรจะมีการทดสอบ โดยใช้ทั้ง Netscape Communicator และ Internet Explorer เพื่อดูความเร็วในการโหลดว่าช้าหรือเร็วเพียงใด Link ทั้งภายใน และ ภายนอก ถูกต้องหรือไม่ รูปภาพถูกต้องหรือไม่ พิสูจน์อักษร และอ่านข้อมูล เพื่อให้แน่ใจว่าข้อมูลต่างๆ ถูกต้อง

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

ที่มา: จากคู่มือ โครงการอบรมคอมพิวเตอร์หลักสูตร?ความรู้เบื้องต้นเกี่ยวกับงานออกแบบสิ่งพิมพ์และจัดทำเว็บเพจ? มหาวิทยาลัยกรุงเทพ

edit @ 22 Jul 2009 02:23:47 by createsite

ในบทความนี้จะเป็นการลองใส่รูปในเว็บเพจดู โดยให้เราหารูปอะไรก็ได้ในเครื่อง และ copy ให้ไปอยู่ใน folder เดียวกับไฟล์ index.html ที่เราได้ลองสร้างมาจากบทความแรก โดยรูปที่บทความนี้ใช้เป็นรูปในงานราชพฤกษ์ ที่จัดขึ้นที่เชียงใหม่ และมีชื่อรูปว่า 1.jpg



ให้เราเปิด notepad โดยไปที่ file > open และเลือกไฟล์ index.html ที่เราทำไว้จากบทความที่ผ่านมา



พิมพ์ข้อความตามด้านล่างนี้ โดยในส่วนของ <img src = "1.jpg"> ชื่อรูปที่นำมาใช้เป็น 1.jpg แต่ในส่วนของคุณก็เปลี่ยนเป็นชื่อรูปของคุณเอง

<html>     <head>         <title>ทดลองใส่รูปในเว็บไซต์</title>     </head>     <body>              เที่ยวงาน ราชพฤกษ์              <br>              บรรยากาศภายในงาน              <br>              <img src = "1.jpg">     </body> </html>

ซึ่งจะได้ผลตามรูปด้านล่าง



เราจะเห็นได้ว่ามี source code ใหม่เพิ่มขึ้นมาคือ

    <img src = "1.jpg">    เป็น code ที่ใช้ในการแสดงภาพ

    <br>    เป็น code ที่ใช้ในสั่งให้ขึ้นบรรทัดใหม่

    ซึ่งเราอาจทดลองเอา <br> ที่อยู่ระหว่างประโยค เที่ยวงาน ราชพฤกษ์ และประโยค บรรยากาศภายในงาน ออกและกด save ที่ notepad

    จากนั้นเราก็ไปดูผลที่ internet explorer (Web browser) ของเรา และทำการกด F5 หรือ กด Refresh เพราะ Web browser ยังแสดงผลที่เกิดจากการเปิดไฟล์ index.html ครั้งแรกอยู่ จากรูปจะเห็นว่าผลที่แสดงต่างจากเดิม โดยจะไม่มีการเว้นบรรทัดระหว่าง เที่ยวงาน ราชพฤกษ์ และ บรรยากาศภายในงาน



    web browser ไม่ได้แสดงผลในครั้งแรกที่เราเปลี่ยนแปลงไฟล์ index.html ก็เพราะว่า web browser เปิดไฟล์ index.html และแสดงผลค้างไว้ จะไม่มีการเรียกไฟล์ index.html มาอ่านซ้ำระหว่างที่มีการแสดงผล ดังนั้นเราต้องทำการกด Refresh หรือ F5 เพื่อให้ web browser ทำการเรียกไฟล์ index.html มาแสดงผลใหม่

     เราอาจลองเพิ่มรูปโดย การเพิ่มบรรทัดของ <img src = "ชือรูปของคุณ"> เข้าไปอีกก็ได้ บทความนี้ก็จบเพียงแค่นี้ บทความต่อไปจะเป็นเรื่องของการเชื่อมโยงไฟล์เข้าด้วยกัน ( การสร้าง LINK )