Transcript ภาพนิ่ง 1
การออกแบบและพัฒนาเว็บ (WEB DESIGN AND DEVELOPMENT) เรื่ อง ความรู เ้ กี่ยวกับเว็บไซต์ โดย อ.ปริญญา น้อยดอนไพร คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยราชภัฏสุราษฎร์ธานี เวิลด์ไวด์เว็บ (WORLD WIDE WEB) เวิลด์ไวด์เว็บ นิ ยมเรียกสัน้ ๆ ว่าเว็บ หรื อ WWW ถือเป็ นส่วนที่น่าสนใจที่สุดบน อินเทอร์เน็ตเพราะสามารถแสดงสารสนเทศต่างๆ ได้หลากหลาย เช่น นิ ตยสาร หรื อหนังสื อพิมพ์อิเล็กทรอนิ กส์ขอ้ มู ลด้านดนตรี กฬี า การศึ กษา ซึ่ งสามารถ นาเสนอได้ทงั้ ภาพ เสียง รวมถึงภาพเคลื่อนไหว เช่นแฟ้ มภาพวีดิทศั น์หรื อตัวอย่าง ภาพยนตร์ และการสื บ ค้น สารสนเทศในเวิ ล ด์ไ วด์เ ว็บ นั้ น จ าเป็ น ต้อ งอาศัย โปรแกรมค้นดูเว็บ (web browser) ในการเข้าถึงแหล่งข้อมู ล โดยที่เว็บ กับ โปรแกรมค้นผ่านจะทาหน้าที่รวบรวมและกระจายเอกสารที่เครื อข่ายที่ทาไว้ WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) ความเป็ นมาของเวิลด์ไวด์เว็บ ประมาณปี พ.ศ.2533 นั ก วิ ท ยาศาสตร์ จ ากห้อ งทดลองของสถาบัน เซิ ร์ น (CERN) ซึ่ งเป็ นห้องปฏิบตั ิการฟิ สิก ส์แห่งยุ โรป ในนครเจนี วา ประเทศ สวิตเซอร์แลนด์ คือ ทิม เบิร์นเนอร์ส-ลี (Tim Berners-Lee) ได้สร้างระบบการ สื่ อสารข้อมู ลผ่านเครื อข่ายคอมพิวเตอร์ในรู ปแบบใหม่ ที่เรียกว่ าไฮเปอร์เท็กซ์ (Hypertext เพื่อใช้ในการส่งสารสนเทศต่างๆ โดยจะถู กจัดอยูใ่ นรู ปแบบใหม่ท่ เี รียกว่า HTML (Hyper Text Markup Language) ซึ่งการสื่อสารและการสืบค้นสารสนเทศใน รู ปแบบใหม่น้ ีทาให้มนุ ษย์สามารถติดต่อสื่อสารกันได้อย่างรวดเร็ว WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) เว็บไซต์เว็บเพจและโฮมเพจ เว็บไซต์เว็บเพจและโฮมเพจ ถือเป็ นองค์ประกอบหนึ่ งของเว็บ เนื่ องจากเมื่อเข้า ไปในเว็บแล้วสารสนเทศหรื อข้อมูลต่างๆ ที่ตอ้ งการสืบค้นก็คือหน้าของเอกสารที่ ปรากฏบนจอคอมพิวเตอร์ ซึ่งรายละเอียดของแต่ละส่วนมีดงั นี้ เว็บไซต์ (Web site) เว็บเพจ (Web page) โฮมเพจ (Home page) WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) เว็บไซต์ (WEB SITE) เว็บไซต์กค็ ือแหล่งที่รวบรวมเว็บเพจจานวนมากมายหลายหน้าในเรื่ องเดียวกันมา รวมอยูด่ ว้ ยกัน การเสนอเรื่ องราวที่อยูบ ่ นเว็บไซต์ท่ แี ตกต่างไปจากโปรแกรมโทรทัศน์เนื้ อหาใน นิ ตยสาร หรื อหนังสือพิมพ์ เนื่ องจากการทางานบนเว็บจะไม่มวี นั สิ้นสุ ด ทัง้ นี้ เนื่ องจากเราสามารถเปลี่ยนแปลงและเพิ่มสารสนเทศบนเว็บไซต์ได้ตลอดเวลา แต่ละเว็บเพจจะมีการเชื่อมโยงกันภายในเว็บไซต์หรื อไปยังเว็บไซต์อ่ ืนๆ เพื่อให้ ผูอ้ า่ นสามารถอ่านได้ในเวลาอันรวดเร็ว WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) เว็บเพจ (WEB PAGE) เว็บเพจ คือหน้าหนังสืออิเล็กทรอนิ กส์บนเว็บ ที่เจ้าของเว็บ เพจ ต้องการจะใส่ลง ไปในหน้าหนังสื ออิเล็กทรอนิ กส์นั้น เช่น ข้อมู ลแนะนาตัวเองซึ่ งอาจเป็ นบุ คคล หรื อองค์กรที่ตอ้ งการให้ผูอ้ ่ ืนได้ทราบ หรื อข้อมูลที่น่าสนใจ เป็นต้น ข้อมู ลที่แสดงเป็ นได้ทงั้ ข้อความ เสียง ภาพนิ่ ง และภาพเคลื่ อนไหวและข้อมู ลที่ นาเสนอสามารถเชื่อมโยงในรู ปของไฮเปอร์เท็กซ์ คือ เชื่อมโยงไปยังเว็บเพจอื่นที่ จะให้ขอ้ มูลนั้นๆ ในระดับลึกลงไปได้เรื่ อย ๆ เว็บเพจจะต้องมีท่ อ ี ยูอ่ ิเล็กทรอนิ กส์บนเครื อข่ายเฉพาะของตน ซึ่ งแหล่งที่อยู น่ ้ ี เรียกว่า URL (Uniform Resource Locator) WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) โฮมเพจ (HOME PAGE) โดยทัว่ ไปแล้วในแต่ละเว็บไซต์จะมีโฮมเพจ หรื อ หน้าต้อนรับ (welcome page) ซึ่งปรากฏเป็นหน้าแรกเมื่อเปิ ดเว็บไซต์นั้นขึ้นมา เปรี ย บเสมื อ นกับ สารบัญ และค าน า ที่ เจ้า ของเว็ บ ไซต์ส ร้ า งขึ้ นเพื่ อใช้ ประชาสัมพันธ์องค์กรของตนว่าให้บริ การในสิ่งใดบ้าง โฮมเพจนั้นมีลก ั ษณะ คล้ายกันคือเป็ นหน้าเอกสารอิเล็กทรอนิ กส์ท่ ปี รากฏบน จอคอมพิวเตอร์โดยอาศัยระบบเครื อข่ายอินเทอร์เน็ ตที่เรียกกันว่าเวิลด์ไวด์เว็บ เป็ นตัวกลางเชื่อมโยงระหว่างผูท้ าเว็บกับผู ช้ ม โดยเว็บไซต์นั้น เปรียบเสมือนศูนย์ รวมข้อมูลข่าวสารขององค์กรหรื อหน่วยงาน โดยมีเว็บ เพจทาหน้าที่อธิบายขยาย ความในแต่ละส่วน และโฮมเพจถือเป็ นส่วนที่ตอ้ นรับและบอกกล่าวกับ ผูม้ าชมว่า ข้อมูลข่าวสารที่ผูช้ มต้องการนั้นอยูใ่ นส่วนไหนของเว็บไซต์ WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) เราสามารถสร้างโฮมเพจด้วยวิธีการอย่างไรบ้าง ในการสร้างโฮมเพจนั้นมีอยูห่ ลายวิธดี ว้ ยกัน โดยแต่ละวิธกี ารก็มคี วามยากง่าย แตกต่างกันไป สามารถแบ่งวิธกี ารสร้างโฮมเพจออกเป็น 3 วิธใี หญ่ๆ ดังนี้ 1.สร้างโฮมเพจด้วยโปรแกรมของ Web Hosting 2. ใช้โปรแกรมสาหรับสร้างเว็บไซต์ 3. การใช้ภาษา HTML และ JavaScript WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) 1.สร้างโฮมเพจด้วยโปรแกรมของ WEB HOSTING Web Hosting คือเว็บไซต์ท่ ที าหน้าที่ให้บริ การจัดเก็บข้อมูล มีการให้บริ การสร้างโฮมเพจสาเร็ จรู ปให้แก่ผูท้ ่ ต ี อ้ งการสร้างโฮมเพจแบบง่ายๆ โดยการคลิ ก เลื อ กรู ปแบบของโฮมเพจจากรู ปแบบที่ท างเว็บ ไซต์ก าหนดให้ จากนั้นก็กรอกรายละเอียดต่างๆ ต่การสร้างโฮมเพจด้วยโปรแกรมของ Web Hosting นี้ ก็มข ี อ้ เสีย คือ มีรูปแบบ ให้เลือกน้อยและไม่สามารถออกแบบลักษณะของโฮมเพจได้ตามต้องการ WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) 2. ใช้โปรแกรมสาหรับสร้างเว็บไซต์ ปั จจุบนั ได้มกี ารพัฒนาโปรแกรมที่ใช้ในการสร้างเว็บไซต์กนั อย่า งมากมาย เช่น FrontPage , Go Live และ Home Site เป็ นต้น แต่โปรแกรมสร้างเว็บไซต์ท่ ี นิ ยมใช้กนั มากที่สุด ก็คงจะหนีไม่พน้ โปรแกรม Dreamweaver Dreamweaver เป็ นโปรแกรมที่ใช้งานง่ายและไม่จาเป็ นต้องมีความรู ้ในเรื่ องของ ภาษา HTML ถึงแม้วิธีการสร้างโฮมเพจนั้นอาจจะไม่งา่ ยดายเท่าการสร้าง โฮมเพจด้วยเว็บ Hosting แต่เราก็จะสามารถออกแบบความสวยงามของโฮมเพจ ได้ตามต้องการ WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) 3. การใช้ภาษา HTML และ JAVASCRIPT การสร้างโฮมเพจด้วยภาษา HTML และ JavaScript จะต้อ งใช้ค วามสามารถและความช านาญในการเขีย นโปรแกรมพอสมควร เนื่ องจากการสร้างโฮมเพจด้วยวิธีน้ ี จะใช้วิธีการพิมพ์ขอ้ ความที่ เป็ นคาสั่งลงไป จากนั้นโปรแกรมจะทาการแปลงข้อมูลให้กลายเป็นภาพหรื อข้อความที่ตอ้ งการ โดยทัว่ ไปมักใช้ภาษา HTML และ JavaScript ในการตกแต่งโฮมเพจ WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) ประเภทของเว็บไซต์ 1. เว็บไซต์ให้ความรู ้ และความบันเทิง 2. เว็บ ไซต์เ พื่ อการบริ ก าร เป็ น เว็บ ที่ใ ห้บ ริ ก ารเกี่ย วกับ เรื่ องต่า ง ๆ เช่น การท่อ งเที่ย ว โทรศัพท์มือถือ ซื้อ-ขายของผ่านอินเตอร์เน็ต 3. เว็บไซต์เพื่อการค้นหาข้อมู ล เป็ นเว็บไซต์ท่ มี คี วามสามารถในการค้นหาเรื่ องราวต่าง ๆ โดยใช้วิธีการดึ งคาสาคัญที่บรรจุ อยู แ่ ต่ละหน้าเว็บ เพจทาให้เราสามารถลิ งค์ไปยังเว็บไซต์ และข้อมูลที่เกี่ยวข้องได้ 4. เว็บไซต์สถาบันการศึกษา/หน่วยงาน เป็ นเว็บไซต์ท่ เี ผยแพร่เรื่ องราวต่าง ๆ ของสถาบัน/ หน่วยงาน ประกาศ หรื อประชาสัมพันธ์หน่วยงาน 5. เว็บไซต์ส่วนตัว เป็ นเว็บที่จดั ทาขึ้นเพื่ อใช้รวบรวมเรื่ องราวความรู ้ ของผู จ้ ดั ทารวบรวม ผลงานต่าง ๆ WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th) WEB DESIGN AND DEVELOPMENT:: Mr.Parinya Noidonphrai (www.freebsd.sru.ac.th)