การเขียนเว็บไซต์ เรื่องง่ายๆ

การเขียนเว็บไซต์ไม่ใช่เรื่องยากเลยครับ

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

วกกลับมาที่การเขียนโฮมเพจก่อนว่า เริ่มอย่างไร มีหลายโปรแกรมที่ใช้เขียนได้ครับ เช่น word พิมพ์งานธรรมดา ก็เขียนได้ หรือ Microsoft Frontpage ที่มาพร้อมกับระบบ office เวลาเราลงโปรแกรม office 2000 หรือ office อะไรก็แล้วแต่ เพื่อความต้องการในการใช้งานพิมพ์งาน หรือ อะไรก็แล้วแต่ จะมีโปรแกรมเหล่านี้เข้ามาด้วยครับ ลองหาดูที่เมนูนะครับและจะเจอ ..หรือว่าจะใช้โปรแกรมต่างหาก เช่น Dreamweaver ก็ได้ครับ

ในที่นี้ผมจะแนะนำการเขียนโฮมเพจ คร่าวๆนะครับ พอให้มองภาพออกครับ
ก่อนอื่นเราต้องเขียนโฮมเพจในเครื่องเราก่อน ถ้าใช้ word พิมพ์งาน เวลา save จะมีให้เลือกคำสั่ง save เป็น .html นะครับ ตรงนั้นก็คือไฟล์โฮมเพจนั่นเอง
ในที่นี้แนะนำ Microsoft Frontpage ดีกว่า ลองเปิดแล้วลองทำดูนะครับ
พอเราเปิดโปรแกรมแล้ว ก็จะมีหน้าว่างขึ้นมาให้เขียนครับ เราอยากนำเสนอข้อมูลอะไร เราก็พิมพ์ลงไป และมีเมนูต่างๆ เช่น แทรกรูป แทรกตาราง ก็แทรกเข้าไปตามความสวยงาม คล้ายพิมพ์งานนั่นแหละครับ ..เวลาเราเห็นเว็บไซต์ มีโซนต่างๆ ก็คือการแบ่งตารางนั่นเองครับ ก็ออกแบบตารางตามความพอใจนะครับ
สำหรับการแทรกรูป ...ในจุดนี้ เราต้องกำหนดก่อนว่า เว็บที่เราเขียนนี้ จะเก็บไว้ส่วนไหนในเครื่อง เช่น จะเก็บไว้ในไดร์ D เราก็สร้างห้องในไดร์ D ขึ้นมาเลย เราเปิดไดร์ D แล้วคลิกขวาในส่วนที่ว่าง เลือกหัวข้อ NEW แล้วเลือกที่ Folder ก็จะมีให้ตั้งชื่อห้องที่จะสร้างครับ เช่น ตั้งชื่อห้องว่า ABC ซึ่งห้องนี้เราตั้งใจว่า เมื่อเราเขียนโฮมเพจแล้ว เราก็จะมา save ใส่ในห้องนี้
.. ในห้อง ABC นี้ เราจะสร้างห้องย่อยอีกก็ได้ เพื่อไว้เป็นที่เก็บรูปภาพที่จะนำมาแทรกในโฮมเพจ โดยมาก มักตั้งชื่อห้องที่จะเก็บภาพว่า images
เราก็จะได้ห้องในไดร์ D ดังนี้ ไดร์ D-->ห้อง ABC -->ห้องข้างใน images
..วกมาเรื่องการเขียนโฮมเพจ เราอยากแทรกรูปอะไรในโฮมเพจ เราก็เอามาไว้ในห้อง images ก่อนนะครับ
พอเราเขียนโฮมเพจ อยากแทรกภาพ ก็มาที่ Insert มาที่ Picture แล้วเลือก From File แล้วเราก็ไปที่ห้อง images (ในไดร์ D ในห้อง ABC) เลือกรูปที่ต้องการ แล้วภาพก็จะมาแทรกในหน้าที่กำลังเขียนครับ
ถ้าจะแทรก Table ก็ไปที่หัวข้อ Table ครับ เลือกสัดส่วนของตารางได้ตามใจชอบ
ถ้าจะแทรกลิ้งค์ หน้าเว็บต่างๆ หรือแทรกเว็บต่างๆ ก็ไปที่เมนู Insert เลือก Hyperlink
เราอยากให้ตัวหนังสือตรงไหน ลิ้งค์ไปที่ไหน เราก็ คลิกซ้ายที่เม้าส์ แล้วก็ลากคลุมตัวหนังสือนั้น แล้วก็คลิกขวา ก็จะมีให้เลือก Hyperlink ก็จะมีให้ใส่ว่าจะลิ้งค์ไปที่เว็บไหน หรือลิ้งค์ไปที่ไฟล์ไหนในข้อมูลโฮมเพจของเรา ..แล้วก็จะมีให้เลือก Target Frame ก็คือการกำหนดว่า คลิกแล้ว จะเป็นแบบไหน แนะนำเลือก New Window ก็ดีนะครับ จะเป็นการคลิกแล้วเปิดหน้าใหม่

..มาดูเมนูด้านล่างกันครับ จะมีเมนู Normal คือหน้าที่เราใช้เขียนโฮมเพจ ,มีเมนู HTML คือดูโฮมเพจในรูปแบบของภาษา HTML สมัยก่อน ใครเรียนคอม เค้าจะให้เขียนแบบใช้ภาษา HTML เลยล่ะครับ กว่าจะเขียนได้ ลำบากมาก ในเมนูนี้ เป็นการแสดงการเขียนในรูปแบบ HTML นะครับ ,แล้วก็จะมีเมนู Preview คือการดูโฮมเพจ ที่เราเขียนขึ้นมา หรือแสดงผลให้เห็นว่า เขียนแล้วเป็นงัยบ้าง

พอเข้าใจคร่าวๆแล้วใช่มั๊ยครับ ก็ลองเขียนกันได้เลย
พอเขียนแล้ว เราก็มา Save ไว้ในไดร์ D ห้อง ABC ที่เราตั้งใจไว้ว่าจะเป็นที่เก็บโฮมเพจที่เขียนไว้ในเครื่อง

..มาว่ากันเรื่องการส่ง โฮมเพจ online ในเน็ต ลองสมัคร ฟรีโฮสต่างๆดูนะครับ เช่น http://www.100free.com หรือ http://www.atspace.com
การขอโฮสฟรีเหล่านี้ ชื่อที่เราจะได้คือ ชื่อที่เราตั้งขึ้นมาตอนสมัคร ตามด้วย 100free.com หรือ ตามด้วย atspace.com
เช่น http://visshop.100free.com
การส่งไฟล์ เข้าโฮสเหล่านี้ ไฟล์ที่จะเป็นหน้าแรกในเว็บ หมายความว่า เข้าไปแล้วจะเจอหน้านี้ ไฟล์นั้นจะต้องตั้งชื่อว่า index.html นะครับ แล้วแต่บางโฮสที่กำหนดครับ บางโฮสก็กำหนด index.htm ... ก็คือเวลาเราเขียนโฮมเพจหน้าแรก เวลา save เราก็ตั้งชื่อว่า index.html นะครับ
เมื่อเราสมัคร free โฮสเหล่านั้นแล้ว เค้าก็จะให้เรา login เพื่อเข้าไปส่งไฟล์ online ....ในส่วนของรูปภาพ พอเรา login แล้ว เข้าในส่วนของการส่งไฟล์แล้ว ให้สร้างห้องเพิ่ม ให้ชื่อห้องเป็น ชื่อห้อง images นะครับ ให้เหมือนกับที่เราตั้งไว้ในเครื่องเรา เพราะเวลาเราเขียนโฮมเพจ การแทรกภาพ จะลิ้งค์ภาพไปที่ห้องข้อมูลชื่อ images เวลาเราส่ง online ก็ต้องตั้งชื่อห้องให้เหมือนกัน จะได้หากันเจอครับ

... เอาล่ะครับ พอมองออกแล้วใช่มั้ยครับ เกี่ยวกับ ไฟล์โฮมเพจที่เราสร้างขึ้น เราจะเอา HTML ไปแทรกใน blog ก็ได้ ในส่วนของการทำ SEO ที่ผมได้แนะนำการเขียน blog ไว้ครับ ...เช่น บางที่เราออกแบบตารางต่างๆ หรือเขียนต่างๆในรูปแบบ โฮมเพจ แล้วเราอยากเอาไปแทรกใน blog ซึ่งมีเมนูแทรก html code เราก็สามารถ copy html code ในเมนู html ในโปรแกรม Front Page ไปแทรกได้เลย

...สำหรับการเขียนโฮมเพจ พอมองภาพออกแล้ว รวมถึงการส่ง online ก็คงพอเข้าใจแล้ว
(เพราะส่วนใหญ่มือใหม่ที่ไม่เข้าใจว่าโฮมเพจเป็นงัย จะไม่เข้าใจว่า จะเอาเข้าเน็ตยังงัย เขียนยังงัย เป็นชื่อเว็บได้งัย)
...ถ้าอยากศึกษาการเขียนลึกๆ สามารถศึกษาได้จากเว็บนี้เลยนะครับ
เว็บไซต์ของ NECTEC ครับ