ใบงานที่ 2 บริการบนเครือข่ายอินเตอร์เน็ต

1. เวิลด์ไวด์เว็บ (WWW) เวิลด์ไวด์เว็บ หรือเครือข่ายใยแมงมุม เหตุที่เรียกชื่อนี้เพราะว่าเป็นลักษณะของการเชื่อมโยงข้อมูล จากที่หนึ่งไปยังอีกที่หนึ่งเรื่อยๆ เวิลด์ไวด์เว็บ เป็นบริการที่ได้รับความนิยมมากที่สุด ในการเรียกดูเว็บไซต์ต้องอาศัยโปรแกรมเว็บเบราว์เซอร์ (web browser) ในการดูข้อมูล เว็บเบราว์เซอร์ที่ได้รับความนิยมใช้ในปัจจุบัน เช่น โปรแกรม Internet Explorer (IE) , Netscape Navigator




2. บริการโอนย้ายไฟล์ (File Transfer Protocol) เป็นบริการที่เกี่ยวข้องกับการโอนย้ายไฟล์ผ่านระบบอินเทอร์เน็ต การโอนย้ายไฟล์สามารถแบ่งได้ดังนี้ คือ

     2.1. การดาวน์โหลดไฟล์ (Download File ) การดาวน์โหลดไฟล์ คือ การรับข้อมูลเข้ามายังเครื่องคอมพิวเตอร์ของผู้ใช้ ในปัจจุบันมีหลายเว็บไซต์ที่จัดให้มีการดาวน์โหลดโปรแกรมได้ฟรีเช่น www.download.com


     2.2. การอัพโหลดไฟล์ (Upload File) การอัพโหลดไฟล์คือการนำไฟล์ข้อมูลจากเครื่องของผู้ใช้ไปเก็บไว้ในเครื่องที่ให้บริการ (Server) ผ่านระบบอินเทอร์เน็ต เช่น กรณีที่ทำการสร้างเว็บไซต์ จะมีการอัพโหลดไฟล์ไปเก็บไว้ในเครื่องบริการเว็บไซต์ (Web server ) ที่เราขอใช้บริการพื้นที่ (web server) โปรแกรมที่ช่วยในการอัพโหลดไฟล์เช่น FTP Commander


3 บริการกระดานข่าวหรือ เวบบอร์ด (Web board)เว็บบอร์ด เป็นศูนย์กลางในการแสดงความคิดเห็น มีการตั้งกระทู้ ถาม-ตอบ ในหัวข้อที่สนใจ เว็บบอร์ดของไทยที่เป็นที่นิยมและมีคนเข้าไปแสดงความคิดเห็นมากมาย คือ เว็บบอร์ดของพันธ์ทิพย์ (www.pantip.com)



แหล่งอ้างอิง 1. https://sites.google.com/site/bookjanaka/khxmul-nakreiyn

Course Outline ง32202

ใบงานที่1 เรื่องอินเตอร์เน็ต

ใบงานที่ 1 เรื่อง อินเตอร์เน็ต

1. อินเตอร์เน็ต หมายถึงอะไร?

ตอบ  เครือข่ายคอมพิวเตอร์นานาชาติที่มีสายตรงต่อไปยังสถาบันหรือหน่วยงานต่าง ๆ เพื่ออำนวยความสะดวกให้แก่ผู้ใช้รายใหญ่ทั่วโลก ผ่านโมเด็ม modem คล้ายกับ Compuserve ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้ทางไปรษณีย์อิเล็กทรอนิกส์ e-mail สามารถสืบค้นข้อมูลและสารสนเทศ รวมทั้งคัดลอกแฟ้มข้อมูล และโปรแกรมบางโปรแกรมมาใช้ได้ อย่างไรก็ตาม มีผู้เปรียบเทียบว่า อินเทอร์เน็ตเป็นเหมือนทางหลวงระหว่างประเทศ แต่ละประเทศจะต้องมีถนนเข้ามาเชื่อมต่อเข้าไปในประเทศ กล่าวคือ จะต้องมีเครือข่ายภายในรับช่วงต่ออีกทอดหนึ่ง เช่น ไทยมี Chulanet KSC Infonews เป็นต้น มิฉะนั้นก็จะใช้ไม่ได้ผล ที่มา คำศัพท์คอมพิวเตอร์ ดูข้อมูลคำศัพท์เพิ่มเติมที่

2.ประวัติความเป็นมาของ อินเตอร์เน็ต

ตอบ  ในปี พ.ศ. ๒๕๐๐ ประเทศรัสเซียส่งดาวเทียมขึ้นสู่อวกาศได้สำเร็จ กระทรวงกลาโหมของสหรัฐอเมริกาจึงได้รับรู้ว่า เทคโนโลยีชั้นสูงของประเทศยังล้าหลังกว่าของรัสเซีย ซึ่งส่งผลให้เกิดการตื่นตัว ที่จะพัฒนาเทคโนโลยีชั้นสูง รัฐบาลสหรัฐอเมริกาโดยกระทรวงกลาโหม จึงก่อตั้งหน่วยงานวิจัยชั้นสูงที่ชื่อว่า Advanced Research Projects Agency หรือที่รู้จักกันในนามของ ARPA
ต่อมา ในปี พ.ศ. ๒๕๐๘ ARPA ได้ให้ทุนแก่มหาวิทยาลัยของสหรัฐอเมริกา เพื่อการทำวิจัยในหัวข้อเรื่อง เครือข่ายการทำงานร่วมกันของคอมพิวเตอร์แบบแบ่งเวลา (Cooperative network of Time-Shared Computers) หลังจากนั้นอีก ๓ ปี กระทรวงกลาโหมก็ได้สนับสนุนโครงการวิจัยเครือข่ายคอมพิวเตอร์ ที่ชื่อว่า ARPANET จนกระทั่งในปี พ.ศ. ๒๕๑๒ โครงการ ARPANET ได้เชื่อมโยงคอมพิวเตอร์ของมหาวิทยาลัย ๔ แห่ง เข้าด้วยกัน
ในปี พ.ศ. ๒๕๑๔ เครือข่าย ARPANET ขยายใหญ่ขึ้น และสามารถเชื่อมโยงคอมพิวเตอร์ของมหาวิทยาลัยต่างๆ ได้ถึง ๒๓ เครื่อง

3.ประเภทของการเชื่อมต่ออินเตอร์เน็ต มีอะไรบ้าง

ตอบ   5 ลักษณะ คือ
1. การเชื่อมต่อแบบ Dial Up
2. การเชื่อมต่อแบบ ISDN(Internet Services Digital Network)
3. การเชื่อมต่อแบบ DSL(Digital Subscriber Line)
4. การเชื่อมต่อแบบ Cable
5. การเชื่อมต่อแบบดาวเทียม (Satellites)

ทดสอบกลางภาค นายภานุวัมน์ แป้นกลาง ม.5/2 6

ทดสอบกลางภาค from The'King NuZa

ใบงานที่ 10 รูปแบบของคำสั่ง HTML

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

1. สิ่งที่ต้องการนำเสนอ ผู้พัฒนาจะต้องเตรียมข้อมูลต่างๆ ที่ต้องการนำมาเสนอลงบน Webpage โดยผู้พัฒนาอาจสร้างทีมงานขึ้นมาและแบ่งหน้าที่ในการทำงาน เช่น การหาข้อมูลข่าวสาร, การแบ่งหน้าที่ในการเขียน HTML รวมไปถึงการ Update ข้อมูลบนเว็บ เป็นต้น

2. สร้างโครงร่างคร่าวๆ ลงในกระดาษ ผู้พัฒนาควรวาดโครงร่างรูปแบบของ Webpage คร่าวๆลงในกระดาษก่อนเพื่อดูรูปแบบโดยรวมแบบกว้างๆ ของหน้าจอเรา ว่าควรจะมีโครงสร้างแบบไหน ใช้รูปภาพและข้อความอะไร วางไว้ตำแหน่งไหนบนหน้าจอบ้าง

3. เริ่มเขียน Webpage เริ่มต้นเขียน Webpage โดยภาษาที่ถนัด โดยทั่วไปเราจะใช้ภาษา HTML ในการเขียน ส่วนในการกำหนดลูกเล่น หรือใช้ระบบฐานข้อมูลบนเว็บเราอาจจะใช้ภาษา Scriptเข้ามาช่วย เช่น Java, CGI, Perl, PHP, ASP ฯลฯ เพราะ มาตรฐานของภาษา HTML นั้นไม่สามารถจัดการฐานข้อมูลได้

4. นำ Webpage ขึ้นไปวางบน Server ในส่วนนี้เจ้าของ Server จะเป็นผู้จัดการวางไฟล์ต่างๆ ที่ได้สร้างเรียบร้อยแล้วไว้บน Server เพื่อเปิดให้ผู้บริการให้ผู้สนใจเข้าชม

รูปแบบคำสั่งพื้นฐาน

โครงสร้างพื้นฐานของภาษา HTML จะมีรูปแบบ ดังนี้
<HTML>
<HEAD>
ชุดคำสั่งต่างๆ
</HEAD>
<BODY>
ชุดคำสั่งต่างๆ
</BODY>
</HTML>

1. จะเห็นว่าทุกคำสั่งจะมีคำสั่งเปิด <…> และคำสั่งปิด </…> เสมอ นี่เป็นสิ่งสำคัญที่ผู้เขียนเว็บนั้นจะลืมไม่ได้คือ เมื่อเปิดคำสั่งแล้วต้องมีคำสั่งปิดเสมอ
2. การใช้อักษรภาษา HTML นั้นจะสามารถใช้ได้ทั้งตัวใหญ่หรือตัวเล็กก็ได้ เช่น <HTML> หรือ <html> เป็นต้น
3. การใส่รายละเอียดหรือข้อมูลต่อท้ายคำสั่งย่อยนั้นต้องมีเครื่องหมาย “....” เสมอ เช่น <body background= “green”> เป็นต้น
4. คำสั่งย่อยๆ นั้นจะอยู่ภายใน <…> ของคำสั่งหลักเสมอ เช่น <FONT size= “2”>
ต่อไปเป็นการอธิบายความหมายและการใช้คำสั่งต่างๆของภาษา HTML ในที่นี้ผมจะอธิบายแต่คำสั่งที่สำคัญๆ ที่ส่วนใหญ่ต้องใช้ประโยชน์จริงๆนะครับ และในส่วนที่เป็นสีแดงในรายละเอียดด้านล่างนั้นเป็นตัวอย่างที่ผู้เขียนสามารถเปลี่ยนได้ครับ และคำสั่งของภาษา HTML นั้น ในที่นี้ผมจะเรียกว่า “แท็ก” นะครับ

 

1.	<H..>   message   </H..>	การกำหนดหัวเรื่อง
2	message   <BR>	ขึ้นบรรทัดใหม่
3.	<P>   message   </P>	ขึ้นย่อหน้าใหม่
4.	<blockquote> message </blockquote>	บล็อคข้อความ
5.	<CENTER>   message   </CENTER>	จัดให้อยู่กึ่งกลาง

ใบงาน 9 ความหมายของ HTML

ความหมายของ HTML

HTML (Hyper Text Markup Language) เป็นภาษามาตรฐานสากลที่ใช้นำเสนอข้อมูลแบบผสมผสานในการสื่อสารแบบ World-Wide-Web :WWW ( Web) ซึ่งเป็นการเชื่อมต่อเครือข่ายของเครื่องคอมพิวเตอร์ทั่วโลก (Internet) รูปแบบหนึ่ง ข้อมูลในรูปแบบต่างๆ ไม่ ว่าจะเป็นข้อความ รูปภาพ เสียง ภาพเคลื่อนไหว หรือ อื่นๆ จะถูกเชื่อมโยงเข้าหากัน ด้วยชุดคำสั่งต่างๆ เพื่อให้แสดงผลออกมาคล้ายกับ สิ่งพิมพ์ สไลด์ หรือ แบบมัลติมีเดีย ซึี่่งเป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล ของเว็บได้ด้วยHTML เป็นภาษาที่ถูกพัฒนาโดย World Wide Web Consortium (W3C) จากแม่แบบของภาษา SGML (Standard Generalized Markup Language) โดยตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจและเรียนรู้ได้ง่าย และด้วยประเด็นดังกล่าว ทำให้บริการ WWW เติบโตขยายตัวอย่างกว้างขวางตามไปด้วย Tag

Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือTag เดี่ยวเป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น
Tag เปิด/ปิด
เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash
( / ) นำหน้าคำสั่งใน Tag นั้นๆ เช่น <B>…</B>, <BLINK>…</BLINK> เป็นต้น

องค์ประกอบของภาษา HTML

เอกสาร html จะมีองค์ประกอบหลักๆ อยู่ 2 ส่วน คือ

· ข้อความที่ต้องการให้แสดงบนจอภาพ

· ข้อความที่เป็นคำสั่ง

โดยคำสั่งในเอกสาร html นี้จะเรียกว่า แท็ก (Tag) โดยแท็กจะต้องขึ้นต้นด้วย < ตามด้วย ชื่อแท็ก ปิดท้ายด้วย > ดังนี้<Tag name>ซึ่งจะเรียกว่า แท็กเปิดแล้วจะต้องปิดท้ายข้อความด้วยแท็กปิด ซึ่งจะมีลักษณะดังนี้ </Tag name>เรามาดูรูปแบบเต็ม ๆ กัน

ใบงานเรื่อง Flowchart

flowchart ผังงาน from The'King NuZa