Upload
maovkh
View
253
Download
2
Embed Size (px)
Citation preview
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