สอนฟรี หาเงินทางเน็ต MakeMoney-School.Com   

ทำเว็บไซต์ เรื่องง่ายๆ MakeMoney Make website
         

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

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


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


ตัวอย่างห้องไฟล์ข้อมูล ที่อยู่ในเครื่องเราครับ



วกกลับมาที่การเขียนโฮมเพจก่อนว่า เริ่มอย่างไร
มีหลายโปรแกรมที่ใช้เขียนได้ครับ เช่น word พิมพ์งานธรรมดา ก็เขียนได้ แต่ความสะดวกของเมนูต่างๆ จะไม่เท่ากับ โปรแกรมเขียนโฮมเพจโดยตรง การใช้ word พิมพ์งานเขียน โฮมเพจ ก็ไม่มีอะไรมาก เราพิมพ์เขียนต่างๆ แทรกภาพตกแต่งต่างๆ เหมือนเราพิมพ์งานธรรมดา แต่เวลาเราจะ Save ให้ Save as (บันทึกเป็น)

เปลี่ยน เก็บเป็นชนิด เป็น Web Page
สำหรับชื่อ ไฟล์ ก็ควรจะเปลี่ยน ถ้าเป็นเว็บหน้าแรกนิยมใช้ index.html (นามสกุล html)



...แต่จะดี ควรหาโปรแกรม ที่ใช้เขียน โฮมเพจ หรือเว็บไซต์ มาใช้จะดีกว่านะครับ
เช่นโปรแกรม Dreamweaver เป็นต้นครับ หรือลอง Search หาพวกโปรแกรมเขียนเว็บไซต์ที่แจกฟรีดูนะครับ เดี๋ยวนี้น่าจะมีเยอะครับ

..โปรแกรมเขียน โฮมเพจที่แจกฟรี http://net2.com/nvu/download.html ข้างล่าง จะมีให้เลือกโหลดไฟล์นะครับ จะเลือกเป็นแบบ .exe ก็ได้ หรือ แบบ .zip แล้วค่อยเอามาแตกไฟล์ .zip ก็ได้

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

ในที่นี้ผมจะแนะนำการเขียนโฮมเพจ คร่าวๆนะครับ พอให้มองภาพออกครับ

ก่อนอื่นเราต้องเขียนโฮมเพจในเครื่องเราก่อน

การเขียนเว็บไซต์ไม่มีอะไรยากครับ ในที่นี่จะ แนะนำการเขียนโดยใช้โปรแกรม Dreamweaver นะครับ
เปิดโปรแกรมขึ้นมา ควรตั้ง Font พื้นฐานต่างๆก่อน โดยไปที่ Edit ---> Preferences
ตั้งประมาณในภาพนั่นแหละครับ เอาแบบตั้งแล้ว เวลาเรา พิมพ์เขียน ข้อมูลต่างๆใน โปรแกรม แล้วเป็นภาษาไทยครับ



พิมพ์ไปเลยครับ อยากเขียนเว็บแบบไหน ก็พิมพ์ตกแต่ง แทรกภาพ สำหรับภาพล่างนี้
Font ในเว็บที่นิยม ส่วนใหญ่ เป็น Microsoft Sans Serit


ก็เอาเมาส์คลิกซ้ายลากคลุม ตัวอักษร แล้ว ไปเปลี่ยน Font ที่ Text เลือก Font ตามภาพนะครับ ถ้าไม่มี Font ก็ลองเข้าที่
Edit Font List ก็จะมีเมนูให้ add เพิ่ม font ได้ ... ภาพล่างนี้เป็นกรณีการแทรกภาพครับ Table ก็แทรกตาราง ครับ
ลองหัดๆ ใช้เมนูต่างๆดูครับ ไม่ยากครับ


สำหรับภาพ ทุกภาพที่จะมาแทรกในเว็บ เราควร สร้างเป็นห้อง ไฟล์ขึ้นมาก่อน ที่นิยมตั้งชื่อห้องไฟล์ก็คือชื่อ images
(การสร้างห้องไฟล์คงทำเป็นนะครับ คือ เปิดไดร์ไหนก็ได้ที่คุณต้องการสร้างห้องข้อมูล ในเครื่องคอมพ์ คลิกขวา เลือก New แล้าเลือก Folder ก็จะได้ห้องไฟล์ครับ แล้วเราค่อยไปเปลี่ยนชื่อห้องไฟล์เอานะครับ)
เอารูปทั้งหมดไว้ในห้อง images ก่อน แล้วเวลาจะแทรกภาพ ค่อยไปเลือกภาพจากในห้องไฟล์ images ครับ

..เกี่ยวกับห้องไฟล์ ก่อนที่เราจะสร้างเว็บไซต์นี่ เราสร้างห้องไฟล์ในเครื่องเราก่อน เช่น เว็บเกี่ยวกับหาเงิน เราอาจสร้างห้องไฟล์ชื่อว่า makemoney จะได้จำได้ง่าย ว่าห้องนี้ คือโฮมเพจที่เราเขียนเกี่ยวกับหาเงิน
..ขั้นตอนต่อไป เราสร้างห้องไฟล์ข้างใน ห้องไฟล์ makemoney ชื่อ ห้องไฟล์ images ไว้เก็บภาพต่างๆที่เราจะเอามาประกอบในเว็บ
..เปิดโปรแกรมเขียนโฮมเพจขึ้นมา แล้ว Save ก่อนเลยก็ได้ครับ Save เป็นชื่อ index.html ก่อนเลย แล้วเราค่อยมาเขียนข้อมูล และแทรกรูปภาพต่างๆ

เวลาเราจะแล้วเวลา save ไฟล์ เว็บไซต์ ก็ควรเอาไว้ใน


...ถ้าจะแทรก Table ก็ไปที่หัวข้อ Table ครับ เลือกสัดส่วนของตารางได้ตามใจชอบ
...ถ้าจะแทรกลิ้งค์ หน้าเว็บต่างๆ หรือแทรกเว็บต่างๆ ตัวอย่างเช่น อยากให้รูปที่เราแทรกไปนั้น สามารถคลิกแล้วไปยังเว็บอื่นได้
เราก็คลิกที่รูปภาพก่อน แล้วมาที่เมนู Windows เลือก Properties


ก็จะมี ช่องให้กรอก Link หรือเว็บที่เราต้องการทำไปถึง สำหรับ Target ถ้าเลือก _blank ก็เป็นการ เลือกว่า ถ้าคลิกที่รูปแล้ว จะเป็นการเปิดหน้าต่างใหม่ขึ้นมา สำหรับ ช่อง Alt คือช่องอธิบาย กำลังภาพ ว่าเป็นภาพเกี่ยวกับอะไร พอเขียนแล้ว เวลาเอาเม้าส์ชี้ที่รูป จะปรากฏ ข้อความอธิบายนั้นขึ้นมา

หรือจะทำตัวอักษร ให้คลิกลิ้งค์ได้ ก็ทำลักษณะคล้ายๆกัน เราต้องเอาเม้าส์ลากคลุมข้อความตัวอักษรนั้นก่อน
แล้วมาที่เมนู Windows เลือก Properties แล้วกทำลักษณะคล้ายๆกันครับ
ประมาณนี้แหละครับ เมนูต่างๆ ก็ลองเลือกเล่นดูครับ เขียนแล้ว ก็ Save แล้วก็ลองใช้โปรแกรมบาวเซอร์ท่องเว็บ เปิดดูไฟล์ index.html ของเรา ไปด้วยก็ได้ครับ

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

สำหรับเทคนิคอย่างละเอียด ของการเขียนเว็บไซต์ ด้วย Dreamweaver ลองค้นใน google.co.th ดูนะครับ ใช้คำว่า เขียนเว็บ dreamweaver

..มาว่ากันเรื่องการส่ง โฮมเพจ online ในเน็ต
ลองสมัคร ฟรีโฮสต่างๆดูนะครับ
เช่น http://www.100free.com
http://www.atspace.com
หรือ http://www.110mb.com
การขอโฮสฟรีเหล่านี้ ชื่อที่เราจะได้คือ ชื่อที่เราตั้งขึ้นมาตอนสมัคร ตามด้วย 100free.com ตามด้วย atspace.com หรือ ตามด้วย 110mb.com
เช่น http://visshop.100free.com เป็นต้น

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

ในความคิดผมแล้ว คิดว่า ระหว่าง ฟรีโฮสฟรีเว็บ กะ blog ของ google (blogger.com)
ควรใช้ blogger น่าจะดูน่าเชื่อถือมากกว่า ฟรีเว็บโฮสต่างๆ ..แต่ blog ก็มีลักษณะรูปแบบ จำกัด บางอย่างไม่สามารถทำเหมือนเว็บได้

หากจะจัดอันดับความน่าเชื่อถือในการทำสื่อเว็บไซต์ ผมจัดดังนี้

1. เว็บไซต์.com ดูน่าเชื่อถือที่สุด (เสียเงินในการจดเว็บไซต์+ค่าโฮส ราคาปีละ 1พัน - 2พัน กำลังพอดีครับ)
2. blog ของ google (blogger.com) ซึ่งเทคนิคการเขียน blog ดูในหัวข้อการเขียน blog นะครับ
3. ฟรีเว็บโฮสต่างๆครับ

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

เค้าก็จะให้ที่อยู่ ftp มา เช่น ftp.abc.com ให้ user และ พาสเวิร์ด ในการกรอก ในการใช้โปรแกรม ftp ส่งไฟล์เข้า
โปรแกรม ftp ที่ได้รับความนิยม และฟรี คือ FlieZilla โหลดมาใช้ฟรีครับ http://filezilla-project.org/download.php
ลองใช้ดูนะครับ เมนูต่างๆ จะมีให้เลือกภาษาไทยครับ


การเขียนเว็บไซต์ เพื่อทำธุรกิจ หรือเริ่มการทำ SEO ให้มีผู้เยี่ยมชมเยอะๆ

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

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


คงพอเข้าใจหลักการทำเว็บเพื่อ Make Money แล้วนะครับ
จากนั้นก็ทำ SEO ได้เลย ซึ่งรายละเอียดอยู่ในการทำ SEO หัวข้อ
SEO SCHOOL

การทำเว็บไซต์ สวยๆ

อันนี้ก็ไม่ยากเช่นกันครับ ปัจจุบันนี้มี template ฟรีมากมาย
template คืออะไร ? คือไฟล์ .html ที่มีผู้ออกแบบ เป็นโฮมเพจสวยๆไว้แล้ว
เรา search หาคำว่า template ฟรี แล้วดูว่ามีที่ไหนบ้างแจก template ฟรี
พอเราได้มาแล้ว เราก็ใช้โปรแกรมเขียนโฮมเพจ เปิดไฟล์ตัวนั้นขึ้นมา
แล้วปรังปรุงเปลี่ยนแปลง ข้อมูล ให้เป็นเนื้อหาของเราได้ตามต้องการ

        Home    |    About    |    Articles                    Copyright 2007-2009  -  MakeMoney-School.Com -  All rights reserved