บทที่ 2 การพัฒนาเว็บไซต์

บทที่ 2 การพัฒนาเว็บไซต์

เว็บเพจ (Webpage) คือ ไฟล์ HTML ของหน้าเว็บที่สร้างขึ้น บราวเซอร์ (Browser) คือ โปรแกรมที่ใช้ในการเปิดไฟล์ HTML เช่น Internet Explorer หรือ Netscape Navigation เป็นต้น

เครือข่ายอินเทอร์เน็ต (Internet) คือ เครือข่ายที่ใช้ในการส่งผ่านเว็บเพจและข้อมูลต่าง ๆ ระหว่างเครื่องที่เชื่อมต่อกันอยู่ในเครือข่าย

เว็บเซิร์ฟเวอร์ (Web Server) คือ เครื่องคอมพิวเตอร์ที่ติดตั้งโปรแกรมสำหรับทำหน้าที่ เก็บไฟล์ของเว็บไซต์ต่างๆเอาไว้ และ ให้บริการเมื่อมีการร้องขอเพื่อเปิดดู

HTML (Hyper Text Markup Language) คือ ภาษามาตฐานที่ ใช้ในการสร้างเว็บเพจ เพื่อนำไป แสดงบนบราวเซอร์

FTP (File Transfer Protocol) คือ โปรโตคอลหรือมาตรฐานรูปแบบ หนึ่งที่ใช้ในการรับ - ส่งข้อมูล ระหว่างเครื่องคอมพิวเตอร์ผ่าน เครือข่ายอินเทอร์เน็ต

เว็บเซิร์ฟเวอร์ (Web server) คือ เครื่องคอมพิวเตอร์เครื่องหนึ่งใน เครือข่ายอินเทอร์เน็ตที่ทำหน้าที่ เก็บรวบรวมเว็บไซต์ต่าง ๆ เอาไว้ เพื่อให้ผู้ชมสามารถเข้ามาเปิดดู เว็บไซต์นั้นได้

ชื่อโดเมน (Domain name) คือ ชื่อที่ใช้อ้างถึงเว็บไซต์แทน IP Address เพื่อให้จดจำได้ง่าย โดยรูปแบบคือ ชื่อ.รหัสโดเมน

คำที่ควรรู้จักก่อนสร้างเว็บไซต์

• เว็บไซต์ (Website) คือ ทุกสิ่งทุกอย่างที่ประกอบกันขึ้นมาเป็นเว็บ

• เว็บเพจ (Webpage) คือ ไฟล์ HTML 1 ไฟล์ที่แสดงผลบนบราวเซอร์

• โฮมเพจ(Homepage) คือ เว็บเพจหน้าแรกของเว็บไซต์ หรือเปรียบหน้าเหมือหน้าปกหนังสือ

• URL (Universal ResourceLocation) คือ มาตรฐานในการกำหนดที่อยู่ของเว็บไซต์ในเครือข่ายอินเทอร์เน็ต หรือเรียกอีกอย่างว่าที่อยู่ของเว็บไซต์ (Internet Address)

• บราวเซอร์ (Browser) คือโปรแกรมที่ใช้แสดงเว็บเพจ เป็นเสมือนเครื่องมือที่ใช้ในการแปลภาษา HTM

• HTML (Hyper Text Markup Language) คือ ภาษามาตฐานที่ใช้ในการสร้างเว็บเพจ เพื่อนำไป
  แสดงบนบราวเซอร์

• FTP (File Transfer Protocol) คือ โปรโตคอลหรือมาตรฐานรูปแบบหนึ่งที่ใช้ในการรับ-ส่งข้อมูล
  ระหว่างเครื่องคอมพิวเตอร์ผ่านเครือข่ายอินเทอร์เน็ต

• เว็บเซิร์ฟเวอร์ (Web server) คือเครื่องคอมพิวเตอร์เครื่องหนึ่งในเครือข่ายอินเทอร์เน็ตที่ทำหน้าที่
  เก็บรวบรวมเว็บไซต์ต่าง ๆ เอาไว้เพื่อให้ผู้ชมสามารถเข้ามาเปิดดูเว็บไซต์นั้นได้

• ชื่อโดเมน (Domain name) คือชื่อที่ใช้อ้างถึงเว็บไซต์แทน IPAddress เพื่อให้จดจำได้ง่าย โดย
  รูปแบบคือ ชื่อ.รหัสโดเมน

รหัสโดเมน

• Com-กลุ่มองค์กรการค้า
• Edu-กลุ่มการศึกษา
• Gov- กลุ่มองค์กรรัฐบาล
• Mit-กลุ่มองค์กรการทหาร
• Net-กลุ่มการบริการเครือข่าย
• Org-กลุ่มองค์กรอื่นๆ

ขั้นตอนการสร้างเว็บไซต์

1. สร้างแปลนของเว็บไซต์

• สำรวจความต้องการเพื่อหาจุดมุ่งหมายในการจัดทำเว็บไซต์ โดยต้องตอบคำถาม 4 ข้อ คือ “เพื่ออะไร” “ทำเพื่อใคร” “จุดเด่นจุดด้อยของเว็บใกล้เคียง” และ “จุดเด่นและจุดด้อยของเว็บตนเอง”

• สร้าง Site map คือการเขียนแบบร่างออกมาว่าเว็บไซต์ว่าจะมีกี่หน้า การเชื่อมโยงระหว่างแต่ละหน้าเป็นอย่างไร

• หาข้อมูลสำหรับเว็บไซต์ หลังจากได้ site map ออกมาเป็นที่เรียบร้อยก็เป็นขั้นตอนการเตรียมข้อมูลแต่ละหน้า ทั้ง ส่วนเนื้อหา ภาพประกอบ และลูกเล่นอื่นๆ เช่น เสียง รูปเคลื่อนไหว

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

     2.  ออกแบบและลงมือสร้าง

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

     3.  การเผยแพร่และประชาสัมพันธ์

• Web Hosting
• ข้อพิจารณา Web Hosting
• Free Web Hosting
• การ Upload

      4.  ประเมินผลเว็บไซต์

• จุดประสงค์หลักของการประเมินผลเว็บไซต์ ก็เพื่อนำผลของการประเมินมาพัฒนาเว็บไซต์ต่อไป
• ดูจาก email ที่ส่งมาถึงทีมผู้พัฒนา
• การนับจำนวน hit counter ของเว็บเพจ