Orjix

www.RongRean.com

หลั�กสู�ตร สูรางเว็�บด้ว็ย HTML: Session ที่�� 1 ตอนที่�� 1

www.rongrean.com Orjix

Contents

เว็�บเพจคื�ออะไร1

คื�าศั�พที่ พ�!นฐานเก��ยว็ก�บการสูรางเว็�บเพจ

2

เว็�บเพจที่�างานได้อย#างไร3

ขั้�!นตอนการสูรางเว็�บไซต 4

เว็�บเพจคื�ออะไรเว็�บเพจ(webpage)

เอกสารที่�ใช้�ในการเผยแผ�ข้�อมู�ลและข้�าวสาร เช้�น ข้�อความู ภาพและเส�ยง ผ�านที่างเคร�อข้�ายอ�นเตอร เน!ต

ประโยชน ขั้องเว็�บเพจ ข้�าวและเหต#การณ์ ปั&จจ#บั)น ข้�อมู�ลความูร� �และห�องสมู#ด ปัระช้าส)มูพ)นธ์ บัร�ษั)ที่และองค กร ความูบั)นเที่�ง การเง�น การลงที่#น ซื้�.อ-ข้าย และบัร�การ ต�ดต�อส�อสาร และดาวน โหลดข้�อมู�ล

www.rongrean.com Orjix

คื�าศั�พที่ พ�!นฐานเก��ยว็ก�บการสูรางเว็�บเพจ

www.rongrean.com Orjix

ไคืลัเอนต เซ)ร ฟเว็อร (client-server) การต)ด้ต#อสู��อสูารบนเคืร�อขั้#ายอ)นเตอร เน�ต คื�อ สู#งแลัะร�บขั้อมู�ลั

เคืร�อขั้#ายใยแมูงมู.มู(www) บร)การร�ปแบบหน/�งในอ)นเตอร เน�ต หร�อ www เป0นการเร�ยก url

จากบราว็เซอร ขั้องเราเว็�บไซต (web site)

กลั.#มูขั้องหนาเว็�บ หร�อเว็�บหลัายๆหนารว็มูก�น โด้ยเร�ยกหนาแรกว็#า “โฮมูเพจ”

เว็�บบราว็เซอร แลัะเว็�บเซ)ร ฟเว็อร (web browser & web

server) เว็�บบราว็เซอร มู�หนาที่��ในการสู#งขั้อมู�ลัรองขั้อแลัะน�าเสูนอขั้อมู�ลัเว็�บ เว็�บเซ)ร ฟเว็อร เป0นที่��เก�บเว็�บเพจซ/�งบราว็เซอร จะไปรองขั้อขั้อมู�ลัมูา

โด้เมูนเนมู(Domain name) ใชแที่นการต)ด้ต#อบนอ)นเตอร เน�ตแบบ ip ซ/�งยาว็แลัะจ�ายากกว็#ามูาก

เว็�บเพจที่�างานได้อย#างไร

www.rongrean.com Orjix

dell

เคร�องคอมูข้องเราพ�มูพ ที่�อย��เว!บัเพจที่�จะเปั1ดด� และร�องข้อไปัย)งเคร�องเซื้�ร ฟเวอร

เว!บัเซื้�ร ฟเวอร ค�นหาไฟล เว!บัเพจที่�เคร�องผ��ใช้�ร�องข้อ

ไฟล เว!บัเพจที่�เก!บัไว�ที่�เซื้�ร ฟเวอร

เว!บัเซื้�ร ฟเวอร ส�งข้�อมู�ลไฟล เว!บัผ�านบัราวเซื้อร

1

2

3

ขั้�!นตอนการสูรางเว็�บไซต 1 .ก�าหนด้โคืรงร#างขั้องเว็�บไซต เปั4นการก5าหนดผ)งข้องเว!บัหร�อ

Site map หน�าโฮมูเพจ

แสดงส�นค�า สมู)ครสมูาช้�ก ข้�อมู�ลที่)วไปั

2. ก�าหนด้การเช��อมูโยงระหว็#างเว็�บเพจการก5าหนดให�เว!บัเพจแต�ละหน�าเช้�อมูโยงถึ8งก)น

3. ออกแบบเว็�บเพจแต#ลัะหนาภายในเว็�บไซต เปั4นการออกแบับัโครงสร�างข้องหน�าเว!บัเพจก�อนสร�างจร�งเพ�อความูสะดวกในการจ)ดเตร�ยมูร�ปัภาพหร�อส�วนปัระกอบัต�างๆข้องเว!บัเพจ

www.rongrean.com Orjix

4. สูรางเว็�บเพจแต#ลัะหนาหล)งจากวางร�ปัแบับัข้องเว!บัเพจแล�ว เราจ8งมูาเร�มูสร�างเว!บัเพจแต�ละหน�าให�ตรงตามูที่�เราต�องการรวมูถึ8งการน5าเสนอ ข้�อความู ภาพ เส�ยง และว�ด�โอ

5. ลังที่ะเบ�ยนขั้อพ�!นที่��เว็�บไซต ฟร�ส5าหร)บัเผยแพร�เว!บัไซื้ต ข้องเราส��เคร�อข้�ายอ�นเตอร เน!ต เพ�อให�คนอ�นๆสามูารถึเข้�าเย�ยมูช้มูได�

6. อ�พโหลัด้เว็�บไซต อ)พโหลดเว!บัไซื้ต ที่�เราสร�างข้8.นไปับันพ�.นที่�ที่�เราได�ข้อใช้�ในข้�อผ�านมูา

www.rongrean.com Orjix