Templates by BIGtheme NET
หน้าแรก / การสร้างเว็บไซต์ / เว็บไซต์ถูกเผยแพร่บนอินเตอร์เน็ตได้อย่างไร

เว็บไซต์ถูกเผยแพร่บนอินเตอร์เน็ตได้อย่างไร



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

HTML (Hypertext Markup Language)

เป็นภาษาที่ออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ

การสร้าง Web page โดยใช้ภาษา HTML สามารถทำโดยใช้โปรแกรม Text Editor ต่างๆ เช่น Notepad, EditPlus หรือจะอาศัยโปรแกรมที่เป็นเครื่องมือช่วยสร้างเว็บเพจ เช่น Microsoft FrontPage, Adobe Dreamweaver ซึ่งอํานวยความสะดวกในการสร้างหน้า HTML ในลักษณะ WYSIWYG (What You See Is What You Get) การเรียกใช้งานหรือทดสอบการทำงานของเอกสาร HTML จะใช้โปรแกรม Internet Web Browser เช่น Internet Explorer (IE), Mozilla Firefox, Chrome, Safari, Opera เป็นต้น

เรามาลองสร้างเว็บเพจง่ายๆ ดูกันค่ะ

1. เปิดโปรแกรม Notepad (คลิกที่ Start>Programs>Accesories>Notepad)

2. แล้ว copy code HTML ด้านล่าง  paste ลงไปใน Notepad

<html>
<body>
<h1>My website</h1>
<p>นี่เป็นการเขียนเว็บเพจครั้งแรกของฉัน</p>
</body>
</html>

firstwebpage

3. บันทึกไฟล์นี้ คลิกที่เมนู File > Save as … ตั้งชื่อไฟล์นี้ว่า webpage.html   ไว้บน Desktop

4.  จากนั้นไปที่ Desktop จะมีไฟล์ webpage.html ให้ Double Click เพื่อเปิดไฟล์นั้นขึ้นมา


แค่นี้เราก็ได้หน้าเว็บเพจแรกมาเชยชมกันแล้วค่ะ

แล้วทำอย่างไร ให้คนอื่นก็เห็นเว็บเพจเราได้ ?

เราต้องนำไฟล์เว็บเพจ (.html) ที่ได้สร้างเมื่อสักครู่ ไปไว้ในเครื่อง Web Server   ซึ่งมีทั้งแบบให้บริการฟรี และแบบเสียเงิน

1. ใช้บริการฟรี Web hosting ที่ให้พื้นที่สำหรับเก็บข้อมูลเว็บไซต์ของเราฟรี

ผู้ที่ให้บริการฟรีเว็บไซต์ เช่น
http://www.orgfree.com

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

Update: 01-04-2015 ต้องบอกว่าเดี๋ยวนี้หายากค่ะ ที่จะมีให้บริการฟรีพื้นที่สำหรับทำเว็บไซต์ (แบบตามใจฉัน) สมัยนี้จะเป็นในลักษณะของการสมัครสมาชิก แล้วเข้าไปใช้ระบบเว็บ/บล็อกสำเร็จรูปที่เตรียมไว้ เช่น wordpress.com, blogger.com เป็นต้น ถึงแม้เราจะใช้ระบบเว็บไซต์สำเร็จรูป ที่เราสามารถทำเนื้อหาใส่ข้อมูล รูปภาพ เหมือนตอนพิมพ์งานบนโปรแกรม Microsoft Word แต่เบื้องหลังแล้วระบบเหล่านั้น จะเก็บค่าเป็น tag ภาษา HTML ค่ะ

.
2. เช่า Web hosting และจด Domain name เอง

Web hosting คือ การให้บริการเช่าพื้นที่ หรือ รับฝากข้อมูลของเว็บไซต์เรา บนเครื่อง Web server ของผู้ให้บริการ

Domain name ก็คือชื่อเว็บไซต์ของเรา

(สำหรับเรื่องการเช่า Web hosting และการจด Domain name จะได้พูดถึงในหัวข้อต่อๆ ไป)

ข้อดี คือ เราสามารถตั้งชื่อเว็บไซต์ของเราเองได้ เช่น enjoyday.net, sanook.com ได้ email account เป็นชื่อเว็บของเรา เช่น admin@enjoyday.net

เมื่อมี Web hosting แล้ว เราก็ upload ข้อมูลเว็บเพจที่เราสร้าง จากเครื่องคอมพิวเตอร์ของเราไปยังเครื่อง Web Server

.

วิธีการ upload ไฟล์ข้อมูลไปเครื่อง Web Server

ถ้าเราใช้บริการ Free Web hosting ทางผู้ให้บริการอาจจะมีหน้า File management ให้เราเลือก browse file จากเครื่องคอมเรา (คล้ายการแนบไฟล์เวลาส่งอีเมล์ หรือ ในเว็บบรอดต่างๆ) หรือยอมให้เราใช้โปรแกรม FTP ในการ upload file ซึ่งจะสะดวกมากกว่า

ส่วนถ้าเช่า Web hosting เสียเงิน สามารถใช้โปรแกรม FTP ได้แน่นอนค่ะ

ตัวอย่างการใช้งานโปรแกรม FTP “FileZilla”  เพื่อ upload ไฟล์จากในเครื่องคอมพิวเตอร์ของเรา ไปยังเครื่อง Web Server

ด้านซ้ายเป็นไฟล์ที่อยู่ในเครื่องคอมพิวเตอร์ของเรา ส่วนด้านขวาเป็นไฟล์บนเครื่อง Web Server ซึ่งสามารถเรียกดูบนอินเตอร์เน็ตได้ค่ะ

FTP Program

เมื่อ upload ไฟล์เว็บเพจของเราเสร็จเรียบร้อย เท่านี้เราก็เรียกดูเว็บไซต์ของเราผ่านโปรแกรมเว็บเบราเซอร์ เช่น IE หรือ Firefox ได้แล้วค่ะ  โดยพิมพ์ชื่อเว็บไซต์ (domain name) ที่เราได้จดทะเบียนเอาไว้ ตามด้วย path ของชื่อไฟล์ ที่เก็บอยู่บน Web Server เช่น http://www.test.com/webtutorial/index.html เป็นต้น

สำหรับบทนี้แค่อยากให้รู้กระบวนการในการสร้างเว็บไซต์ (อย่างย่อ) รายละเอียดต้องศึกษากันต่อไปค่ะ

Last Update: 01-04-2015

คุณอาจสนใจเรื่องนี้

build-website

ขั้นตอนการสร้างเว็บไซต์

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

6 ความคิดเห็น

  1. คือเราสามาีีุึรถทำเวปsever ที่บ้าน แล้วเราสร้าง blog แล้วให้มี link มาอ่าน webpage ที่บ้านเราได้หรือไม่ครับ คืออยากลองทำดูอะครับ

  2. ติดตั้ง web server ในเครื่องเราได้เลยค่ะ เช่น iis หรือ apache แล้วทีนี้บอก ip ของเครื่องเราให้เพื่อนทราบเวลาจะ connect เข้ามา

    หรือสมัคร http://www.no-ip.com/ เพื่อ map ชื่อโดเมนเรามายังเครื่องเรา

    อ่านรายละเอียดที่เว็บอื่นนะคะ

    http://www.whosell.com/talk/showthread.php?t=1920
    http://www.adslthailand.com/forum/viewtopic.php?f=11&t=5501&start=25

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

  3. เป็นบทความที่ดีมากครับ ปกติใช้ cms แต่แก้ code ไม่เป็น ต้องมาขอเก็บศึกษาเพื่อปรับแต่งหน้าเวบครับ

  4. เ็ป็นบทความที่ยอดเยี่ยมมากครับผม

  5. เป็นประโยชนต่อเด็กไอที ที่เพิ่งศึกษามากๆๆๆเลยครับ

    เป็นกำลังใจให้นะครับ ดูตลอดเลยเว็บนี้ อิอิ

  6. เช่าเว็บโฮสติ้งเลย ก็ง่ายนะครับ สำเร็จรูปไปเลย แล้วแต่วัตถุประสงค์ของเราที่จะใช้ครับ

Leave a Reply

Your email address will not be published. Required fields are marked *