Text Editor (เท็กซ์อิดิเตอร์) คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย ในบทเรียนชุดนี้ จะใช้โปรแกรม Notepad ในการสร้างเว็บเพจด้วยภาษา HTML
เริ่มสร้างเว็บเพจด้วย NotePad
การสร้างเอกสาร HTML หรือเว็บเพจ เป็นเรื่องที่ง่ายและสะดวก เพียงแต่เปิดโปรแกรม NotePadแล้วพิมพ์คำสั่ง HTML ลงไป จากนั้นก็ทำการจัดเก็บไฟล์โดยตั้งชื่อเป็นภาษาอังกฤษ ตัวพิมพ์เล็ก และกำหนดนามสกุลเป็น .html (ในตอนพิมพ์ชื่อไฟล์ แนะนำให้พิมพ์ชื่อและนามสกุลของไฟล์ไว้ในเครื่องหมายคำพูด เพื่อป้องกันมิให้โปรแกรม NotePad เติมนามสกุล .txt ต่อท้าย) จากนั้นก็เปิดโปรแกรมเบราเซอร์ เช่น IE หรือ Firefox แล้วเปิดไฟล์เอกสารเว็บที่สร้าง เพื่อดูผล
……………
……………
……………
คำสั่งในการเริ่มต้นในการสร้างเว็บเพจ
คำสั่งเริ่มต้น
คำสั่ง เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บเบราเซอร์ แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML
ส่วนหัวของโปรแกรม
คำสั่ง เป็นคำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์ HTML และภายในคำสั่ง … จะมีคำสั่งย่อยอีกคำสั่งหนึ่งคือ
1. ภาษาปาสคาลถูกพัฒนาโดยใคร ? ก. เบลส์ ปาสคาล (Blaise Pascal)ข. ชาลส์ แบบเบจ (Charles Babbage)
ค. เอด้า ไบรอน (Lady Augusta Ada Byron)
ง. ดร.นิคลอส เวิร์ธ (Dr. Niklaus Wirth)
2. ภาษาปาสคาลถูกพัฒนามาจากพื้นฐานของภาษาใด ? ก. ภาษา C และ ภาษา Java
ข. ภาษา Basic และ ภาษา Perl
ค. ภาษา PL/1 และ ภาษา ALGOL
ง. ไม่มีข้อใดถูกต้อง
3. ข้อใดไม่ใช่คุณลักษณะของภาษาปาสคาล ? ก. ภาษาปาสคาลเป็นภาษาระดับสูงซึ่งผู้เขียนโปรแกรมสามารถเข้าใจได้
ข. ภาษาปาสคาลเหมาะสำหรับผู้ที่เริ่มต้นเขียนโปรแกรมอย่างมีโครงสร้าง
ค. ภาษาปาสคาลเป็นภาษาที่มีความสามารถในด้านการคำนวณที่ง่ายและซับซ้อน
ง. ภาษาปาสคาลเป็นภาษาที่มีเครื่องช่วยในการเขียนโปรแกรมทำให้เขียนโปรแกรมได้อย่างอัตโนมัติ
4. ภาษาปาสคาลจัดอยู่ในระดับใดของภาษาโปรแกรม ? ก. ภาษาระดับต่ำ
ข. ภาษาระดับกลาง
ค. ภาษาต่ำและกลาง
ง. ภาษาระดับสูง
5. ข้อใดคือความหมายของภาษาระดับสูง ? ก. เป็นภาษาที่มนุษย์ไม่เข้าใจแต่คอมพิวเตอร์เข้าใจ
ข. เป็นภาษาที่มนุษย์เข้าใจแต่คอมพิวเตอร์ไม่เข้าใจ
ค. เป็นภาษาที่มนุษย์ไม่เข้าใจและคอมพิวเตอร์ไม่เข้าใจ
ง. เป็นภาษาที่มนุษย์เข้าใจและคอมพิวเตอร์เข้าใจ
6. กระบวนการสร้างโปรแกรมภาษาปาสคาลมีกี่กระบวนการ ? ก. 2 กระบวนการ
ข. 3 กระบวนการ
ค. 4 กระบวนการ
ง. 5 กระบวนการ
7. ข้อใดไม่ใช่กระบวนการของสร้างโปรแกรมภาษาปาสคาล ? ก. Source File
ข. Compile
ค. Process File
ง. Execute File
8. กระบวนการใดเป็นการแปลงภาษามนุษย์ให้เป็นภาษาเครื่อง ?
ถึงแม้รูปลักษณ์ของ Vim จะดูเก่าแต่ถึงยังนั้นก็ยังคงความเก๋าเอาไว้ได้เป็นอย่างดี เพราะมาพร้อมกับฟังก์ชันที่ครบเครื่อง สำหรับมือใหม่ในการเขียนโปรแกรม หรือคนที่ไม่เคยทำงานกับพวก Unix มาเลยจะไม่เข้าใจและต้องเรียนรู้สักหน่อย เพราะมันคือ Editor แบบ Commend Line บน OS ตระกูล Unix ทั่งหลาย ที่แถมมากับเครื่อง ทำให้ไม่ต้องโหลดให้เสียเวลา แถมยังแทบไม่ต้องใช้เมาส์ เพราะมี shortcut มากมายทำให้คุณสามารถโค้ดคำสั่งต่าง ๆ ผ่านคีย์บอร์ดได้เลย แต่ด้วยความที่เราไม่ต้องใช้เมาส์คลิกไปคลิกมานี่แหละที่ทำให้คุณสามารถโค้ดได้อย่างรวดเร็วมากยิ่งขึ้น นอกจากนี้ยังมี Plugin ต่างๆแบบที่ Visual Studio Code, Atom, Sublime มี ไม่ว่าจะ autocomplete, syntax checking, git ต่างๆ จนใช้กันแทบไม่ไหวกันเลยทีเดียวค่ะ
แบบฝึกหัดหลังเรียน
รายวิชา การสร้างเว็บเพจ
คำสั่ง : ให้ผู้เรียนเลือกคลิกคำตอบหน้าข้อที่ถูกที่สุด
1.ข้อใดคือ Webbrowsr ที่ติดตั้งมาพร้อมกับระบบปฏิบัติการ MACINTOSH
ก. Safari
ข. Internet Explorer
ค. Google Chorme
ง. Mozilla2. การทดลองเชื่อมต่ออินเทอร์เนตระหว่างประเทศเกิดขึ้นครั้งแรกในประเทศไทยที่ใด
ก. มหาวิทยาลัยสงขลานครินทร์
ข. มหาวิทยาลัยมหิดล
ค. กระทรวงต่างประเทศ
ง. โรงเรียนเตรียมอุดมศึกษา3. ข้อใดคือโดเมนสำหรับสถาบันทางการศึกษาของไทย
ก. go.th
ข. in.th
ค. ac.th
ง. net4. ข้อใดไม่ใช่ภาษาสำหรับการเขียนเว็บไซต์
ก. ASP.NET
ข. ASCII
ค. HTML
ง. PHP5. รูปแบบของภาพที่นิยมใช้ในเวปไซต์ที่ใช้ปัจจุบันคือภาพแบบใด
ก. JPG
ข. Gif
ค. PNG
ง. ถูกทุกข้อ6. ข้อใดไม่ใช่โปรแกรมสำเร็จรูปสำหรับการเขียนเวปไซต์
ก. Frontpage
ข. Namo
ค. Microsoft Excel
ง. Macromedia Dreamweaver7. Protocol สำหรับการใช้งาน Internet คือข้อใด
ก. ftp
ข. http
ค. pop3
ง. imap8. ตัวเลือกใดที่ไม่ได้อยู่ในเมนู Insert
ก. Hyperlink
ข. Form
ค. Image
ง. Cut9. รูปแบบของภาพที่นิยมใช้ในเวปไซต์ที่ใช้ปัจจุบันคือภาพแบบใด
ก. gif
ข. jpg
ค. png
ง. ถูกทุกข้อ10. Back End คือข้อใด
ก. ส่วนแสดงผลของเวปไซต์
ข. ส่วนควบคุมเวปไซต์
ค. ผู้ใช้บริการพื้นที่เวปไซต์
ง. ระบบทำงานเบื้องหลังของเวปไซต์เช่นการปรับเปลี่ยนแก้ไขเวป โดยไม่แสดงให้คนทั่วไปเห็น11. การกดปุ่ม F11 ในหน้าจอ Internet Explorer จะเกิดผลลัพธ์ใด
ก. ไม่มีสิ่งใดเกิดขึ้น
ข. Desktop จะเปลี่ยนสี
ค. หน้าจอ Internet Explorer จะขยายเป็นเต็มจอ
ง. เป็นการปิด Webbrowser12. Site Map หมายถึงข้อใด
ก. แผนที่ที่จะแสดงจุดให้บริการที่กำหนด
ข. ส่วนเชื่อมโยงไปยังแผนที่ของ google map
ค. แผนผังการทำงานที่มีการระบบวิธีการ ที่มาที่ไปผู้ปฏิบัติการ และภาพรวมการทำงานทั้งหมด
ง. แผนที่หรือแผนผังเวปไซต์ที่จะแสดงรายละเอียดของหน้าต่างๆที่มีทั้งหมด13. เมนู Code ในโปรแกรมสำหรับเขียนเวปไซต์จะแสดงผลเป็นอย่างไร
ก. แสดงผลเป้นตัวอักขระล้วน
ข. แสดงผลเป็นแบบอักขระและแสดงผลภาพนิ่ง
ค. แสดงผลภาพนิ่ง
ง. แสดงผลเฉพาะตัวเลขฐาน1614. ขนาดการแสดงผลของเวปไซต์ ที่เป็นมาตรฐานในปัจจุบันคือขนาดเท่าใด
ก. 320x240 pixel
ข. 640x480 pixelค. 1024x768 pixel
ง. .1768x1080 pixel15. คำสั่ง Merge Table จะมีผลการทำงานอย่างไร
ก. ตารางจะถูกผนวกกัน
ข. ตารางจะแยกออกจากกัน
ค. ตารางจะแบ่งเป็นสี่ส่วน
ง. ตารางจะถูกลบ16. โปรแกรมใดใช้สำหรับการ Upload เวปไซต์
ก. Dev C++
ข. FileZilla
ค. Coffie HTML
ง. Wordpad17. ในความหมายของการสร้างเวปไซต์ Link มีความหมายว่าอะไร
ก. เวปไซต์ที่ระบุ
ข. การเว้นช่องว่างระหว่างบรรทัด
ค. การเชื่อมโยงไปยัง Page หรือ file ที่ได้ระบุ
ง. การอ้างอิงเวปไซต์18. หากต้องการเขียนเวปไซต์แบบใช้กราฟฟิกโหมด ควรเลือกมุมมองแบบใด
ก. Code
ข. Split
ค. Desige
ง. ถูกทุกข้อ19. ภาษาใดเป็นภาษาประเภท Dynamic
ก. ASM
ข. HTML
ค. PHP
ง. C20. ตัวเลือกใดที่เป็นมาตรฐานการแสดงผลตัวอักขระในแบบสากล
ก. UTF-8
ข. BIN
ค. TIS620
ง. ASCII21. ข้อใดคือโปรแกรมประเภท Text Editor
ก. Microsoft Powerpoint
ข. Internet Explorer9
ค. SPSS
ง. Notepad22. Edit หรือส่วนสำหรับการแก้ไขจะประกอบด้วยอะไรบ้าง
ก. Insert Modity Clear
ข. Tools Option Customize
ค. Cut Copy Customize
ง. Maximize Minimize23. สิ่งใดที่ผู้สร้างสรรค์เวปไซต์จะต้องพึงระวัง
ก. ระดับอายุของผู้เข้า
ข. การคัดลอกข้อมูลที่ได้เป็นผู้สร้างขึ้นเอง
ค. พระราชบัญญัติว่าด้วยการกระทำผิดโดยคอมพิวเตอร์
ง. ถูกทุกข้อ24. Banwidth คืออะไร
ก. สัดส่วนของข้อมูลที่ถูกส่งผ่านโพรโตคอล
ข. ความเร็วของอินเทอร์เน็ต
ค. ความกว้างของสัญญาณวิทยุ
ง. อัตราค่าบริการอินเทอร์เน็ต25. CSS คืออะไร
ก. ระบบคอมพิวเตอร์ช่วยสอน
ข. รูปแบบการแสดงผลในเวปไซต์ที่มีเขียนเพื่อให้เวปไซต์มีรูปแบบเฉพาะที่สวยงาม
ค. สคริปการทำงานแบบโต้ตอบอัตโนมัติตามเงื่อนไขที่กำหนด
ง. ผู้บริการอินเทอร์เน็ตในประเทศไทย26. ข้อใดคือรูปแบบการรับส่งอิเมลในปัจจุบัน
ก. ISO
ข. IMAP
ค. SENDMAIL
ง. GMIL27. หากต้องการแทรกภาพเคลื่อนไหวสำเร็จรูป ควรเลือกเมนูใด
ก. Image Rollover
ข. Insert Image
ค. Insert Tableง. Insert Flash
28. การเชื่อมโยง VDO ไปยังเวปไซต์ยูทูปควรเลือกข้อใดจะง่ายที่สุด
ก. Copy Embled จากวิดีโอที่ต้องการมาใส่ในเวปไซต์
ข. Copy URL จากวิดีโอที่ต้องการมาใส่ในเวปไซต์
ค. Copy Protocol จากวิดีโอที่ต้องการมาใส่ในเวปไซต์
ง. ไม่สามารถทำได้เนื่องจากยูทูปไม่อนุญาติให้เชื่อมโยง29. ตัวเลือกใดเป็นเวปไซต์ในประเทศไทย
ก. www.facebook.com
ข. www.rtaf.mi.th
ค. www.hotmail.com
ง. www.msn.com30. ข้อใดคือหน้าแรกหรือหน้าดัชนีเวปไซต์
ก. Webpage.htm
ข. Include.inc
ค. Index.html
ง. Java