วันพุธที่ 2 กรกฎาคม พ.ศ. 2557

HTML tag พื้นฐาน



HTML tag พื้นฐาน

  • HTML ย่อมาจากคำว่า Hyper  text Markup Language
  • ใช้โปรแกรม Notepad สร้าง
 Ex
                           
ผล
  • เปิดด้วยโปรแกรม 



 ที่มา : สมุดจดของ อ. ชัยราวี



Text Editor


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





  ***ข้อควรจำ*** 

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


                                      


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

แบ่งเป็น 2 ส่วน คือ

  • 1. ส่วน Head คือส่วนที่จะเป็นหัว (Header) ของหน้าเอกสารทั่วไป หรือส่วนชื่อเรื่อง(Title) ของหน้าต่างการทำงานในระบบ Windows 
  • 2. ส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้น  ซึ่งจะประกอบด้วย Tag คำสั่งในการจัดรูปแบบ หรือตกแต่งเอกสาร HTML





 HTML Tag  พื้นฐาน

  <HTML> </HTML>   
  •  คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม       
  <HEAD> </HEAD>

  • คำสั่ง <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ภายใน
  <TITLE> </TITLE>

  • คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar
  <BODY> </BODY>

  • คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น
  <br>
  • คำสั่งขึ้นบรรทัดใหม่
  <p> ข้อความ </p>
  • คำสั่งย่อหน้าใหม่ 


                              

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

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


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



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




Webpage
เว็บเพจ(อังกฤษ: webpage, web page)หรือหน้าเว็บ หมายถึง หน้าหนึ่งๆของเว็บไซต์ที่เราเปิดขึ้นมาใช้งานโดยทั่วไป เว็บเพจส่วนใหญ่จะอยู่ในรูปของเอกสาร htmlหรือ xhtml(ซึ่งมักมีนามสกุลไฟล์เป็น htm หรือ html)มีลิงค์สำหรับเชื่อมโยงไปยังเว็บเพจหน้าอื่นๆสามารถใส่รูปภาพและรูปภาพยังสามารถเป็นลิงก์กล่าวคือสามารถคลิกบนรูปเพื่อกระโดดไปหน้าอื่นได้ นอกจากนี้ยังสามารถใส่แอปเพล็ต(applet)ซึ่งเป็นโปรแกรมขนาดเล็กแสดงภาพเคลื่อนไหวมีปฏิสัมพันธ์กับผู้ใช้หรือสร้างเสียง ได้อีกด้วย
โปรแกรมที่ใช้เปิดดูเว็บเพจเรียกว่าเว็บเบราว์เซอร์ ตัวอย่างเว็บเบราว์เซอร์ที่เป็นที่นิยม เช่น อินเตอร์เน็ตเอ็กซ์พลอเรอร์, Netscape,มอซิลลาไฟล์ฟอกซ์,และซาฟารีเป็นต้น
โปรแกรมสำหรับสร้างเว็บเพจ เช่น โปรแกรม Macromedia Dreamweaver,PHP & MySQL , Flash Professional เป็นต้น


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



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


Web Browser

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

รายชื่อเว็บเบราว์เซอร์(web browser)ที่เป็นที่นิยมอย่างแพร่หลาย

  1. Internet Explorer
  2. Mozilla Firefox
  3. Google Chrome
  4. Safari 


HTML

  HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ

ใช้อะไรในการเขียน HTML การสร้างไฟล์HTMLเราสามารถสร้างจาก Text  Editor เช่นจาก Notepad หรือ  Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่ " ชื่อไฟล์ . html " ซึ่งถ้าหากคุณไม่ใส่ " " จะ กลายเป็นไฟล์.TXT แทนในปัจจุบันมีโปรแกรมต่างๆมากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้วมีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่างๆของโปรแกรมครับ
โครงสร้างพื้นฐาน HTML 
        โครงสร้าง HTML ประกอบด้วย 2 ส่วนสำคัญคือ
                1. ส่วนหัว ( Head )
                2. ส่วนเนื้อหา ( Body )
โดย CODE จะเป็นแบบนี้ครับ

1.<HTML>
2.<HEAD>
3.</HEAD>
4.<BODY>
5.</BODY>
6.</HTML>

URL

URL(ยูอาร์แอล)ย่อมาจากคำว่า Uniform Resource Locator หมายถึง ตัวบ่งบอกข้อมูลหรือที่อยู่ (Address)ของไฟล์หรือเว็บไซต์บนอินเตอร์เน็ต เช่น  URL ของกูเกิลประเทศไทย คือ http://www.google.co.th 


แหล่งอ้างอิง
http://th.wikipedia.org/wiki/%E0%B8%AD%E0%B8%B4%E0%B8%99%E0%B9%80%E0%B8%97%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%99%E0%B9%87%E0%B8%95 






  

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

สอนภาษาhtml

Fahsai Thanyares


ชื่อ นางสาวธัญญาเรศ นามสกุล สำเร็จดี ชื่อเล่น ฟ้า

เกิดวันที่ 20 พฤษภาคม 2538 อายุ 19 ปี

สีที่ชื่นชอบ สีฟ้า

อาหารจานโปรด ข้าวมันไก่

ดาราที่ชื่นชอบ โดมปกกรณ์ ลัมภ์ กันต์ กันตถาวร


วงดรีทีชื่นชอบ วงCocktail 

 

        ตุ๊กตาตัวโปรด หมีพูห์ คิตตี้ 

        คติประจำใจ ทำวันนี้ให้ดีที่สุด