ความรู้พื้นฐานเกี่ยวกับเว็บไซต์

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
การสร้างเว็บเพจด้วยภาษา Html
Advertisements

Medicine คลังยา.
การพัฒนาระบบทะเบียน ของ โรงเรียนเมโทรเทคโนโลยี จังหวัดเชียงใหม่
การจัดทำเว็บไซต์สำเร็จรูปด้วยโปรแกรม Joomla!
ซอฟต์แวร์ระบบที่รู้จักกันดี คือซอฟต์แวร์ควบคุมการปฏิบัติการ ของคอมพิวเตอร์ที่เรียกว่า ระบบปฏิบัติการ ระบบปฏิบัติการเป็นชุดคำสั่งที่ใช้ควบคุมระบบฮาร์ดแวร์และ.
เครือข่ายคอมพิวเตอร์
งานบุคลากร กลุ่มพัฒนาระบบคอมพิวเตอร์ ศูนย์เทคโนโลยีสารสนเทศ
ac.th. WWW (World Wide Web) ระบบเครือข่ายคอมพิวเตอร์ ที่ เชื่อมโยงคอมพิวเตอร์ถึงกันทั่ว โลก โดยใช้โปรโตคอลที่ชื่อว่า TCP/IP.
ac.th. WWW (World Wide Web) ระบบเครือข่ายคอมพิวเตอร์ ที่ เชื่อมโยงคอมพิวเตอร์ถึงกันทั่ว โลก โดยใช้โปรโตคอลที่ชื่อว่า TCP/IP.
Communication Software
ความเป็นมาของเวิลด์ไวด์เว็บ ปี พ. ศ.2533 ทิม เบิร์นเนอร์ส - ลี (Tim Berners-Lee) ได้สร้างระบบการสื่อสารข้อมูล ผ่านเครือข่ายคอมพิวเตอร์ในรูปแบบใหม่ ที่
เอกสารแนะนำการใช้งานระบบจัดเก็บและบันทึกข้อมูลทะเบียนพาณิชย์ (เบื้องต้น) โดย นายพชร อินทรวรพัฒน์ กรมพัฒนาธุรกิจการค้า.
และสร้างเว็บไซต์ประเภทCMS
ซอฟต์แวร์และการเลือกใช้
เทคโนโลยีอินเตอร์เน็ต
ประยุกต์ใช้ในงานด้านการศึกษา เทคโนโลยีสารสนเทศที่นำมาใช้สำหรับการเรียนการสอน เป็นการใช้เทคโนโลยีสมัยใหม่หลายอย่าง สอนด้วยสื่อ อุปกรณ์ที่ทันสมัย ห้องเรียนสมัยใหม่
ในเครือข่ายอินเทอร์เน็ต โปรแกรมประยุกต์ หลายชนิด มีการทำงานร่วมกันระหว่างเครื่อง คอมพิวเตอร์ ที่ต่ออยู่ในเครือข่าย โดยอาศัยเครือข่ายเป็น สื่อกลาง ในการติดต่อสื่อสารระหว่างกันและกัน.
หน่วยการเรียนรู้ การเขียน โปรแกรมภาษาขั้นพื้นฐาน เรื่อง คำสั่ง HTML 5 การแทรก รูปภาพและการเชื่อมโยง รหัส รายวิชา ง การงาน อาชีพและเทคโนโลยี 6 กลุ่มสาระ.
พัฒนาการสื่อใหม่ ( เวปไซต์และสังคมออนไลน์ ). เวปไซต์คือ ?
ยินดีต้อนรับผู้เข้าอบรมการพัฒนาเว็บไซต์ สำนักงานการปฏิรูปที่ดินเพื่อเกษตรกรรม.
ความรู้พื้นฐานเกี่ยวกับการ สร้างเว็บไซต์. ศัพท์เบื้องต้นเกี่ยวกับเว็บไซต์ Internet คือ ระบบเครือข่ายคอมพิวเตอร์ที่ใหญ่ที่สุดใน โลกเกิดจากการเชื่อมโยง.
ซอร์ฟแวร์ ( Software ). Microsoft excel Microsoft excel Microsoft power point.. Link Link.
วิชาเทคโนโลยีสารสนเทศเพื่อชีวิต
เทคโนโลยีพื้นฐานของระบบสารสนเทศ
ระบบตัวแทนจำหน่าย/ ตัวแทนขายอิสระ
รายวิชา การเขียนโปรแกรมบนเว็บ
อาจารย์อภิพงศ์ ปิงยศ บทที่ 8 : TCP/IP และอินเทอร์เน็ต Part1 สธ313 การสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์ทางธุรกิจ อาจารย์อภิพงศ์
ระบบการจัดการเรียนการสอนผ่านเว็บ Learning Management System : LMS
ความรู้เบื้องต้นเกี่ยวกับ PHP Introduction to PHP
อาจารย์อภิพงศ์ ปิงยศ บทที่ 2 : แบบจำลองเครือข่าย (Network Models) part1 สธ313 การสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์ทางธุรกิจ อาจารย์อภิพงศ์
บทที่ 1 สถาปัตยกรรมของระบบฐานข้อมูล (Database Architecture)
หน่วยการเรียนรู้ การเขียนโปรแกรมภาษาขั้นพื้นฐาน เรื่อง หลักการสร้างเว็บไซต์ และ HTML 5 รหัส รายวิชา ง23102 การงานอาชีพและเทคโนโลยี 6 กลุ่มสาระ การงานอาชีพและเทคโนโลยี
การพัฒนาการใช้งานในระบบเว็บ
Bc312 การพัฒนาโปรแกรมบนอินเตอร์เน็ต
บทที่ 5 เครื่องมือสืบค้นข้อมูล (Search Engine)
เริ่มต้นด้วยอินเทอร์เน็ต
อาจารย์อภิพงศ์ ปิงยศ บทที่ 7 : TCP/IP และอินเทอร์เน็ต Part1 สธ313 การสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์ทางธุรกิจ อาจารย์อภิพงศ์
โครงสร้างภาษา C Arduino
การใช้อินเตอร์เน็ตในการเรียน
บทที่ 3 การสร้างเว็บไซต์ และการปรับคุณสมบัติของเว็บเพจ
.:ประโยชน์ของอินเทอร์เน็ต
การใช้อินเทอร์เน็ต (Internet)
PROXY SERVER ,WWW , HTTP และ Telnet
การออกแบบและพัฒนาเว็บไซต์
บทที่ ๒ เรื่องที่ ๑๐ การค้นคว้าหาความรู้ทาง อินเทอร์เน็ต
บทที่ 5 ภาษาสคริปต์ ที่ใช้สำหรับการผลิตระบบการสอนบนเครือข่าย
Chapter 1 ความรู้เบื้องต้นในเทคโนโลยีอินเตอร์เน็ต Edit
โครงการจัดทำระบบฐานข้อมูล วัตถุเสพติดของกลาง (ระยะที่1)
อินเทอร์เน็ตเบื้องต้น
ระบบเครือข่ายคอมพิวเตอร์ Internet
เว็บเบราว์เซอร์และโปรแกรมค้นหา
การอบรมระบบงานฯสำหรับผู้ใช้งาน (ส่วนภูมิภาค)
ใบความรู้ที่ 5 เรื่อง การเขียน บทที่ 2 เอกสารที่เกี่ยวข้อง
บทที่ 6 แนวคิดเทคโนโลยีเสมือนจริง
หลักในการออกแบบเว็บไซต์
Integrated Information Technology
SMS News Distribute Service
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
หน่วยการเรียนรู้ การเขียนโปรแกรมภาษาขั้นพื้นฐาน เรื่อง โครงสร้างพื้นฐาน HTML 5 รหัส รายวิชา ง23102 การงานอาชีพและเทคโนโลยี 6 กลุ่มสาระ การงานอาชีพและเทคโนโลยี
Multimedia และระบบความจริงเสมือน Virtual Reality, VR
บทที่ 9 การเรียงลำดับข้อมูล (Sorting)
ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
ระบบสำนักงานอัตโนมัติ (Office Automation : OA)
อินเทอร์เน็ตเบื้องต้น และการออกแบบเว็บไซต์
การใช้งานอินเทอร์เน็ต
การเขียนเว็บ Web Editor
องค์ประกอบของเวิลด์ไวด์เว็บ
การออกแบบและพัฒนาเว็บไซต์
อินเทอร์เน็ตเบื้องต้น
กระดาษทำการ (หลักการและภาคปฏิบัติ)
ใบสำเนางานนำเสนอ:

ความรู้พื้นฐานเกี่ยวกับเว็บไซต์ นายกฤษฎา นุชมี

ศัพท์เบื้องต้นเกี่ยวกับเว็บไซต์ Internet คือ ระบบเครือข่ายคอมพิวเตอร์ที่ใหญ่ที่สุดในโลกเกิดจากการเชื่อมโยง ของคอมพิวเตอร์หลายล้านเครื่องที่กระจายอยู่ตามที่ต่างๆ ในโลก อินเตอร์เน็ตเป็นแหล่งที่รวมของข้อมูลมหาศาลและเป็นช่องทางติดต่อสื่อสาร เพื่อแลกเปลี่ยนข้อมูลที่สะดวกและรวดเร็วบริการยอดนิยมบนอินเตอร์เน็ต ได้แก่ เว็บเพจ (www) อีเมล์ และ Instant Messageing เช่น MSN Messenger, Yahoo Messenger, ICQ เป็นต้น www (World Wide Web) เป็นบริการข้อมูล โดยข้อมูลของ www จะอยู่ในรูปเอกสารแบบ Hypertext ซึ่งภายในเอกสารจะมีจุดเชื่อมโยง (link) ไปยังเอกสารอื่นๆ ที่เกี่ยวข้อง เอกสารต่างๆ ที่เชื่อมโยงกันเหมือนใยแมงมุม เป็นที่มาของคำว่า Web. HTTP เป็นโปรโตคอลสำหรับเปิดดูข้อมูลจาก www เรียกใช้งานได้โดยระบุ http:// และตามด้วย URL ในช่องกรอก Address ด้านบนของโปรแกรมเว็บบราวเซอร์

ศัพท์เบื้องต้นเกี่ยวกับเว็บไซต์ (ต่อ) URL (Uniform Resource Locator) คือ ข้อความที่บอกตำแหน่งของข้อมูลใน Internet ไม่ว่าจะเป็น Web page, File ประเภทต่างๆ เช่น รูปภาพ เสียง URL ประกอบด้วย โปรโตคอล + domain name + (directory ที่เก็บไฟล์) ชื่อไฟล์ เช่น http://www.enjoyday.net/webtutorial/css/index.html http://www.enjoyday.net/images/logo.jpg Domain name คือ ชื่อเว็บไซต์ (ที่ไม่มีการซ้ำกันกับเว็บไซต์อื่นๆ) เช่น google.com, enjoyday.net

ศัพท์เบื้องต้นเกี่ยวกับเว็บไซต์ (ต่อ)  เว็บเพจ (Web Page) คือเว็บเพจ คือ คำที่ใช้เรียกหน้าเอกสารต่างๆ ที่อยู่ในรูปแบบไฟล์ HTML (Hyper Text Markup Language) เปรียบเสมือนหน้ากระดาษแต่ละหน้าที่มีเรื่องราวต่างๆมากมายบรรจุอยู่ในนิตรสาร แต่แตกต่างกันตรงที่มีการเชื่อมโยง (Link) ซึ่งเราสามารถคลิกไปที่หน้าใดของโฮมเพจก็ได้   โฮมเพจ (Home Page) คือโฮมเพจ คือคำที่ใช้เรียกหน้าแรกของเว็บไซต์ ซึ่งประกอบไปด้วยเมนูต่างๆและเรื่องราวต่างๆมากมายคล้ายกับหน้าปกนิตรสารบ้านเรา ดังนั้นหากเราออกแบบหน้าโฮมเพจให้สวยงามและน่าสนใจ โอกาสที่ผู้ชมจะแวะเข้ามาเยี่ยมเยียนโฮมเพจของเราก็จะยิ่งมากตามไปด้วย เว็บไซต์ (Web Site)คือเว็บไซต์ คือ คำที่ใช้เรียกกลุ่มของเว็บเพจ ( ดังนั้นภายในเว็บไซต์จะประกอบไปด้วยโฮมเพจและเว็บเพจ ) โดยเรามักใช้เรียกเว็บที่มีขนาดใหญ่และมีการจดทะเบียนชื่อเว็บไซต์นั้นๆไว้แล้ว (Domain Name) เช่น http://www.yahoo.com เป็นต้น

ศัพท์เบื้องต้นเกี่ยวกับเว็บไซต์ (ต่อ) Web browser คือ โปรแกรมสำหรับเรียกดูเว็บเพจ โดยจะแปลคำสั่ง HTML แล้วประมวลผลเพื่อแสดงผลออกมาเป็น Web page เช่น Internet Explorer (IE), Mozilla Firefox, Safari, Opera, และ Netscape Navigator เป็นต้น Web server คือ เครื่องคอมพิวเตอร์ที่ทำหน้าที่ให้บริการข้อมูลใน www ซึ่งเก็บ Web page และโปรแกรมจัดการบริการ เมื่อผู้ใช้ต้องการดู Web page ที่อยู่ในเครื่อง Server ก็จะใช้ Web browser เรียกขอข้อมูลโดยระบุที่อยู่ของข้อมูลในลักษณะที่เรียกว่า URL Upload คือ การส่งข้อมูลจากเครื่องของเราไปยัง Web Server เมื่อเราสร้าง Web page แต่ละหน้าแล้ว ต้องส่งข้อมูลไปเก็บไว้ที่ Web Server ที่เป็นเครื่องคอมพิวเตอร์ที่ให้บริการข้อมูล www โดยอาศัยโปรแกรม FTP Search engine เป็นเครื่องมือหรือโปรแกรมในการค้นหาเว็บต่างๆ โดยมีการเก็บ รายชื่อเว็บไซต์ และข้อมูลที่เกี่ยวข้องต่างๆ ของเว็บไซต์ และนำมาจัดเก็บไว้ใน server เพื่อให้สามารถค้นหาและแสดงผลได้สะดวกรวดเร็ว เช่น google.com, yahoo.com, bing.com, altavista.com, sanook.com เป็นต้น

ภาษามาตรฐานที่ใช้ในการสร้างเว็บเพจ HTML (Hypertext Markup Language) คือ ภาษามาตรฐานที่ใช้ในการสร้างเว็บเพจ เพื่อนำไปแสดงผลในโปรแกรม Web browser เอกสารเว็บเพจจะมีนามสกุลเป็น .htm หรือ .html  ตัวอย่าง code ภาษา HTML เพื่อสร้างหน้าเว็บเพจ <html> <head> <title>การเริ่มต้นสร้างเว็บเพจ</title> </head> <body> ตัวอย่างการสร้างเว็บเพจด้วย HTML </body> </html>

รูปแบบของเว็บไซต์ 2. Dynamic Website 1. Static Website แบ่งได้เป็น 2 รูปแบบหลักๆ คือ 1. Static Website 2. Dynamic Website

รูปแบบของเว็บไซต์ 1. Static Website หมายถึง เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา และบันทึกเป็นไฟล์นามสกุล .html    เนื้อหาข้อความ รูปภาพในหน้าเว็บเพจนั้นจะเป็นไปตามที่เราเขียนกำหนดไว้ Static Website เหมาะกับเว็บไซต์ที่มีขนาดไม่ใหญ่ จำนวนหน้าเว็บเพจไม่มาก ไม่มีการเปลี่ยนแปลงข้อมูลบ่อยๆ  และไม่มีการติดต่อฐานข้อมูล 2. Dynamic Website หมายถึง เว็บไซต์ที่หน้าเว็บเพจสามารถเปลี่ยนแปลงข้อมูลเองได้ โดยไม่ต้อง เขียนแต่ละหน้าเว็บเพจเอง  เช่น กระดานข่าว (Webboard), ระบบสืบค้นข้อมูล เว็บไซต์รูปแบบนี้จะถูกสร้างด้วยภาษา Script แบบ Server Side Script เช่น PHP, ASP, ASP.Net, JSP และอื่นๆ  ไฟล์เอกสารที่ได้จะมีนามสกุล .php, .asp เป็นต้น และมักจะมีการติดต่อกับฐานข้อมูลเพื่อบันทึกข้อมูลลงในฐานข้อมูล หรือนำข้อมูลจากฐานข้อมูลขึ้นมาแสดงผลเป็นหน้าเว็บเพจ

ส่วนประกอบของหน้าเว็บเพจ แบ่งเป็น 3 ส่วน ส่วนหัวของหน้า (Page Header) ส่วนของเนื้อหา (Page Body) ส่วนท้ายกระดาษ (Page Footer)

1. ส่วนหัว (Page Header)  จะอยู่บริเวณบนสุดของหน้าเว็บเพจ เป็นส่วนที่แสดงชื่อ เว็บไซต์ โลโก้ แบนเนอร์โฆษณาลิงก์สำหรับข้ามไปยังหน้าเว็บอื่น 2. ส่วนเนื้อหา (Page Body)  จะอยู่บริเวณตอนกลางของหน้าเว็บเพจ ซึ่งเป็นส่วนที่แสดงเนื้อหาภายในหน้าเว็บเพจนั้น โดยประกอบด้วยข้อความ ข้อมูล ภาพเคลื่อนไหว เป็นต้น

3. ส่วนท้าย (Page Footer)  จะอยู่บริเวณด้านล่างสุดของหน้าเว็บเพจ ส่วนมากใช้สำหรับลิงก์ข้อความสั้น ๆ เข้าใจง่าย หรือจะมีชื่อเจ้าของ เว็บไซต์ อีเมลแอดเดรสของผู้ดูแลเว็บไซต์สำหรับติดต่อกับทางเว็บไซต์

ขั้นตอนการพัฒนาเว็บไซต์ 1. วางแผนการพัฒนาเว็บเพจ การกำหนดรูปแบบโครงสร้าง ออกแบบหน้าเว็บแต่ละหน้า 2. กำหนดไดเร็กทรอรี่ หรือโฟลเดอร์ (Directory/Folder) ที่ใช้เก็บเอกสารเว็บ 3. สร้างภาพหรือจัดหาภาพที่เกี่ยวข้องกับเนื้อหาแล้วจัดเก็บไว้ในไดเร็กทรอรี่ตามข้อ 2. 4. สร้างเอกสารเว็บ โดยกำหนดชื่อไฟล์เอกสารเว็บ ตามข้อกำหนดของผู้ดูแลระบบเครือข่าย (Web System Administrator) และจัดเก็บไว้ในไดเร็กทรอรี่ตามข้อ 5. ตรวจสอบผลเอกสารเว็บผ่านเบราเซอร์ 6. ส่งข้อมูลขึ้นเครื่องแม่ข่าย (Server) และทำการตรวจสอบผลการเรียกดูจาก เครื่องแม่ข่าย

การวางแผนพัฒนาเว็บเพจ

การวางแผนพัฒนาเว็บเพจ (ต่อ)

Example

? ? ?

http://www.prapayneethai.com/th/culture/

http://thai.tourismthailand.org/

http://women.sanook.com/health/

แบบฝึกหัด คำชี้แจง: จงออกแบบหน้าเว็บไซต์ตามความคิดและจินตนาการของนักเรียน