ความรู้ทั้งหมดที่ฉันมีก่อนไปสอนน้องๆ

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

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

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

หลังจากนั้นจึงอธิบายศัพท์พื้นฐานทางอินเตอร์เน็ตที่ควรรู้

ADDRESS
แปลตรงตัวหมายถึงที่อยู่ อาจหมายถึงที่อยู่บนอินเตอร์เน็ต หรือ ที่อยู่ของอีเมล์ 

AUTHORING TOOL
เครื่องมือใช้ในการสร้างเอกสารจำพวก HTML เพื่อใช้สำหรับเผยแพร่ใน www

BACKBONE
การเชื่อมต่อข้อมูลด้วยความเร็วสูง สามารถเชื่อมต่อกับหลาย ๆ เครือข่าย

BRIDGE
เป็นอุปกรณ์ตัวหนึ่ง ที่ใช้สำหรับส่งต่อข้อมูลระหว่างสองระบบ หรือเครือข่าย ทำหน้าที่ส่งผ่าน package เท่านั้น

BROSWER
โปรแกรมสำหรับใช้เล่น internet เวิลด์ ไวด์ เว็บ (www) ได้แก่ Internter Explorer, Netscape, Opera

CLIENTS
คอมพิวเตอร์ลูกข่าย ที่เข้ามาขอใช้ข้อมูลจาก server ผ่านทางระบบเครือข่าย

COMPOSE
การแต่ง หรือเขียนจดหมาย Email

DIAL UP
การติดต่อกับคอมพิวเตอร์ หรือระบบเครือข่าย ผ่านทางสายโทรศัพท์

DNS
Domain Name Server การแปลงชื่อโฮตของเครือข่ายไปเป็นแอดเดรศ บนระบบเครือข่าย TCP/IP หรือใน internet

DOMAIN
กลุ่มของคอมพิวเตอร์ขนาดใหญ่บนเครือข่าย

DOWNLOAD
การส่งผ่านข้อมูล เช่น ไฟล์ภาพ, ไฟล์ภาพยนตร์, ไฟล์เสียงเพลง จากคอมพิวเตอร์เครื่องอื่น มายังเครื่องคอมพิวเตอร์ของเรา

DSL
Digital Subscriber Line อุปกรณ์ในการรับส่งข้อมูลความเร็วสูงอย่างหนึ่ง ผ่านทางสายโทรศัพท์ แต่เรายังคงใช้โทรศัพท์พร้อมกันได้ด้วย มีอีกชื่อหนึ่งที่ใช้เรียกกันคือ ADSL (Asymmetric Digital Subscriber Line)

EISA
การเชื่อมต่อหรือ อินเตอร์เฟส แบบมาตราฐานของการ์ดต่าง ๆ ปัจจุบันล้าสมัยแล้ว

EMAIL
Electronic Mail จดหมายอิเลคทรอนิกส์ ใช้สำหรับการรับ-ส่งข้อมูลผ่านทางเครือข่าย

ETHERNET
มาตราฐานของสายเคเบิล และการเดินสาย โดยมีความสัมพันธ์กับระบบสื่อสารของเครือข่าย โดยมีหน่วยความเร็วเป็น 10 mbps , 100 mbps เป็นต้น 

FIREWALL
แปลตรงตัวคือ กำแพงไฟ เป็นได้ทั้งซอร์ฟแวร์และฮาร์ดแวร์ สำหรับป้องกันการบุกรุกจากบุคคลภายนอกเข้ามาในระบบคอมพิวเตอร์ของเรา

FTP
File Transfer Protocal มาตราฐานการส่งผ่านข้อมูล จากระบบหนึ่งไปยังอีกระบบหนึ่งบน เครือข่าย TCP/IP

GATEWAY
คอมพิวเตอร์ตัวกลางในการเคลื่อนย้ายข้อมูลจากเครือข่ายหนึ่ง ไปยังอีกเครือข่ายหนึ่ง

GUEST BOOK
สมุดลงนาม ใช้สำหรับแสดงความคิดเห็นเกี่ยวกับ web site นั้น ๆ ที่คุณเข้าไปเยี่ยมชม เป็นช่องทางแสดงความคิดเห็นอย่างหนึ่ง

HOME PAGE
เอกสารหน้าแรก (หน้าแนะนำตัว) ของ เวิลด์ ไวด์ เว็บ ของ web site ต่างๆ 

HOST
คอมพิวเตอร์หลัก ที่ใช้สำหรับเก็บข้อมูล เช่น Host ของ web site ต่างๆ 

HTML
Hypertext Makrup Language ภาษาพื้นฐานสำหรับการสร้าง web ถือได้ว่าเป็นภาษาสากลสำหรับ web page 

INTERNET
เครือข่ายคอมพิวเตอร์ระดับโลก

ISDN
Integrated Service Digital Network มาตราฐานการติดต่อความเร็วสูงอย่างหนึ่ง เพื่อใช้ส่งสัญญาณเสียง วีดีโอ ทางสายดิจิตอล

ISP
Internet Service Provider บริษัทที่ให้บริการอินเตอร์เน็ต

JAVASCRIP, JAVA APPLET
เป็นภาษาหนึ่งที่ใช้สำหรับการสร้างและตกแต่งเอกสารบน เวิลด์ ไวล์ เว็บ

LAN
Local Area Network ระบบเครือข่าย สำหรับการแลกเปลี่ยนข้อมูล และทรัพยากรอื่น ๆ ได้ในพื้นที่จำกัด 

LOG IN
ขั้นตอนการขออนุญาต เข้าระบบ ปกติจะมี ID และ Password เป็นตัวควบคุม

MODEM
Modulator/Demodulator อุปกรณ์สำหรับเชื่อมคอมพิวเตอร์ผ่านทางสายโทรศัพท์ ทำให้สามารถรับส่งข้อมูลทางกันได้

NEWSGROUPS
กลุ่มสนทนาทางเครือข่าย หรือทางอินเตอร์เน็ต

PCI
Peripheral Component Intercnnect มาตราฐานการเชื่อม หรือ อินเตอร์เฟส แบบใหม่ที่ให้ความเร็วสูงกว่า ISA แล EISA

POP SERVER
Post Office Protocol คือ เซอร์เวอร์ที่ใช้ในการรับส่ง Email

PROTOCOL
มาตราฐานที่ใช้ร่วมกัน ในการติดต่อกับระบบคอมพิวเตอร์ด้วยกัน

PROXY SERVER
เซอร์เวอร์หรือโฮสต์ ใช้สำหรับเพิ่มความเร็วในการเล่นเน็ต โดยเก็บข้อมูลใน proxy server ทำให้ผู้ใช้รายอื่นๆ ไม่จำเป็นต้องไปค้นหาข้อมูลในต่างประเทศอีก

ROUTER
อุปกรณ์ที่ใช้สำหรับเชื่อมต่อระบบคอมพิวเตอร์อย่างหนึ่ง ทำหน้าที่แปลง package ของเครือข่ายหนึ่งให้เครือข่ายอื่นๆ เข้าใจได้

SCSI
Small Computer System Interface การเชื่อมต่ออุปกรณ์ เพื่อรับ-ส่ง ข้อมูลถึงกัน

SEARCH ENGINE
เครื่องมือช่วยในการค้นหา web site ต่างๆ บน internet

SERVER
คอมพิวเตอร์แม่ข่าย ที่ทำหน้าที่เป็นตัวกลางในการเก็บข้อมูล

SPAM MAIL
Email ที่ถูกส่งมายังผู้รับ โดยผู้รับไม่ได้ยินยอม โดยมีลักษณะคือส่งมาบ่อย ๆ และมักเป็นเรื่องเกี่ยวกับการขายสินค้าและบริการ

TCP/IP
Transmission Control Protocol/Internet Protocal เป็นมาตราฐานอย่างหนึ่งในการสื่อสาร ทางด้าานอินเตอร์เน็ต

TELNET
เครื่องมือในการติดต่อกับเครื่องคอมพิวเตอร์ที่อยู่ห่างไกล

TOKEN RING
มาตราฐานการเชื่อต่อเคเบิล อย่างหนึ่งในระบบเครือข่าย

UPLOAD
วิธีการส่งข้อมูลไปยังคอมพิวเตอร์เครื่องอื่น ๆ

URL
Unique Resource Locator ชื่อของคอมพิวเตอร์ ใช้เพื่อระบุตำแหน่งของเอกสารบน เวิลด์ ไวด์ เว็บ

WAN
Wide Area Network ระบบเครือข่ายขนาดใหญ่กว่า LAN สามารถติดต่ไปยังเครือข่ายภายนอกได้ทั่วโลก

WEBMASTER
ชื่อตำแหน่งของผู้ที่สร้าง ดูแล จัดการ web ทั้งนี้อาจหมายถึงเข้าของ web ก็ได้

WORLD WIDE WEB
WWW หรือ Web ระบบที่อนุญาตให้ผู้ใช้งานอินเตอร์เน็ต สามารถค้นหาข้อมูลภายใน web 

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

โปรแกรม Micromedia Dreamweaver MX
โปรแกรม Dreamweaver MX เป็นเวอร์ชันล่า โดยเป็นโปรแกรมประเภท Visual Webpage Layout Tool ที่ประกอบด้วยเครื่องมือต่างๆ ที่ใช้สำหรับสร้างเว็บเพื่อนำเสนอบนอินเทอร์เน็ต มีความสามารถในด้านต่างๆ คือ สามารถสนับสนุนรูปแบบของ Dynamic HTML จัดรูปแบบหน้าเว็บด้วย CSS (Cascading Style Sheets) Dynamic HTML Animation JavaScript Behaviors การออกแบบตาราง เฟรม และการจัดการของเว็บทั้งหมดนี้เป็นเพียงบางส่วนเท่านั้น ซึ่งยังมีคุณสมบัติที่นอกเหนือจากนี้อีก ที่จะให้คุณสามารถจัดการกับเว็บได้อย่างมืออาชีพ


โปรแกรม Microsoft FrontPage 2002
จุดเด่นของโปรแกรม FrontPage ในเรื่องของการบริหารเว็บไซต์ได้อย่างดีเยี่ยมเพราะเหมาะสำหรับเว็บที่มีเนื้อหาอยู่ในรูปของโปรแกรม Microsoft Office เป็นส่วนใหญ่ โดยมีการใช้งานที่ง่ายกว่า Micromedia Dreamweaver MX เพราะไม่มีขั้นตอนยุ่งยาก โดยสามารถเปลี่ยนแปลงไฟล์เอกสารที่อยู่ในชุด Office ไม่ว่าจะเป็น Word Excel Access และ PowerPoint ให้เป็นไฟล์ HTML ได้อย่างง่าย เพราะปัจจุบันไมโครซอฟต์ได้พัฒนาชุด Office สนับสนุนการใช้บนเว็บมากยิ่งขึ้น บางเว็บไซต์ยังใช้โปรแกรมตัวนี้อยู่เพราะเหมาะสำหรับผู้เริ่มต้น


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


โปรแกรม Adobe Illustrator
เป็นโปรแกรมที่ใช้ในการสร้างงานกราฟิก มี 2 ชนิดคือ โปรแกรมประเภทวาดภาพ และโปรแกรมประเภทตกแต่งภาพ สำหรับการสร้างภาพนั้นจะใช้เพื่อสร้างภาพเป็นลายเส้น หรือที่เรียกว่า Vector Graphic โดยจัดได้ว่าเป็นโปรแกรมระดับมืออาชีพที่ใช้กันเป็นมาตรฐานในงานออกแบบระดับสากล สามารถทำการออกแบบรูปภาพต่างๆ ไม่ว่าจะเป็นสิ่งพิมพ์ บรรจุภัณฑ์ เว็บ และภาพเคลื่อนไหวตลอดจน สำหรับการใช้ในการออกแบบภาพบนเว็บอาจจะใช้ออกแบบโลโก้ แบนเนอร์ สัญลักษณ์ต่างๆ ที่จำเป็นต้องใช้บนเว็บ จากนั้นก็จำมาตกแต่งใน Adobe PhotoShop เพื่อความสวยงามยิ่งขึ้น


โปรแกรม Adobe PhotoShop 
เป็นโปรแกรมที่ใช้ในการตกแต่งภาพให้เหมาะกับเว็บเพจ ปรับแต่งรูปภาพ ความคมชัดลึกของภาพ การปรับภาพให้คมชัดหรือพร่ามัว การปรับแต่งสีภายในภาพ การใช้ประโยชน์จากเลเยอร์ การสร้างภาพพื้นผิวแบบต่างๆ รวมไปถึงการใช้ฟิลเตอร์เพื่อปรับแต่งภาพหรือปรับขนาดภาพได้ตามความต้องการเพื่อดูสวยงามและเหมาะสมกับหน้าเว็บเพจ ปกติในหนึ่งหน้าจอขนาดจะเป็น 800 X 600 พิกเซล ที่เป็นที่นิยมแต่แนวโน้มในอนาคตการปรับขนาดของจอมอนิเตอร์ความละเอียดจะสูง โดยจะต้องใช้ขนาด 1024 X 768 พิกเซล 

เมื่อตัดสินใจได้แล้วว่าจะสร้างด้วยโปรแกรมใดก็จะให้น้องๆรู้จักภาษาและเครื่องมือที่จะใช้ในการสร้างเวปนั้น

1. HTML (ย่อมาจาก Hyper Text Markup Language)
เป็นภาษาที่ใช้สำหรับสร้างเว็บเพจ มีโครงสร้างประกอบไปด้วย tag และ attribute ต่างๆ ที่ใช้ในการควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่น ๆ     ภาษา HTML นั้นเป็นภาษาประเภท Markup ไม่จัดเป็นภาษาประเภท Programming  สามารถที่จะเรียนรู้ได้ง่าย

2. CSS (ย่อมาจาก Cascading Style Sheets)
เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ ถูกกำหนดขึ้นเพื่อใช้เสริมภาษา HTML ให้สามารถจัดรูปแบบการแสดงผลให้กับเอกสาร HTML ได้สมบูรณ์แบบมากขึ้น

3. XHTML (ย่อมาจาก Extensible HyperText Markup Language)
เป็นมาตรฐานใหม่ของ HTML คำสั่งต่างๆนั้นก็ยังเหมือนกับ HTML แต่จะมีความเข้มงวดในเรื่องโครงสร้างภาษามากกว่า และมีการตัด tag และ attribute ที่ล้าสมัยออกไป

นอกจากภาษาพื้นฐาน HTML/XHTML และ CSS  ในข้างต้นที่ไม่ใช่ภาษาสำหรับเขียนโปรแกรมแล้ว  เราอาจจะเคยได้ยินภาษา JavaScript, ASP, ASP.NET, PHP,JSP และอื่นๆ   ภาษาเหล่านี้เป็นภาษา Script ที่นิยมใช้ในการสร้างเว็บเพจ

1) Server-Side Script เช่น PHP, ASP, JSP, CGI    เป็นภาษา script ที่ประมวลผลที่ฝั่ง Server แล้วส่งผลลัพธ์ไปแสดงผลที่ฝั่ง Client ผ่านโปรแกรมเว็บบราวเซอร์ เช่น IE, Firefox

2) Client-Side Script เช่น JavaScript, VBScript, JScript   เป็นภาษา script ที่ประมวลผลบนเครื่องคอมพิวเตอร์ของผู้เยี่ยมชมเว็บไซต์ โดยใช้โปรแกรมเว็บเบราเซอร์  ซึ่งจะช่วยแบ่งเบาการทำงานให้กับเครื่อง Web Server ได้