HTML: มิถุนายน 2012

วันเสาร์ที่ 23 มิถุนายน พ.ศ. 2555

HTML tag พื้นฐาน

HTML

ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ การสร้างไฟล์ HTML เราสามารถสร้างจาก Text Editor เช่นจาก Notepad หรือ Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่ " ชื่อไฟล์ . html " ซึ่งถ้าหากคุณไม่ใส่ " " จะ กลายเป็นไฟล์ .TXT แทน ในปัจจุบัน มีโปรแกรมต่าง ๆ มากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้ว มีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่าง ๆ ของโปรแกรม

Text Editor

คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่างๆ ปัจจุบันมีโปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย

องค์ประกอบของเอกสาร HTML คือ

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

คำขยายความ

1) ข้อความหรือแท็กใดๆที่อยู่ระหว่างคู่แท็ก<HEAD>จะเป็นส่วนของ การบรรยายท่านลักษณะ

ของเอกสาร

2) ข้อความหรือแท็กใดๆที่อยู่ระหว่างคู่แท็ก<BODY>จะเป็นส่วนของ เนื้อหาของเอกสาร

<html> คือ

       <HTML>........</HTML>เป็นคำสั่งเริ่มต้นและสิ้นสุดเอกสาร HTML

<head> คือ

       <HEAD>.......</HEAD>ส่วนของ HEAD ของเอกสาร HTML เป็นส่วนที่เราจะสามารถใส่คำอธิบายเว็บเพจ เช่น Title หรือชื่อเรื่องของเอกสาร, Keyword สำหรับ การค้นหา ซึ่งเราจะเขียน TAG ในกลุ่มของ HEAD ไว้ภายในTAG <HEAD> …… </HEAD>

<title> คือ

        <TITLE>........</TITLE>เป็นส่วนแสดงชื่ออกสารโดยจะแสดงที่ไตเติล บาร์ของ วินโดว์ที่เปิดเอกสารนี้อยู่เท่านั้น

<body> คือ

        <BODY>.......</BODY>เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser เช่น การแสดงผลรูปภาพ การแสดงผล Contents การสร้างจุดเชื่อมโยง ซึ่งเราจะเขียน TAG ในกลุ่มของ Body ไว้ภายใน TAG <BODY> ….. </BODY>

<BR> คือ


          เป็น TAG สำหรับการขึ้นบรรทัดใหม่ของ HTML

<P> คือ

คือ การกำหนด Paragraph ของข้อมูลภายในเว็บเพจ

ตัวอย่างการเขียนโค้ดHTML

ผลลัพธ์ที่ได้จากการเขียนโค้ดHTML

แหล่งที่มา

http://help2.tht.in/Ati_Imtrocode.html
http://www.xvlnw.com/knowledge-readknowledge-id40.html
http://school.obec.go.th/pp_school/html/editor.html

23 มิถุนายน 2555

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

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

internet หมายถึง เครือข่ายคอมพิวเตอร์ขนาด ใหญ่ ที่มีการเชื่อมต่อระหว่างเครือข่ายหลายๆ เครือข่ายทั่วโลก โดยใช้ภาษาที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (Protocol) ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้ในหลายๆ ทาง อาทิเช่น อีเมล เว็บบอร์ด และสามารถสืบค้นข้อมูลและข่าวสารต่างๆ รวมทั้งคัดลอกแฟ้มข้อมูลและโปรแกรมมาใช้ได้

WWW คือ การใช้งานอินเทอร์เน็ตแบบ WWW (World Wide Web) เป็น เครื่องมือในการให้บริการข้อมูลข่าวสารบนอินเทอร์เน็ตที่ใช้ได้ง่าย สามารถชมได้ทั้งภาพนิ่ง เสียง VDO แม้แต่ส่ง Pager หรือจะสั่ง Pizza ก็ได้

Webpage คือ เนื้อหาของเว็บไซต์ทุกๆหน้า หรือหน้าใดๆได้ทุกหน้าจะเป็นหน้าที่เีรา่เรียกเฉพาะเจาะจงเข้าไป จะเป็นหน้า general หรือหน้าใดก็ได้ถ้าเป็นหนังสือก็คือ หน้าต่างๆที่เราเปิดไปเพื่อที่จะอ่าน

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

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

Web browser คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครื่อข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ

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

URL คือที่อยู่หน้าเว็บเพจ สามารถดูได้จากแถบที่อยู่ทุกครั้งที่ท่านเปิดหน้าเว็บปกติแล้ว URLจะเป็นกลุ่ม ของตัวอักษร เช่น http://wbac.wimol.ac.th/ แต่เราสามารถใส่ตัวเลขลงไปได้ และใน URLนั้นจะใช้ " / " จะไม่ใช่ " \ "เหมือน พาร์ทในเครื่องของ เช่น C:\windows ทำให้อาจจะพิมพ์ผิดได้ และURLนั้นจะแยกตัวอักษรใหญ่ และเล็กของชื่อไฟล์ เช่น INDEX.htm กลับ index.htm นั้น ก็จะเป็นคนละไฟล์กัน