อินเทอร์เน็ต
Post on 14-Mar-2016
25 Views
Preview:
DESCRIPTION
Transcript
อนเทอรเนตอนเทอรเนต ( Internet ) หมายถง
ระบบเครอขายคอมพวเตอรทเชอมโยงกนทวโลกจนเปนเครอขายคอมพวเตอรขนดใหญ ซงคำาวาอนเทอรเนตมาจากคำาวา “ Inter Connection Network”โดยเครองคอมพวเตอรทกเครองทเชอมตอเขากบระบบเครอขายอนเทอรเนตนนสามารถตดตอสอสารถงกนได โดยใชมาตรฐานในการรบสงขอมลหรอทเรยกวา Protocol
ความสำาคญของอนเทอรเนตปจจบนระบบอนเทอรเนตนนม
ความสำาคญตอชวตประจำาวนมากมายหลายดาน ไมวาจะเปนดานการศกษา ดานธรกจ ดานการแพทยและอนๆ สามารถอธบายไดพอสงเขป เชนทางการแพทย ทางวศวกรรมศาสตร ทางดาราศาสตร และอนๆ ทนาสนใจนกศกษาคดวาระบบเทอรเนตเปรยบเสมอนอะไร
ระบบชอโดเมนระบบชอโดเมน ( Domain Name
System ) หมายถงระบบของชอทใชเรยกแทนการเรยกหมายเลขอนเทอรเนตหรอหมายเลขไอพ ( IP Address ) เนองจากหมายเลขไอพมความยงยาก จงไดมการพฒนาเอาระบบชอทเปนตวอกษรมาใชแทนหมายเลขไอพ เพอใหการใชงานระบบเครอขายอนเทอรเนตเปนไปไดอยางสะดวกยงขน เชนเวบไซตของสถาบนเทคโนโลยราชมงคล มหมายเลขไอพคอ 202.44.130.164 ชงยากตอการจดจำา แตจะใชชอโดเมนเรยกแทนเปน www.rit.ac.th เพอใหงายตอการจดจำา
ภาษาเอชทเอมแอลภาษาเอชทเอมแอล ( Hyper Text
Markup Language: HTML ) เปนภาษาคอมพวเตอรภาษาหนง เพอใชนำาเสนอเอกสารเผยแพรในระบบเครอขายอนเทอรเนตทเปนลกษณะเหมอนใยแมงมมทเชอมตอกนทวโลก www โครงสรางการเขยนภาษานนจะอาศยตวกำากบเรยกวา แทก ( Tag ) หรอปายระบการแสดงผล เปนตวควบคมการแสดงผลของขอความรปภาพ หรอวตถอนทแสดงผลผานทางโปรแกรมเบราวเซอร ( Browser )
ปายระบการแสดงผลปายระบการแสดงผลหรอ แทก เปนลกษณะเฉาะ
ของภาษาเอชทเอมแอล ใชสำาหรบการระบรปแบบของาคำาสงหรอการลงรหสคำาสงของภาษาเอชทเอมแอล ซงจะอยระหวางเครองหมายนอยกวา ( < ) และเครองหมายมากกวา ( > ) โดยทปายระบการแสดงผลหรอ แทก ของภาษาเอชทเอมแอลน สามารถแบงได 2 ลกษณะคอ
1 .ปายระบการแสดงผลเดยวหรอแทกเดยว เปนปายระบการแสดงผลทไมตองมการปดรหส เชน <p> ,<hr>เปนตน
2. ปายระบการแสดงผลเปด/ปดหรอแทกเปด/ปด เปนปายระบการแสดงทประกอบดวยปายระบการแสดงผลเปดหรอแทกเปด และปายระบการแสดงผลปดหรอแทกปด โดยปายระบการแสดงผลปดจะมเครองหมาย สแลช ( slash , / ) เชน <h1>…</h1> , <b>…</b>
โปรแกรมสรางเอกสารเวบ
ภาษาเอชทเอมแอล ซงมลกษณะเหมอนกบการเขยนโปรแกรมภาษาคอมพวเตอรทวไป ซงอาจสรางโดยใชโปรแกรมสำาหรบจดการเกยวกบแฟมขอความตวอกษร ( Text Editor ) เชนโปรแกรม Notepad ในปจจบนมโปรแกรมสำาหรบใชเปนเครองมอในการชวยพฒนาเวบเพจ มากมาย ทงแบบชวยลงรหสภาษาเอชทเอมแอล และแบบสรางเวบเพจ แบบอตโนมต
ลกษณะโครงสรางของเวบเพจ
1 .แสดงโครงสรางของเวบเพจแบบสำาดบชน
2. แสดงโครงสรางของเวบเพจแบบเชงเสน
3. แสดงโครงสรางของเวบเพจแบบผสม
4. แสดงโครงสรางของเวบเพจเพอนำาเสนอความรเกยวกบคอมพวเตอร
การจดเตรยมภาพทเกยวของกบเนอหาเวบ
แฟมขอมลรปภาพทนำามาใชในการทำาเวบนน ปจจบนนยมใชอย 2 รป• ไฟลฟอรแมต JPEG•ไฟลฟอรแมต GIF
การกำาหนดโฟลเดอรสำาหรบเกบขอมล
คลกขวา เลอกNew > เลอก Folder > แลวตงชอ Folder วา HTML
โครงสรางของเอกสารเอชทเอมแอล
โครงสรางของเอกสารเอชทเอมแอลนนจะประกอบดวย 2 สวนคอสวนหวของเอกสาร (Head Section) และสวนเนอหาของเอกสาร (Body Section)
โครงสราง HTML<HTML><HEAD>
<TITLE>ชอเรองของเอกสาร</TITLE></HEAD>
<BODY>เอกสาร HTML เอกสารแรก
</BODY></HTML>
การกำาหนดสของพนหลง
<HTML><HEAD>
<TITLE>การกำาหนดสของพนหลงเอกสาร</TITLE></HEAD>
<BODY BGCOLOR = Red >เอกสาร HTML เอกสารแรก
</BODY></HTML>
การกำาหนดสของพนหลง
<HTML><HEAD>
<TITLE>การกำาหนดสของพนหลงเอกสาร</TITLE></HEAD>
<BODY BGCOLOR = #00FFFF >เอกสาร HTML เอกสารแรก
</BODY></HTML>
การกำาหนดสของพนหลง
<HTML><HEAD>
<TITLE>การกำาหนดสของตวอกษร</TITLE></HEAD>
<BODY TEXT = Blue>เอกสาร HTML เอกสารแรก
</BODY></HTML>
การกำาหนดสของพนหลง
<HTML><HEAD>
<TITLE>การกำาหนดสของตวอกษร</TITLE></HEAD>
<BODY TEXT = #FF00FF>เอกสาร HTML เอกสารแรก
</BODY></HTML>
การกำาหนดสของพนหลงและตวอกษร
<HTML><HEAD>
<TITLE>การกำาหนดสของพนหลงและตวอกษร</TITLE></HEAD>
<BODY BGCOLOR=Yellow TEXT = #FF00FF>
เอกสาร HTML เอกสารแรก</BODY></HTML>
ขนาดของตวอกษร <HTML><HEAD>
<TITLE>ขนาดของตวอกษร</TITLE></HEAD>
<BODY ><H1>ขอความหวเรองระดบ
H1</H1><H2>ขอความหวเรองระดบ
H2</H2> <H3>ขอความหวเรองระดบ
H3</H3><H4>ขอความหวเรองระดบ
H4</H4><H5>ขอความหวเรองระดบ
H5</H5><H6>ขอความหวเรองระดบ
H6</H6></BODY></HTML>
จดตวอกษร <HTML><HEAD>
<TITLE>จดตวอกษร</TITLE></HEAD>
<BODY >ตวอกษรปรกต<H2 ALIGN=Center>ขอความH2 จด
กงกลาง</H2><H3 ALIGN=right> ขอความH3 จด
ขวา</H3><H4 ALIGN=left> ขอความH4 จด
ซาย</H4></BODY></HTML>
การขนบรรทดใหมการขนบรรทดใหมการแสดงผลดวยโปรแกรมเวบเบราวเซอรนน การขน
บรรทดใหมดวยการกดปม Enter ทแปนพมพเพอขนบรนรทดใหม ในเอกสารเวบทเปนภาษาเอชทเอมแอลใช <BR><HTML>
<HEAD><TITLE>จดตวอกษร</
TITLE></HEAD><BODY >
กอนการใชคำาสง BRบรรทดท1บรรทดท2บรรทดท3
<BR>การใชคำาสง BR <BR>บรรทดท1 <BR>บรรทดท2 <BR>บรรทดท3 <BR>
</BODY></HTML>
การยอหนาใหมการยอหนาใหมการใชคำาสงนคอเมอตองกานขนบรรทด
ใหมเหมอนกบคำาสง <BR>แตจะทการเวนบรรทดใหมเพมขนใหอกหนงบรรทด โดยคำาสง <P>นนสามารถใชไดทงแบบทเปนปายระบเดยวและปายระบเปด/ปดกได โดยหากตองการกำาหนดลกษณพเศษเพมเตมจะตองใชในลกษณะของปายระบปายเปด/ปดเทานน ตวอยางคอ <P “align= type”>….</P> โดย align type นนสามารถใชไดทง center , left หรอ right
<HTML><HEAD>
<TITLE>แสดงคำาสงการจดยอหนา</TITLE></HEAD><BODY ><p> การใชคำาสง P คอเมอตองการขนบรรทดใหมเหมอนกบคำาสงBR แตจะทำาการเวนบรรทดใหมเพมขนใหอหนงบรรทด</P><P align = center>การใชคำาสง P คอเมอตองการขนบรรทดใหมเหมอนกบคำาสงBR แตจะทำาการเวนบรรทดใหมเพมขนใหอกหนงบรรทด</P><P align = right>การใชคำาสงน P เมอตองการขนบรรทดใหมเหมอนกบคำาสงBR แตจะทำาการเวนบรรทดใหมอหนงบรรทด</P></BODY></HTML>
เสนคนการใชงานคำาสงนเมอตองการ
แบงขอความบนจอภาพ โดยใชเสนคนทางแนวนอนนของจอภาพซงสามารถหนดตำาแหนง ส ขนาดของความหนา ความยาว หรอกำาหนดแบบเสนทบได โดยมรปแบบการใชงานคำาสงดงน
คำาสงเสนคำาสงเสน
คนคน<HTML><HEAD>
<TITLE>คำาสงเสนคนHTML</TITLE></HEAD><BODY ><HR><HR width=200><HR width=100 align=center><HR width=100 align=right size=10><HR noshade><HR width=200 align=center noshade size=15><HR color=blue size=10><HR color=red size=10 width = 300 noshade></BODY></HTML>
การจดรปแบบตวอกษรการจดรปแบบตวอกษร ( ( ตวหนา ตวหนา ))<HTML>
<HEAD><TITLE>การกำาหนดตวอกษรตว
หนา</TITLE></HEAD><BODY >
ตวอกษรปรกต<B> ตวอกษรตวหนา </B></BODY></HTML>
การจดรปแบบตวอกษรการจดรปแบบตวอกษร ((ขดเสนใตขดเสนใต))<HTML>
<HEAD><TITLE>การกำาหนดตวอกษรตวขดเสน
ใต</TITLE></HEAD><BODY >
ตวอกษรปรกต<U> ตวอกษรตวขดเสนใต </U></BODY></HTML>
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( เอยงเอยง )) <HTML>
<HEAD><TITLE>การกำาหนดตวอกษรตว
เอยง</TITLE></HEAD><BODY >
ตวอกษรปรกต<I> ตวอกษรตวเอยง</I></BODY></HTML>
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( ตวหอยตวหอย )) <HTML>
<HEAD><TITLE>การกำาหนดตวอกษรตว
หอย</TITLE></HEAD><BODY >
ตวอกษรปรกต<SUB> ตวอกษรตวหอย</ SUB ></BODY></HTML>
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( ตวยกตวยก )) <HTML>
<HEAD><TITLE>การกำาหนดตวอกษรตวยก</
TITLE></HEAD><BODY >
ตวอกษรปรกต<SUP> ตวอกษรตวยก</ SUP></BODY></HTML>
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( ตวตวเคลอนทเคลอนท ))
<HTML><HEAD>
<TITLE>กำาหนดตวอกษรตวเคลอนทขวามาซาย</TITLE></HEAD><BODY >
ตวอกษรปรกต<MARQUEE> ตวอกษรตวเคลอนทขวามาซาย</MARQUEE></BODY></HTML>
งานท8
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( ตวตวเคลอนทเคลอนท ))
<HTML><HEAD>
<TITLE>กำาหนดตวอกษรตวเคลอนซายไปขวา</TITLE></HEAD><BODY >
ตวอกษรปรกต<marquee direction="right">ตวเคลอนซายไปขาว</marquee></BODY></HTML>
งานท9
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( ตวตวเคลอนทเคลอนท ))
<HTML><HEAD>
<TITLE>กำาหนดตวอกษรตวเคลอนตวลางขนบน</TITLE></HEAD><BODY >
ตวอกษรปรกต<marquee direction="up">ตวลางขนบน</marquee></BODY></HTML>
งานท 10
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( ตวตวเคลอนทเคลอนท ))
<HTML><HEAD>
<TITLE>กำาหนดตวอกษรตวเคลอนบนลงลาง</TITLE></HEAD><BODY >
ตวอกษรปรกต<marquee direction="down">ตวบนลงลาง</marquee></BODY> </HTML>
งานท11
การจดรปแบบตวอกษร การจดรปแบบตวอกษร (( ตวตวเคลอนทเคลอนท ))
<HTML><HEAD>
<TITLE>การกำาหนดตวอกษรตวเคลอนทเดงไปเดงมา</TITLE></HEAD><BODY >
ตวอกษรปรกต<Br><marquee behavior="alternate">เดงไปเดงมาtext</marquee></BODY></HTML>
งานท12
การกำาหนดฟอนตของตวอกษร
<HTML><HEAD>
<TITLE>font face</TITLE></HEAD><BODY >
ตวอกษรปรกต<BR><Font Face =“MS Sans Serif”> ตวอกษร Ms sans Serif </Font><BR><Font Face =“Times New Roman”> ตวอกษร Times New Roman </Font><BR></BODY></HTML>
กำาหนดสของตวอกษร<HTML><HEAD>
<TITLE>กำาหนดสของตวอกษร</TITLE></HEAD><BODY >
ตวอกษรปรกต<BR><FONT color=“red”>สแดง</FONT><BR><FONT color=“green”>สเขยว</FONT><BR><FONT color=“blue”>สนำาเงน</FONT><BR><FONT color=“#9935a5”>รหสส</FONT><BR><FONT color=“#005599”>รหสส</FONT><BR></BODY></HTML>
top related