วันพฤหัสบดีที่ 18 กันยายน พ.ศ. 2557
วันพฤหัสบดีที่ 31 กรกฎาคม พ.ศ. 2557
สอนภาษา HTML
HTML
HTML ย่อมาจาก Hyper Text Markup Language
ที่มา http://www.dwthai.com/Article/begin_html.htm
Text Editor
Text
Editor คือ
โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML
นั้น ในปัจจุบันมีโปรแกรม Text Editor หลายโปรแกรม เช่น NotePad ,
EditPlus หรือโปรแกรม Dreamweaver ซึ่ง
มีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย
ข้อดีของโปรแกรม Text Editor
1.เร็ว
2.ใช้งานง่าย ไม่ซับซ้อน
3.ไม่เปลืองทรัพยากรเครื่อง
4.มีฟังก์ชันพื้นฐานครบ Cut , Copy , Find , Replace , Delete ,และ Paste
ตัวอย่างโปรแกรม Text Editor
1.โปรแกรม
NotePad (ฟรี)- เป็นโปรแกรมที่มากับ Microsoft Windows
มีติดมาและสามารถเรียกใช้ได้เลย ตัวเลือกมีให้ไม่ค่อยมาก สีสีนไม่มี
เหมาะสำหรับทำการโน็ตข้อความสั้นๆ หรือเรียกแก้ไขโค้ดที่ไม่ซับซ้อนมาก
2.โปรแกรม Edit Plus (เสียเงิน) -
สร้างเพื่อเขียนโปรแกรมโดยเฉพาะ เช่น มีเลขบรรทัด , เปิดได้หลาย tab ,
โค้ดสี tool html form รองรับได้หลายโปรแกรมภาษา
3.โปรแกรม NotePad (ฟรี) - คล้ายกับ Edit Plus มักมีปัญหากับภาษาไทย เรื่อง Charector Set แต่ Option เยอะมาก
ที่มา http://mapsmile.com/mapboard/b4/text-editor/
Web Browser
Web
Browser คือ
โปรแกรมคอมพิวเตอร์ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศด้วย
ภาษาเฉพาะ เช่น ภาษา html ที่จัดไว้ที่ระบบบริการเว็บ หรืออื่นๆ
โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่าย
คอมพิวเตอร์ขนาดใหญ่ ที่เรียกว่า เวิลด์ ไวด์ เว็บ
ประโยชน์ของ Web Browser
1.สามารถดูเอกสารภายในเว็บเซิร์ฟเวอร์ได้
2.มีการแสดง้อมูลในรูปของ ข้อความ ภาพ และระบบมัลติมีเดียต่างๆ ทำให้การดูเอกสารบนเว็บมีความ น่าสนใจมากยิ่งขึ้น
ตัวอย่าง Web Browser
1. FireFox
2.Opera
3.Safari
4.Crazy Browser
5.Maxthon Browser
6.Google Chrome
7.Internet Explorer
<HTML> คือ คำสั่งเริ่มต้นในการเขียนโปรแกรม
ที่มา http://support.tarad.com/help/908
<HEAD> คือ คำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์
<TITLE> คือ คำสั่งที่ใช้แสดงชื่อของเอกสาร หรือชื่อเรื่องของไฟล์ HTML
<BODY> คือ
ส่วนสำคัญในการแสดงผลในเว็บบราวเซอร์ ซึ่งประกอบด้วยตัวอักษร รูปภาพ
กราฟิกต่างๆ
<BR> คือ การแบ่งบรรทัด ใช้เมื่อต้องการขึ้นบรรทัดใหม่
<P> คือ การย่อหน้าใหม่
ประโยชน์ของ Web Browser
1.สามารถดูเอกสารภายในเว็บเซิร์ฟเวอร์ได้
2.มีการแสดง้อมูลในรูปของ ข้อความ ภาพ และระบบมัลติมีเดียต่างๆ ทำให้การดูเอกสารบนเว็บมีความ น่าสนใจมากยิ่งขึ้น
ตัวอย่าง Web Browser
1. FireFox
2.Opera
3.Safari
4.Crazy Browser
5.Maxthon Browser
6.Google Chrome
7.Internet Explorer
แหล่ง
ที่มา
http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%80%E0%B8%9A%E0%B8%A3%E0%B8%B2%E0%B8%A7%E0%B9%8C%E0%B9%80%E0%B8%8B%E0%B8%AD%E0%B8%A3%E0%B9%8C
องค์ประกอบของเอกสาร HTML
ประกอบด้วย 2 ส่วน คือ
1.ส่วนของหัวโปรแกรม (Head) เป็นการกำหนดข้อความในส่วนที่เป็นชื่อเรื่องซึ่งจะปรากฏบนไตเติลบาร์ ของโปรแกรมเว็บบราวเซอร์เท่านั้น
2.ส่วน
เนื้อหาของโปรแกรม (Body) เป็นส่วนที่สำคัญที่สุดในการแสดงผลทั้งหมด
ไม่ว่าจะเป็นหัวเรื่อง เนื้อหาต่างๆ การนำรูปภาพต่างๆลงในเว็บเพจ
การนำเสียงเพื่อทำให้เว็บเพจน่าสนใจยิ่งขึ้น
รูปแบบ
<html>
<head>
<title>
<body>
<br>
<p>
แหล่งที่มา http://www.kmitl.ac.th/~kkpraser/HTML/Info.htm
ที่มา http://support.tarad.com/help/908
<HEAD> คือ คำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์
ที่มา http://support.tarad.com/help/908
ที่มา http://support.tarad.com/help/908
ที่มา http://support.tarad.com/help/908
ที่มา http://support.tarad.com/help/908
ที่มา http://support.tarad.com/help/908
คำศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บ
Internet
คือ เครือข่ายคอมพิวเตอร์ขนาดใหญ่ ที่มีการเชื่อมต่อระหว่างหลายๆเครือข่ายทั่วโลก โดยใช้ภาษาที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (Protocol) ผู้ใช้เครือข่ายนี้ สามารถสื่อสารถึงกันได้ในหลายๆทาง อาทิ อี เมลล์ เว็บบอร์ด และสามารถสืบค้นข้อมูลและข่าวสารต่างๆ รวมทั้งคัดลอกแฟ้มข้อมูลและโปรแกรมมาใช้ได้
แหล่งที่มา http://www.thaiall.com/article/internet.htm วันที่ 16 มิ.ย 57
WWW
แหล่ง ที่มา http://ngneservice.wordpress.com/2009/09/29/web-page-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/ วันที่ 16 มิ.ย 57
http://sasukrongkwang.com/index.php/how-to-use-computer-content/53-how-to-use-in-internet/110-url-is-mean-what.html
คือ เครือข่ายคอมพิวเตอร์ขนาดใหญ่ ที่มีการเชื่อมต่อระหว่างหลายๆเครือข่ายทั่วโลก โดยใช้ภาษาที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (Protocol) ผู้ใช้เครือข่ายนี้ สามารถสื่อสารถึงกันได้ในหลายๆทาง อาทิ อี เมลล์ เว็บบอร์ด และสามารถสืบค้นข้อมูลและข่าวสารต่างๆ รวมทั้งคัดลอกแฟ้มข้อมูลและโปรแกรมมาใช้ได้
 |
WWW
คือ พื้นที่ที่เก็บข้อมูลข่าวสารที่เชื่อมต่อกันทางอินเตอร์เน็ต
โดยการกำหนด URL คำว่า เวิลด์ไวด์เว็บมักจะใช้สับสนกับคำว่า อินเตอร์เน็ต
โดยจริงๆแล้ว เวิลด์ไวด์เว็บเป็นเพียงแค่บริการหนึ่งบนอินเตอร์เน็ต
แหล่งที่ http://www.phuketmultimedia.com/knowledge.html วันที่ 16 มิ.ย 57
Webpage
คือ
เอกสารเว็บชนิดหนึ่งที่เหมาะสมสำหรับ www. และ web browser
เว็บเบราว์เซอร์จะแสดงเว็บเพจบนจอคอมพิวเตอร์ หรือ อุปกรณ์เคลื่อนที่
เว็บเพจก็คือ สิ่งที่ปรากฏออกมา
แต่ศัพท์นี้ก็ยังหมายถึงแฟ้มคอมพิวเตอร์ที่มักเขียนเป็น html หรือ
ภาษามาร์กที่เทียบเคียงได้
ซึ่งมีลักษณะเด่นอันเป็นหลักก็คือการจัดเตรียมข้อความหลายมิติที่จะนำไปสู่
เว็บเพจอื่น ผ่านทาง
ลิงค์เว็บเบราว์เซอร์จะประสานงานกับทรัพยากรเว็บที่อยู่โดยรอบเว็บเพจที่
เขียน อาทิ สไตชิส และ รูปภาพ เพื่อนำเสนอเว็บเพจนั้น
แหล่งที่ http://www.d-looks.com/showblog.php?Bid=11642 วันที่ 16 มิ.ย 57
Website
คือ
หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงหันผ่านทางไฮเปอร์ลิงค์
ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์
โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ
หน้าแรกของเว็บไซด์ที่เก็บไว้ที่ชื่อหลัก จะเรียกว่า โฮมเพจ
เว็บไซด์โดยทั่วไปจะให้บริการต่อผู้ใช้ฟรี
แต่ในณะเดียวกันบางเว็บไซด์จำเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการ
เพื่อที่จะดูข้อมูลในเว็บไซด์นั้น
แหล่ง ที่มา http://ngneservice.wordpress.com/2009/09/29/web-page-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/ วันที่ 16 มิ.ย 57
Homepage
คือ คำที่ใช้เรียกหน้าแรกของเว็บไซด์ โดยเป็นทางเข้าหลักของเว็บไซด์ เมื่อเปิด
เว็บไซด์
นั้นขึ้นมา โฮมเพจ
ก็จะเปรียบเหมือนกับเป็นสารบัญและคำนำที่เจ้าของเว็บไซด์นั้นได้สร้างขึ้น
เพื่อใช้ประชาสัมพันธ์องค์กรของตน นอกจากนี้
ภายในโฮมเพจอาจมีเอกสารหรือข้อความที่เชื่อมโยงไปยังเว็บเพจอื่นๆอีกด้วย
หน้าโฮมเพจของเว็บไซด์ ประกอบด้วนส่วนต่างๆ ดังนี้
1.โลโก้ (Logo) คือ
สิ่งสำคัญที่จะช่วยให้ผู้เข้าชมสมารถจดจำเว็บไซด์ของเราได้ นอกจากนี้
โลโก้ยัง ช่วยให้เว็บไซด์ของเราดูมีเอกลักษณ์ขึ้นด้วย
2.เมนูหลัก (Link menu) เป็นจุดเชื่อมโยงข้อมูลที่สำคัญ
ซึ่งรวบรวมไว้ในรูปแบบของปุ่มเมนู
หรือข้อความที่ผู้เยี่ยมชมเว็บไซด์สามารถรับรู้เรื่องราวที่น่าสนใจของเว็บ
ไซด์ได้ ควรมีข่าวและเนื้อหาใหม่ๆตลอด
3.โฆษณา (banner) เป็นส่วนที่สำคัญอีกเช่นเดียวกัน
เพราะเว็บไซด์ที่มีโฆษณาจะช่วยส่งเสริมภาพลักษณ์ ความน่าเชื่อถือ
และช่วยกระตุ้นความน่าสนใจ เพราะมักใช้ภาพเคลื่อนไหว (Gif Animation)
ประกอบ ซึ่งทำให้เว็บไซด์ของเราดูน่าดูยิ่งขึ้น จากกาวิจัย พบว่า
ภาพเคลื่อนไหวช่วยให้เว็บของเราดูน่าสนใจมากถึง 30 %
แต่ไม่ควรโฆษณามากเกินไปและควรจัดวางตำแหน่งให้เหมาะสมอีกด้วย
4.ภาพประกอบและเนื้อหา (content) เป็นส่วนที่ให้สาระความรู้กับผู้ชม
ซึ่งเนื้อหาที่ให้จะต้องมีขนาดพอเหมาะไม่สั้นหรือยาวเกินไป
ควรมีการปรับเนื้อหาใหม่ให้ทันกับปัจจุบันตลอดเวลา
จัดวางเนื้อหาให้เหมาะสมกับผู้ที่เข้าชม
และมีภาพที่เกี่ยวข้องจะทำให้เว็บน่าสนใจยิ่งขึ้น
5.การใช้สีเหมาะสมกับหน้าโฮมเพจ (Color) เพราะสีแต่ละสีจะให้ความรู้สึกที่มีผลด้านอารมณ์กับผู้เข้าชมในลักษณะที่แตกต่างกันไป
การสร้างโฮมเพจ สามารถทำได้หลายวิธี เช่น
1.ใช้ Web Hosting
ซึ่งเป็นเว็บไซด์ที่ทำหน้าที่ให้บริการจัดเก็บข้อมูล
โดยบางเว็บไซด์ให้บริการในการสร้างโฮมเพจสำเร็จรูปกับผู้ต้องการมีโฮมเพจ
ซึ่งจะมีรูปแบบของโฮมเพจให้เลือกได้ตามที่ต้องการ
หรือต้องการให้ออกแบบตามความประสงค์ของผู้ใช้บริการก็ได้
2.ใช้โปรแกรมสร้างเว็บเพจ
เป็นการสร้างโฮมเพจโดยการใช้โปรแกรมสำเร็จรูปในการสร้าง
ทำให้สามารถสร้างตาราง จัดวางตำแหน่งข้อความหรือรูปภาพได้สะดวก
ตลอดจนการปรับแต่งแก้ไขจะทำได้ง่าย ซึ่งโปรแกรมที่นิยมใช้ในปัจจุบัน
ได้แก่ โปรแกรม Dreamweaver , Front Pang , Go Live or Home Site เป็นต้น
3.โปรแกรมภาษา Html และ Java Scritp การสร้างโฮมเพจโดยใช้โปรแกรมภาษา
Html และ Java Scritp นั้น
ผู้สร้างโฮมเพจจะต้องมีความสามารถและความชำนาญในการเขียนโปรแกรมได้เป็น
อย่างดี เนื่องจากการสร้างโฮมเพจด้วยวิธีนี้
เป็นการพิมพ์คำสั่งและข้อมูลที่ต้องการแสดงบนโฮมเพจพร้อมกัน
แหล่งที่ http://www.codingbasic.com/html.html วันที่ 16 มิ.ย 57
Web browser
คือ
โปรแกรมคอมพิวเตอร์ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่
จัดเก็บในหน้าเว็บที่สร้างด้วยภาษาเฉพาะ เช่น ภาษา Html
ที่จัดเก็บไว้ที่ระบบบริการเว็บ หรือเซิอร์ฟเวอร์ หรือระบบคลังข้อมูลอื่นๆ
โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อสื่อสารกับเครือข่าย
คอมพิวเตอร์ขนาดใหญ่ที่เรียกว่า เวิลด์ไวด์เว็บ
เว็บเบราว์เซอร์ตัวแรกของโลก ชื่อ เวิลด์ไวลด์เว็บ เว็บเบราว์เซอร์ที่นิยมมากที่สุดในปัจจุบันคือ Google Chrome
แหล่งที่มา http://www.phuketmultimedia.com/knowledge.html วันที่ 16 มิ.ย 57
HTML
เป็นภาษามาร์กอัปหลักในปัจจุบันที่ใช้ในการสร้างเว็บเพจหรือข้อมูลอื่นที่
เรียกผ่านทางเว็บเบราว์เซอร์ ซึ่งตัวโค้ดจะแสดงโครงของข้อมูล
ในการแสดงหัวข้อ ลิงค์ ย่อหน้า รายการ รวมถึง การสร้างแบบฟอร์ม
เชื่อมโยงภาพหรือวิดีโอด้วย โครงสร้างของโค้ช html
จะอยู่ในลักษณะภายในวงเล็บ สามเหลี่ยม
Html เริ่มพัฒนาโดย ทิม เบอร์เนอร์ลี (Tim Berners Lee) สำหรับภาษา
SGML ในปัจจุบัน html เป็นมาตรฐานหนึ่งของ ISO ซึ่งจัดโดย World Wide Web
Consortium (W3C) ในปัจจุบัน ทาง W3C ผลักดัน รูปแบบของ HTML
แบบใหม่ที่เรียกว่า XHTML ซึ่งเป็นลักษณะของโครงสร้าง XML
แบบหนึ่งที่มีหลักเกณฑ์ในการกำหนดโครงสร้างของโปรแกรมที่มีรูปแบบที่มี
มาตรฐานกว่ามาทดแทนใช้ HTML รุ่น 4.01 ที่ใช้กันอยู่ในปัจจุบัน ขณะที่ HTML
รุ่น 5 ยังคงอยู่ในระหว่างการพิจารณา โดยมีการออกดราฟต์มาเสนอ
เมื่อวันที่ 22 มกราคม 2551
HTML ยังคงเป็นรูปแบบไฟล์อย่างหนึ่ง สำหรับ .html และ .htm ที่ใช้ในระบบปฎิบัติการที่รองรับรูปแบบนามสกุล 3 ตัวอักษร
แหล่งที่มา http://xn--c3c3aa0bbtd3c2b5ice8ftde.blogspot.com/2013/12/web-browser-web-browser.html วันที่ 16 มิ.ย 57
URL
คือ ตัวระบุแหล่งทรัพยากรสากล (URL) ประเภทหนึ่ง
ซึ่งใช้สำหรับระบุแหล่งที่อยู่ของทรัพยากรที่ต้องการ
และมีกลไกบางอย่างสำหรับดึงข้อมูลทรัพยากรนั้นมา
ในการใช้ในเอกสารทางเทคนิคและการอภิปลานทั่วไป มักจะใช้ URL
แทนความหายที่คล้ายกับ URI ซึ่งไม่ใช่ความหมายที่ถูกต้อง
และอาจทำให้เกิดความสับสน ในภาษาพูดทั่วไป URL อาจหมายถึง
ที่อยู่บนเว็บ หรือ ที่อยู่บนอินเตอร์เน็ตก็ได้ ซึ่งปกติแล้วเรามักพิมพ์
URL ในแถบที่อยู่ของเว็บเบราว์เซอร์เื่อเรียกข้อมูลจากเว็บไซด์
http://sasukrongkwang.com/index.php/how-to-use-computer-content/53-how-to-use-in-internet/110-url-is-mean-what.html
วันพฤหัสบดีที่ 19 มิถุนายน พ.ศ. 2557
ประวัติส่วนตัว
น.ส.ภัทรพร โฉมงาม
ชื่อเล่น ฝ้าย
ชั้น ม.6/2 เลขที่ 19
เกิดวันที่ 13 สิงหาคม 2539
สีที่ชอบ ชมพู
อาหารที่ชอบ ข้าวต้มกุ้ง ข้าวมันไก่ ก๋วยเตี๋ยวเรือ
อาหารที่ไม่ชอบ ผัดกระเพราหมูสับ
คณะที่สนใจ คณะสหเวชศาสตร์และคณะการท่องเที่ยวและการโรงแรม
วิชาที่ชอบ ภาษาไทย วิทยาศาสตร์ ภาษาอังกฤษ
e-mail : pattaraporn7162@gmail.com
สมัครสมาชิก:
บทความ (Atom)