Mid-term+exams

= Mid-term exams =

= คำชี้แจง ให้นักเรียนบอกความหมายของคำต่อไปนี้ โดยให้นักเรียนสร้างเพจขึ้นมา 1 เพจ ตั้งชื่อ Mid-term exams = = ให้นักเรียนพิมพ์คำถามและคำตอบที่ถูกต้องลงในเพจที่นักเรียนสร้ างขึ้น (20 คะแนน) = = = = 1.เว็บไซต์(Website) คือ = ===เว็บไซต์ (อังกฤษ: Website, Web site หรือ Site) หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า โฮมเพจ เว็บไซต์โดยทั่วไปจะให้บริการต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบางเว็บไซต์จำเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการ เพื่อที่จะดูข้อมูล ในเว็บไซต์นั้น ซึ่งได้แก่ข้อมูลทางวิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสื่อต่างๆ ผู้ทำเว็บไซต์มีหลากหลายระดับ ตั้งแต่สร้างเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สำหรับธุรกิจหรือองค์กรต่างๆ การเรียกดูเว็บไซต์โดยทั่วไปนิยมเรียกดูผ่านซอฟต์แวร์ในลักษณะของ เว็บเบราว์เซอร์===

= 2.โฮมเพจ(Homepage) คือ =

=3.เว็บเพจ(Webpage) คือ =

เว็บเพจ (อังกฤษ: webpage, web page) หรือ หน้าเว็บ หมายถึง หน้าหนึ่ง ๆ ของเว็บไซต์ ที่เราเปิดขึ้นมาใช้งาน
===โดยทั่วไป เว็บเพจส่วนใหญ่จะอยู่ในรูปของเอกสาร HTML หรือ XHTML (ซึ่งมักมีนามสกุลไฟล์เป็น htm หรือ html) มีลิงก์สำหรับเชื่อมโยงไปยังเว็บเพจหน้าอื่น ๆ สามารถใส่รูปภาพและรูปภาพยังสามารถเป็นลิงก์ กล่าวคือสามารถคลิกบนรูปเพื่อกระโดดไปหน้าอื่นได้ นอกจากนี้ยังสามารถใส่แอปเพล็ต (applet) ซึ่งเป็นโปรแกรมขนาดเล็กแสด งภาพเคลื่อนไหว มีปฏิสัมพันธ์กับผู้ใช้ หรือสร้างเสียง ได้อีกด้วย ===

=4.เว็บเบราเซอร์ (Web Browser) คือ = ===เว็บเบราว์เซอร์ (web browser) เบราว์เซอร์ หรือ โปรแกรมดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์ เว็บ ===

=5.เวิล์ด ไวด์ เว็บ (World Wide Web – www) คือ = ===เวิลด์ไวด์เว็บ (อังกฤษ: World Wide Web, WWW, W3 ; หรือที่เรียกกันสั้นๆ ว่า "เว็บ") คือพื้นที่ที่เก็บข้อมูลข่าวสารที่เชื่อมต่อกันทางอินเทอร์เน็ต โดยการกำหนด URL คำว่าเวิลด์ไวด์เว็บมักจะใช้สับสนกับคำว่า อินเทอร์เน็ต โดยจริงๆแล้วเวิลด์ไวด์เว็บเป็นเพียงแค่บริการหนึ่งบนอ ินเทอร์เน็ต ===

=6.หลักการออกแบบเว็บเพจ คือ =

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

สิ่งสำคัญควรปรากฏด้านบนสุด และตามด้วยสิ่งที่รองลงมา หรือสิ่งที่สำคัญกว่าอยู่ทางด้านซ้ายสุดแล้วตามด้วยสิ่ งที่รองลงมา
= ใช้การกำหนดขนาด =

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

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

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

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

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

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

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

===ความละเอียดหน้าจอ – เนื่องจากผู้ใช้สามารถกำหนดความละเอียดในการแสดงผลหน้าจอของตนเองได้จึงทำให้การแสดงผลเว็บของเราอาจไม่ตรงตามที่เราต้องการให้ผู้ใช้เห็น ดังนั้นการออกแบบของเราควรรองรับความละเอียดหน้าจอที่ผู้ใช้ทั่วไปใช้ (800 x 600) หรืออาจมีข้อความแนะนำว่าควรใช้ความละเอียดระดับไหนในก ารเข้าชม ===

===Browser – Browser แต่ละชนิดอาจจะแสดงผลเว็บเดียวกันไม่เหมือนกันทั้งนี้เนื่องจากการแปลชุดภาษา HTML ที่ต่างกันดังนั้นในการออกแบบเราควรกำหนดว่าเราจะออกแบบให้ทำงานกับ Browser อะไร รุ่นไหน เพื่อให้เราทราบข้อกำหนดว่าเราจะสามารถใช้ลูกเล่นอะไรได้บ้างจึงจะทำให้เว็บทำงานกับ Browser ที่กำหนดได้สมบูรณ์ และแจ้งให้ผู้ใช้ทราบก่อนเข ้าชม ===

===การแสดงภาษาและการเลือกตัวอักษร – ปกติการแสดงตัวอักษรในเว็บเพจนั้นผู้ออกแบบสามารถกำหนดรูปแบบของตัวอักษรให้กับข้อความต่างๆได้อย่างอิสระ แต่ในขณะที่เว็บแสดงต่อผู้ใช้นั้นถ้าผู้ใช้ไม่มีตัวชุดอักษรในรูปแบบที่เรากำหนดในเว็บเพจผู้ใช้จะไม่สามารถอ่านข้อความเหล่านั้นได้เลย โดยเฉพาะการทำเว็บที่ใช้ภาษาไทยเราจึงควรระวังเป็นอย่างยิ่ง วิธีการที่นิยมคือการเลือกใช้รูปแบบอักษรที่คาดว่าจะมีในเครื่องคอมพิวเตอร์ของผู้ ใช้ทุกคนเช่น Ms Sans Serif สำหรับภาษาไทย หรือ Times New Roman สำหรับภาษาอังกฤษเป็นต้น ===

=7.ส่วนประกอบของหน้าเว็บเพจ คือ =

ส่วนประกอบหน้าเว็บเพจ โดยทั่วไปแล้ว หน้าเว็บเพจจะแบ่งออกเป็นส่ วนหลัก ๆ ดังนี้คือ
=◦ส่วนหัว (Page Header) คือ = = ......... .1. ส่วนหัว(Page Header) = ===อยู่ตอนบนสุดของหน้าเว็บเพจ เป็นบริเวณที่สำคัญที่สุด เนื่องจากผู้เข้าเยี่ยมชมเว็บไซต์จะมองเห็นก่อนบริเวณอ ื่น ส่วนใหญ่นิยมใช้วางโลโก้ ชื่อเว็บไซต์ ป้านโฆษณา ลิงค์สำหรับการติดต่อ หรือลิงค์ที่สำคัญ และระบบนำทาง === =◦ส่วนเนื้อหา (Page Body) คือ = = ........... 2. ส่วนเนื้อหา(Page Body) = ===อยู่ตอนกลางหน้า ใช้แสดงเนื้อหาภายในเว็บเพจซึ่งอาจประกอบด้วยข้อความ ภาพกราฟิก ตารางข้อมูล และอื่น ๆ บางครั้งเมนูหลักหรือเมนูเฉพาะกลุ่ม อาจอยู่ในส่วนนี้ก็ได้ โดยมักวางไว้ด้านหน้าซ้ายมือสุดเนื่องจากผู้เข้าชมจะมอ งเห็นได้ง่าย === =◦ส่วนท้าย (Page Footer) คือ = = ............. 3. ส่วนท้าย(Page Footer) = ===อยู่ด้านล่างสุดของหน้าเว็บเพจ ส่วนใหญ่จะนิยมใช้วางระบบนำทางภายในเว็บไซต์แบบที่เป้นลิงค์ข้อความง่าย ๆ นอกจากนี้ก็อาจจะมีชื่อของเ จ้าของเว็บไซต์ ข้อความแสดงลิขสิทธิ์ และอีเมล์แอดเดรส(E-mail Address) ของผู้ดูแลเว็บไซต์ ===