HTML: มิถุนายน 2012

วันจันทร์ที่ 25 มิถุนายน พ.ศ. 2555

Week2 HTML tag พื้นฐาน

HTML ย่อมาจาก ใช้โปรแกรมอะไรและเปิดดูเอกสาร
- ย่อมาจาก Hypertext Markup Language
-ใช้โปรแกรม Note Pad

เปิดดูเอกสาร เป็นเอกสารที่สามารถเชื่อมโยงข้อมูลไปยังเอกสารอื่น จุดเด่นที่สำคัญที่สุดของ HTML นั้นก็คือ ความเป็นเอกสารที่มีความสามารถมากกว่าเอกสารทั่วไป และมีความสามารถแบบ Hypertext คือสามารถเปิด ดูได้โดยโปรแกรมแก้ไขข้อความต่าง ๆส่วนการเชื่อมโยงข้อมูลไปยังเอกสารอื่น ๆ นั้นสามารถทำได้โดยการใส่สัญลักษณ์พิเศษ เข้าไปในเอกสารที่เรียกว่า แท็ก (tag) ซึ่งจะถูกอ่านโดยโปรแกรมเว็บบราวเซอร์ต่าง ๆ เช่น IE , Netscape , Opera ฯลฯ ซึ่งภาษา HTML นั้นมีรากฐานมาจากภาษา SGML (Standard General Marup Language) ซึ่งเป็นอีกภาษาหนึ่งที่ใช้ในการ ใช้งานอินเตอร์เน็ตในระยะแรก ๆ และต่อมาก็ได้มีการพัฒนาภาษา HTML อยู่ตลอดเวลา จนกระทั่งปัจจุบันนี้เป็น HTML4 ภาษา HTML นั้นก็มีคุณสมบัติที่ง่ายต่อการเขียน ไม่ว่าจะเป็นผู้ที่ไม่มีความรู้ทางด้านภาษาโปรแกรมใด ๆ เลย ก็สามารถเขียน ได้อย่างสบาย และจุดเด่นที่สำคัญที่สุด คือเราสามารถนำเสนอข้อมูลที่มีทั้งตัวอักษร ภาพ เสียง วิดีโอ และอื่น ๆ ที่รวมอยู่ในไฟล์ เดียวกันได้ และสามารถเชื่อมโยงกับเอกสารอื่น ๆ ได้ง่ายดาย

Text Editor คืออะไร

Text Editor คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือ

ที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น

NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้าง

เว็บเพจด้วย

NotePad

EditorPlus

Dreamweaver

องค์ประกอบของเอกสาร html คือ รูปแบบมาตราฐานของเอกสาร HTML จะมีอยู่สองส่วน ส่วนแรกเรียกว่าส่วนหัว (head) และส่วนที่สองเรียกว่า ส่วนตัว(body) และทั้งสองส่วนจะต้องอยู่ภายใต้คู่แท็ก <HTML>....</HTML> เสมอ

<HTML>

<HTML> คือ ภาษาที่ใช้ในการเขียนเว็บเพจ ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิ้ง (Hyperlink) Markup หมายถึง วิธีในการเขียนข้อความ language หมายถึงภาษา ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ในการเขียนข้อความ ลงบนเอกสารที่ต่างก็เชื่อมถึงกันใน cyberspace ผ่าน

Hyperlink นั่นเอง

<head>

< head > คือ เป็นเครื่องมือที่ใช้โดยนักวิจัย หรือบรรณารักษ์ ในการค้นหาสารสนเทศ บน web site ของ gopher ซึ่งสามารถใช้ในการเมนูการค้นหาสำหรับโครงสร้าง gopher โดย Jug head คล้ายกับ veronica ซึ่งเป็นเครื่องมือค้นหาบน gopher อย่างไรก็ตาม jug head มีความทันสมัยน้อย และเฉพาะภายใน gopher เมื่อไฟล์บนแม่ข่าย gopher ได้แปลงเป็นไฟล์ HTML แล้ว gopher จึงมีความสำคัญน้อยลง

<Title>

< Title > คือ จะเปนส่วนหนึ่งของ Title Bra ตรงด้านบน IE ที่จะเป็นชื่อและจะใส่อะไรก็ได้ เช่น <title> Title Bra </title>

<Body>

< BODY > คือ เป็นส่วนสำคัญ คือ Tag BODY โดยใน <BODY> และ </BODY> นั้นจะเป็นส่วนหนึ่งของข้อความบนหน้าเว็บนั้นเอง

<BR>

< BR > คือ เป็นแท็กที่ใช้สำหรับขึ้นบรรทัดใหม่ในส่วนเนื้อหาของ BODY

<P>

< P > คือ เป็นแท็กที่ใช้สำหรับย่อหน้า ในเนื้อหาของ BODY เช่นกัน

ตัวอย่างโค๊ต และ การเเสดงผล

รูปแบบโค๊ต

ข้อมลูอ้างอิง

http://www.codingbasic.com/html.html

http://guru.google.co.th/guru/thread?tid=3857d4dc485393cc&pli=1

http://school.obec.go.th/pp_school/html/editor.html

http://203.146.15.109/lms/content/multimedia/multi_lesson/lesson/03/html.html 25/06/2555

วันอังคารที่ 12 มิถุนายน พ.ศ. 2555

คำศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บ

อินเทอร์เน็ต

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

WWW

คำจำกัดความทางเทคนิคของ World Wide Web คือ ทรัพยากรทั้งหมดและผู้ใช้บนอินเตอร์เน็ตใช้ Hypertext Transfer Protocol (HTTP) คำจำกัดความด้านขอบเขตที่มาจาก World Wide Web Consortium (W3C) คือ "World Wide Web เป็นจักรวาลของเครือข่ายสารสนเทศที่เข้าถึงได้ ที่รวบรวมความรู้ของมนุษย์

เว็บไซต์ Website

Web (ใยแมงมุม) และ Site(โครงข่าย) หรือเรียกว่า "โครงข่ายในแมงมุม" ซึ่งหมายถึง กลุ่มของเว็บเพจที่เกี่ยวข้องและสัมพันธ์กัน ประกอบไปด้วย เว็บเอกสาร(Web Documents) และสื่อประสมต่าง ๆ เช่น ภาพ เสียง ข้อความ เป็นต้น ซึ่งอาจเรียกเอกสารต่าง ๆ เหล่านี้ว่า เว็บเพจ (Web Page) และเรียกเว็บหน้าแรกของแต่ละเว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า เว็บไซต์ก็คือเว็บเพจอย่างน้อยสองหน้าที่มีลิงก์ (Links) เชื่อมต่อถึงกัน

โฮมเพจ (Home Page) คือ หน้าแรกที่เข้าสู่เว็บไซต์นั้น ๆ
เว็บเพจ (Web Page) คือ หน้าแต่ละหน้าที่มีการเชื่อมโยงถึงกัน

Web Page

Web Page คือ สารสนเทศ หรือเอกสารที่อยู่บน อินเตอร์เน็ต Web Page จะเขียนด้วยภาษา HTML(Hyper Text Markup Language) ซึ่งจะกำหนดให้ มีเนื้อหาและรูปแบบต่างๆ เช่น ข้อความ รูปภาพ ภาพเคลื่อนไหวที่มีเสียงประกอบ (video & audio files) hypertext links เป็นต้น

Home Page

1. สำหรับผู้ใช้เว็บ Home Page คือ เว็บเพจแรกที่ปรากฏหลังจากเริ่มใช้ web browser เช่น Netscape Navigator หรือ Microsoft Internet Explorer ซึ่ง browser มักจะได้รับการตั้งค่าก่อน ดังนั้น home page คือ เพจแรกของผู้ผลิต browser อย่างไรก็ตามผู้ใช้สามรถตั้งค่าการเปิด web site อื่น ๆ ได้ เช่น การระบุเป็น "http://yahoo.com" เป็น home page ของผู้ใช้ และสามารถระบุเป็นหน้าว่างได้ สำหรับกรณีที่เลือกเพจแรกจาก รายการ book mark หรือ ป้อน address ของเว็บ
2. สำหรับผู้พัฒนา web site, home page ซึ่งเป็นเพจแรกที่ปรากฏเมื่อผู้ใช้เลือก site หรือ presence บน world wide web ซึ่ง address ของ web site คือ address ของ home page ถึงแม้ว่าผู้ใช้สามรถป้อน address (URL) ของทุกเพจ และมีการส่งเพจมาให้

Web browser

“โปรแกรมที่ใช้สำหรับท่องอิน เทอร์เน็ต (sufring the Internet) คือใช้ในการเปิด web page และอย่างอื่นอีกมาก” - http://www.vcharkarn.com/vblog/36733

“โปรแกรมที่ใช้สำหรับเป็นประตูเปิดเข้าสู่โลก WWW (World Wide Web) หรือพูดกันอย่างง่ายก็คือโปรแกรม
ที่ใช้สำหรับเล่นอินเทอร์เน็ตที่เรานิยมใช้กันอยู่ทุกวันนี้ โดยเว็บเบราว์เซอร ์ (Web Browser) จะเข้าใจในภาษาHTML นี้คือเหตุผลว่าทำไมต้องใช้ภาษา HTML ในการสร้างเว็บเพจ เพราะโปรแกรมเว็บเบราว์เซอร์นั่นสามารถเข้าใจ และสามารถทำงานตามคำสั่งของภาษา HTMLได้” - http://school.obec.go.th/pp_school/html/browser.html

“โปรแกรม คอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่ สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่นๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่าย คอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ” - http://www.mindphp.com + http://th.wikipedia.org

HTML

HTML (Hypertext Markup Language) เป็นกลุ่มของสัญลักษณ์หรือรหัสแบบ " markup" ที่เขียนในไฟล์สำหรับการแสดงบน web browser โดย markup จะบอก web browser ในการแสดงข้อความบนเว็บเพจ และภาพสำหรับผู้ใช้ รหัสแบบ markup ใช้การอ้างอิงส่วนประกอบ (หรือเรียกว่า tag)
HTML เป็นภาพมาตรฐานที่เสนอโดย World Wide Web Consortium (W3C) และได้รับการยอมรับจาก browser รายใหญ่ ซึ่งได้มีส่วนเพิ่มที่ไม่ใช่รหัสมาตรฐาน เวอร์ชันปัจจุบันของ HTML เป็น HTML 4.0 ส่วนสำคัญใน HTML4 ได้รับการเรียกว่า dynamic HTML ในบางครั้งอ้างอิงเป็น HTML 5.0 ซึ่งเป็นส่วนขยายของ HTML เรียกว่า Extensible Hypertext Markup Language

URL

The Uniform Resource Locators (URL) เป็นเสมือนที่อยู่ของเอกสารบนเว็บ ทุกๆ เอกสารจะต้องมี URL เป็นของตัวเอง แต่ละส่วนของ URL เป็นสิ่งที่ใช้ระบบข้อมูลเกี่ยวกับที่ตั้งของเอกสาร ตัวอย่างเช่น

http://www.xvlnw.com
http://www.xvlnw.com/index.php?name=download

แต่ละ URL ประกอบไปด้วยส่วนพื้นฐาน 3 ส่วน คือ Protocol, Server Machine และ File
Protocol ที่นิยมใช้ เช่น http:// , ftp:// , gopher:// , news://
Server machine อาจเป็นชื่อเครื่อง หรือ เลข IP ก็ได้ หรือบางครั้งอาจมีเครื่องหมาย : (Colon) ตามด้วยหมายเลข อยู่ต่อจาก Server machine เช่น proxy.chiangmai.ac.th:8080 เป็นต้น ซึ่งตัวเลขนั้นหมายถึง Port ที่ใช้ในการับส่งข้อมูลสำหรับ Web Server โดยปกติแล้ว Port มาตรฐานของ Web Servers คือ 80 ซึ่งจะระบุหรือไม่ก็ได้
File หากไม่มีการระบุชื่อไฟล์แล้ว Web Server จะมองหาไฟล์ที่ชื่อ index.html แล้วส่งไปให้ Web browser โดยอัตโนมัติ (หรือชื่ออื่นๆ ตามการกำหนดเงื่อนไขของแต่ละ Web Server)