RSS

ใบงานที่ 2 ความรู้พื้นฐานก่อนสร้างเว็บไซต์

 

ความรู้พื้นฐานก่อนสร้างเว็บไซต์

อินเทอร์เน็ต (Internet) มาจากคำว่า Inter และ net

1. อินเทอร์ (Inter) คือ ระหว่าง หรือท่ามกลาง

2. เน็ต (Net) คือ เครือข่าย (Network)

อินเทอร์เน็ต คือ การเชื่อมโยงเครือข่ายคอมพิวเตอร์เข้าด้วยกัน

Wold Wide Web ( WWW ) หมายถึง  เน็ตเวิร์คที่มีการเชื่อมต่อกันไปทั่วโลก   เรียกย่อว่า“ เว็บ “  (Web)  ในเว็บมีอะไรหลายอย่างที่น่าสนใจเก็บรวบรวม  ทำให้สามารถดูเอกสารหรือค้นหาสารสนเทศที่ต้องการได้ ซึ่งจะแสดงผลออกมาทีละหน้า  แต่ละหน้าเรียกว่า  “เว็บเพจ”  ( Web Page ) แหล่งเก็บเว็บเพจ w=world  = โลก w=wide   = กว้างขวาง แพร่หลาย w=web    = โครงข่าย ใยแมงมุม0

 เว็บไซต์ เว็บไซต์ (Web Site) คือ แหล่งที่เก็บรวบรวมข้อมูลเอกสารและสื่อประสมต่าง ๆ เช่น ภาพ เสียง ข้อความ ของแต่ละบริษัทหรือหน่วยงานโดยเรียกเอกสารต่าง ๆ เหล่านี้ว่า เว็บเพจ (Web Page) และเรียกเว็บหน้าแรกของแต่ละเว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า เว็บไซต์ก็คือเว็บเพจอย่างน้อยสองหน้าที่มีลิงก์ (Links) ถึงกัน ตามหลักคำว่า เว็บไซต์จะใช้สำหรับผู้ที่มีคอมพิวเตอร์แบบเซิร์ฟเวอร์หรือจดทะเบียนเป็นของ ตนเองเรียบร้อยแล้วเช่น http://www.google.co.th

ซึ่งเป็นเว็บไซต์ที่ให้บริการสืบค้นข้อมูลเป็นต้น สรุป เว็บไซต์ คือ ชื่อเรียกหรือที่อยู่ของเครื่องคอมพิวเตอร์ที่ให้บริการ

webpage คืออะไร

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

โปรแกรมที่ใช้เปิดดูเว็บเพจ เรียกว่า เว็บเบราว์เซอร์ ตัวอย่างเว็บเบราว์เซอร์ที่เป็นที่นิยม เช่น อินเทอร์เน็ตเอ็กซ์พลอเรอร์, Netscape, มอซิลลา ไฟร์ฟอกซ์, และ ซาฟารี เป็นต้น โปรแกรมสำหรับสร้างเว็บเพจ เช่น โปรแกรม Macromedia Dreamweaver , PHP & MySQL , Flash Professional เป็นต้น Web browser หมายถึงอะไร เว็บเบราว์เซอร์ (web browser) เบราว์เซอร์ หรือ โปรแกรมดูเว็บ คือ โปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่ สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่าย คอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ ประโยชน์ของ Web Browserสามารถ ดูเอกสารภายในเว็บเซิร์ฟเวอร์ได้ อย่างสวยงามมีการแสดงข้อมูลในรูปของ ข้อความ ภาพ และระบบมัลติมีเดียต่างๆ ทำให้การดูเอกสารบนเว็บมีความน่าสนใจมากขึ้น ส่งผลให้อินเตอร์เน็ตได้รับความนิยมเป็นอย่างมากเช่นในปัจจุบัน ปัจจุบัน web browser ส่วนใหญ่จะรองรับ html 5 และ อ่าน css เพื่อความสวยงามของหน้า รายชื่อเว็บเบราว์เซอร์ (web browser) ที่เป็นที่นิยมอย่างแพร่หลาย

  • Internet Explorer

  • Mozilla Firefox

  • Google Chrome

  • Safari

ความหมายและความเป็นมาของภาษา HTML          HTML ย่อมาจากคำว่า HyperText Markup Language เป็นภาษาหลักในการสร้างเว็บเพจ โดยมีแนวคิดจากการสร้างเอกสารไฮเปอร์เท็กซ์    (Hypertext Document : ข้อความในเอกสารที่เชื่อมโยงถึงข้อมูลต่าง ๆ ได้) ซึ่งพัฒนามาจากภาษา SGML  (Standard Generalized Markup Language)  โดย Tim Berners-Lee ใน ปี ค.ศ.1990 ซึ่งใช้ในระบบของ CERN (Conseil Europeen pour la Recherche Nucleaire) เบื้องต้นได้เริ่ม ใช้ในประเทศสวิตเซอร์แลนด์   จากนั้นก็ได้แพร่ขยายออกไป  ระบบนี้ได้ถูกตั้งชื่อว่า World Wide Web ( WWW ) ที่เรารู้จักกันมาจนถึงปัจจุบัน

 

ความหมายของคำสั่ง หรือแท็กต่างๆ ในโครงสร้างของภาษา HTML (ซึ่งต้องมีคำสั่งหรือแท็ก 4 ส่วนนี้เป็นหลักในเว็บเพจทุก ๆ หน้า)

<html> ….. ….. </html>

หมายถึง แสดงถึงจุดเริ่มต้นและจุดสิ้นสุดของภาษา HTML

<head> ….. ….. </head>

หมายถึง กำหนดรายละเอียดส่วนหัวเอกสาร HTML เช่น <title>……</title>

<title>…</title>

หมายถึง กำหนดชื่อเว็บเพจในแถบหัวเรื่อง หรือที่เรียกว่าไตเติ้ลบาร์ ของหน้าต่างเว็บเพจ

<body> …. </body>

หมายถึง ส่วนที่มีไว้สำหรับให้ผู้เขียนเว็บเพจใส่คำสั่งหรือแท็กต่าง ๆ บางครั้งอาจเรียกว่า “โค้ด” (Code)เช่น คำสั่งแสดงรูปภาพ, การกำหนดสีตัวอักษร, การทำอักษรวิ่ง, การสร้างตาราง, การทำชุดเชื่อมโยง เป็นต้น

แหล่งที่มา

1.http://thaiall.com/article/internet.htm

2.http://www.comsystemshop.com

3.http://school.obec.go.th

4.http://www.mindphp.com

 

2 responses to “ใบงานที่ 2 ความรู้พื้นฐานก่อนสร้างเว็บไซต์

  1. krunopict

    ธันวาคม 23, 2011 at 5:12 am

    ดีมาก ตรวจแล้วครับ

     
  2. krunopict

    มีนาคม 16, 2012 at 5:26 pm

    ตรวจแล้วครับ กรุณาตอบกลับด้วยครับ

     

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

 
%d bloggers like this: