Orjix

www.RongRean.com

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

www.rongrean.com Orjix

Contents

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

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

2

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

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

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

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

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

www.rongrean.com Orjix

Orjix

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

www.rongrean.com

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

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

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

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

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

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

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

Orjix

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

www.rongrean.com

dell

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

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

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

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

1

2

3

Orjix

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

1 .ก�าหนด้โครงร%างขั้องเว็�บไซต" เปั3นการก4าหนดผ)งข้องเว!บัหร�อ Site map

หน�าโฮมูเพจ

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

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

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

www.rongrean.com

Orjix

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

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

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

www.rongrean.com