ใบงานที่ 2 ให้นักเรียนตอบคำถามต่อไปนี้

1.เว็บเบราเซอร์ (web browser) หมายถึง อะไร

สรุปจากคำอธิบายศัพท์คำนี้อย่างสั้นๆ ก็จะได้ว่า “บราวเซอร์” ย่อมาจากคำเต็มว่า “เว็บบราวเซอร์” ซึ่งหมายถึง แอพพลิเคชัน (ซอฟต์แวร์ประยุกต์ที่พัฒนาขึ้นมา เพื่อใช้งานเฉพาะทาง) ที่ใช้สำหรับสืบค้น(browse) และแสดงหน้าเว็บ (webpage) ต่างๆ ที่อยู่ในเว็บเซิร์ฟเวอร์บนอินเทอร์เน็ต โดยบราวเซอร์ยอดนิยมจะมีอยู่ 2 ตัวด้วยกันคือ Internet Explorer และ Firefox ซึ่งบราวเซอร์พวกนี้จะสามารถแสดงผลหน้าเว็บที่จัดทำออกมาในรูปแบบของมัลติมี เดีย (ข้อความ ภาพ เสียง และวิดีโอ) ได้อย่างสมบูรณ์

หลายคนยังไม่เข้าใจ หรือรู้จักคำว่า Browser ทั้งๆ ที่อยู่ใกล้ตัว หรือใช้งานอยู่ทุกวัน บางคนยังคิดว่า มันคือ Google หรือ Search (เพราะคำว่า “ค้นหา” ความหมายใกล้เคียงกับคำว่า สืบค้น(browse)) บ้างก็ไม่รู้จัก Chrome ทั้งๆ ที่เพิ่งยิงโฆษณาทางทีวีไปแล้วด้วยซ้ำ เรื่องนี้สะท้อนให้เห็นว่า บ่อยครั้งที่พวกเรามักจะคิดไปเองว่า เข้าใจเรื่องต่างๆ รอบตัวดีแล้ว แต่พอถูกถามถึงเรื่องใกล้ตัวส่วนใหญ่ก็จะอึ้งไปตามกัน ไม่รู้จะตอบอย่างไรดี

2. การทำงานของเว็บเบราว์เซอร์

คนส่วนใหญ่เข้าใจว่าอินเทอร์เน็ต กับ WWW คือสิ่งเดียวกัน แต่แท้ที่จริงแล้ว WWW เป็นเพียงบริการหนึ่งของอินเทอร์เน็ตเท่านั้น อินเทอร์เน็ตยังมีบริการอื่นๆ อีกด้วย

การทำงานของบริการ WWW นี้จะมีลักษณะเช่นเดียวกันกับบริการอื่นๆ ของอินเทอร์เน็ต คืออยู่ในรูปแบบไคลเอ็นต์-เซิร์ฟเวอร์ (client - server) โดยมีโปรแกรมเว็บไคลเอ็นต์ (web client) ทำหน้าที่เป็นผู้ร้องขอบริการ และมีโปรแกรมเว็บเซิร์ฟเวอร์ (web server) ทำหน้าที่เป็นผู้ให้บริการ โปรแกรมเว็บไคลเอ็นต์ก็คือโปรแกรมเว็บบราวเซอร์ (web browser) นั่นเอง สำหรับโปรแกรมเว็บเซิร์ฟเวอร์นั้นจะถูกติดตั้งไว้ในเครื่องของผู้ให้บริการเว็บไซต์ การิดต่อระหว่างโปรแกรมเว็บบราวเซอร์กับโปรแกรมเว็บเซิร์ฟเวอร์จะกระทำผ่านโปรโตคอล HTTP (Hypertext Transfer Protocol)

3. ตัวอย่างเว็บเบราว์เซอร์ มา 3 โปรแกรม




Google Chrome คือเว็บเบราว์เซอร์ที่สร้างโดยกูเกิล เหมือนกับ Firefox อ่ะ แต่ เร็ว กว่า สวยกว่า ซึ่งตอนนี้ก็มาถึงเวอชั่น 4 แล้ว ด้วยการใช้งานที่ง่าย ฟรี และติดตั้งได้อย่างรวดเร็วในไม่กี่วินาที ซึ่งมีคุณสมบัติที่น่าสนใจมากมาย

- ช่องแถบสำหรับใส่ที่อยู่เว็บก็ใช้เป็นช่องค้นหาได้ด้วย
- สามารถตั้งเลือกค่าให้บุ๊คมาร์คในแต่ละเครื่องปรับตรงกันได้โดยอัตโนมัติ
- สามารถลากแท็บออกจากเบราว์เซอร์เพื่อสร้างหน้าต่างใหม่ และรวมหลายๆ แท็บไว้ในหน้าต่างเดียว
- แท็บทุกแท็บที่กำลังใช้ ทำงานอย่างอิสระในเบราว์เซอร์
- มีโหมดไม่ระบุตัวตนสำหรับการเข้าชมแบบส่วนตัว
- มีส่วนขยายให้เลือกติดตั้งเพิ่มลงไปตามต้องการ

อินเทอร์เน็ต(Internet)

อินเทอร์เน็ต(Internet)

ความหมาย :  เครือข่ายคอมพิวเตอร์ขนาดใหญ่ ที่มีการเชื่อมต่อระหว่างเครือข่ายหลาย ๆ เครือข่ายทั่วโลก โดยใช้ภาษาที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (protocol) ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้ในหลาย ๆ ทาง อาทิ อีเมล เว็บบอร์ด และสามารถสืบค้นข้อมูลและข่าวสารต่าง ๆ รวมทั้งคัดลอกแฟ้มข้อมูลและโปรแกรมมาใช้ได้

ประวัติความเป็นของอินเทอร์เน็ตในประเทศไทย

อินเทอร์เน็ตในประเทศไทย

การเชื่อมต่อเข้าสู่อินเทอร์เน็ตของประเทศไทยมีจุดกำเนิดมาจากเครือข่ายคอมพิวเตอร์ระหว่างมหาวิทยาลัย หรือที่เรียกว่า "แคมปัสเน็ตเวอร์ก" ( Campus Network ) เครือข่ายดัง กล่าวได้รับการสนับสนุนจาก "ศูนย์เทคโนโลยีอิเล็กทรอนิกส์และคอมพิวเตอร์แห่งชาติ" ( NECTEC ) จนกระทั่งได้ เชื่อมเข้าสู่อินเทอร์เน็ตโดยสมบูรณ์ในเดือนสิงหาคม ปี พ.ศ.2535 พัฒนาการ ประเทศไทยได้เริ่มติดต่อกับอินเทอร์เน็ตโดยใช้ E-mail ตั้งแต่ปี พ.ศ. 2530 โดยเริ่มที่ "มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตหาดใหญ่" เป็นแห่งแรก และสถาบันเทคโนโลยีแห่งเอเชีย ภายใต้ความร่วมมือระหว่างไทยและออสเตรเลียในช่วงเวลาต่อมา ในขณะนั้นยังไม่ได้มีการเชื่อมต่อ แบบ On-line หากแต่เป็นการแลกเปลี่ยนข่าวสาร ด้วย E-mail โดยใช้ระบบ MSHnet ละ UUCP โดยทางออสเตรเลียจะโทรศัพท์เชื่อมเข้ามาสู่ระบบวันละ 2 ครั้ง ในปีถัดมา NECTEC ซึ่งอยู่ภายใต้ กระทรวงวิทยาศาสตร์ เทคโนโลยีและการพลังงาน ( ชื่อเดิมในขณะนั้น ) ได้จัดสรรทุนดำเนินโครงการ เครือข่ายคอมพิวเตอร์ของสถาบันอุดมศึกษา โดยแบ่ง โครงการออกเป็น 2 ระยะ การดำเนินงานใน ระยะแรกเป็นการเชื่อมโยง 4 หน่วยงาน ได้แก่
- กระทรวงวิทยาศาสตร์ฯ
- จุฬาลงกรณ์มหาวิทยาลัย
- สถาบันเทคโนโลยีแห่งเอเชีย
- สถาบันเทคโนโลยีพระจอมเกล้าวิทยาเขตเจ้าคุณทหารลาดกระบัง
ระยะที่สองเป็นการเชื่อมต่อสถาบันอุดมศึกษาที่เหลือ คือ
- มหาวิทยาลัยธรรมศาสตร์
- มหาวิทยาลัยเกษตรศาสตร์
- มหาวิทยาลัยมหิดล
- มหาวิทยาลัยสุโขทัยธรรมาธิราช
- สถาบันเทคโนโลยีพระจอมเกล้าวิทยาเขตธนบุรี
- สถาบันเทคโนโลยีพระจอมเกล้าวิทยา เขตพระนครเหนือ
- มหาวิทยาลัยเชียงใหม่
- มหาวิทยาลัยขอนแก่น
- มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตหาดใหญ่

เต่ากาลาปากอส

เต่ากาลาปากอส from ACR

CHELSEA

Chelsea from Poomiputt Yeesunkaew

คำสั่งแทรกรูปภาพ

สำหรับในการแทรกรูปภาพบนหน้าเว็บเพจนั้นสามารถทำได้ง่ายๆ ด้วยการระบุคำสั่ง <IMG SRC="ชื่อรูปภาพ">ดังตัวอย่างนี้จะเป็นการแทรกรูปภาพทั้งเป้นพื้นหลังและในหน้าเว็บเพจ

<html>       <head>           <title>               Insert Images : การแทรกภาพ           </title>       </head>       <body background="bgimage.gif">             ข้อความที่แสดงในส่วนเนื้อหา             <img src="kerokero.gif">       </body> </html>

ตัวอย่างการแสดงผลจากคำสั่งด้านซ้ายมือ ข้อความที่แสดงในส่วนเนื้อหา

หากเราต้องการแสดงรูปให้มีขนาดต่างจากขนาดจริงของภาพ ก็สามารถทำได้ด้วยการกำหนดเพิ่มในส่วนของความกว้าง ความยาวของรูปภาพ ดังตัวอย่าง ภาพแรกคือภาพขนาดจริง ภาพที่สองเป็นการลดขนาดลง และภาพที่สามเป็นการเพิ่มขนาดขึ้น

<html>       <head>           <title>               Insert Images : การกำหนดขนาดภาพ           </title>       </head>       <body>             แสดงการกำหนดขนาดภาพ<br>             <img src="daffy.gif"><br>             <img src="daffy.gif" width="50" height="51"><br>             <img src="daffy.gif" width="150" height="153"><br>       </body> </html>

ตัวอย่างการแสดงผลจากคำสั่งด้านซ้ายมือ แสดงการกำหนดขนาดภาพ

ใบงาน html

ใบงาน html

ให้สรุปคำสั่ง HTML มา 5 มา 5 คำสั่ง

1.<font size = "3"> ข้อความ </font>                        =                 ขนาดตัวอักษร
2.<font color = "red"> ข้อความ </font>                   =               สีตัวอักษร
3.<font face = "Arial"> ข้อความ </font>                 =          รูปแบบตัวอักษร
4.<besefont size = "2"> ข้อความ </font>                =          กำหนดค่าเริ่มต้นของขนาดตัวอักษร
5.<b> ข้อความ </b>                                                   =         ตัวอักษรหนา

ใบงานที่6

ตอบคำถามต่อไปนี้

1.หลักการเขียนภาษาคอมพิวเตอร์

1. การวิเคราะห์ปัญหาและความต้องการ (Problem Analysis and Requirement Analysis)
2. การกำหนดและคุณสมบัติของโปรแกรม (Specification)
3. การออกแบบ (Design)
4. การเขียนรหัสโปรแกรม (Coding)
5. การคอมไพล์ (Compilation)
6. การทดสอบการทำงานของโปรแกรม (Testing)
7. การจัดทำเอกสาร (Documentation)
8. การเชื่อมต่อ (Integration)
9. การบำรุงรักษา (Maintenance)

2.โปรแกรมแปลภาษา คือ โปรแกรมคอมพิวเตอร์ที่แปลชุดคำสั่งของภาษาโปรแกรมหนึ่ง ไปเป็นชุดคำสั่งของอีกภาษาโปรแกรมหนึ่ง โดยความหมายดั้งเดิมไม่สูญเสียไป โปรแกรมแปลภาษาระดับสูงบางตัวจะเปลี่ยนแปลงตรรกะบางอย่าง หรือทำตรรกะให้ง่ายขึ้นโดยผลลัพธ์ยังเป็นเช่นเดิม

3. ตัวอย่างการเขียนโปรแกรมคอมพิวเตอร์ด้วยภาษาคอมพิวเตอร์