| ชื่อ-สกุล | นางสาวสมัชญา โพธิ์คำ |
| ชื่อเล่น | มุ้ย |
| เบอร์โทรศัพท์ | 089-2822831 |
| อีเมล์ | samaschaya@gmail.com |
เว็บบล็อกคือ Samaschaya.blogspot.com
- Web Hot His
วันเสาร์ที่ 13 กันยายน พ.ศ. 2551
วันอังคารที่ 9 กันยายน พ.ศ. 2551
ภาษาhtml
เริ่มต้นกับ HTML
HTML ย่อมาจากคำว่า Typertext Markup Languageเป็นภาษาหลักที่ใช้ในการแสดงผลบนเว็บบราวเซอร์ในอินเตอร์เน็ตภาษา HTML แบ่งออก 2 ส่วนคือ ส่วนที่เป็นข้อความทั่ว ๆ ไป และส่วนที่เป็นคำสั่งที่ใช้ในการกำหนดรูปแบบในการเขียน
โครงสร้างเว็บเพจเว็บเพจทุก ๆ เว็บเพจต้องมีโครงสร้างภายใน ดังนี้
......... ..............................
อินเตอร์เน็ต
ปัจจุบันคอมพิวเตอร์ได้เข้ามามีบทบาทเป็นอย่างมาก เพราะสามารถทำงานได้สารพัด ตั้งแต่การจัดทำเอกสาร การช่วยทำบัญชี ไปจนถึงการดูหนังฟังเพลง เมื่อเครื่องคอมพิวเตอร์มีจำนวนมากขึ้น ก็ได้มีการนำมาเชื่อมโยงกันเพื่อให้เกิดการสื่อสารแลกเปลี่ยนข้อมูลได้ ซึ่งก่อให้เกิดประโยชน์เป็นอย่างมากเพราะเราสามารถรับส่งข้อมูลได้อย่างสะดวกรวดเร็ว เริ่มแรกคอมพิวเตอร์ได้ถูกทำมาเชื่อมต่อกันเป็นเครือข่ายเล็ก ๆ ภายในมหาวิทยาลัย หรือภายในองค์กร ต่อมาได้มีการนำเครือข่ายย่อย ๆ เหล่านั้นมาเชื่อมต่อกันจนเกิดเครือข่ายคอมพิวเตอร์ขนาดยักษ์ที่ถูกขนานนามว่า อินเตอร์เน็ต ซึ่งเชื่อมต่อมากกว่า 50 ล้านเครื่องทั่วโลก และได้มีประมาณการไว้ว่าจะเติบโตและขยายต่อไปเรื่อย ๆ โดยจะเชื่อมต่อคอมพิวเตอร์มากกว่า 300 ล้านเครื่องทั่วโลกในปี 2002
ประโยชน์ของอินเตอร์เน็ต
เราสามารถใช้อินเตอร์เน็ตได้หลายด้าน ขึ้นกับลักษณะการใช้งานของเรา ซึ่งสามารถสรุปเป็นแนวทางได้ดังนี้สื่อสารกับผู้อื่น เราสามารถใช้อินเตอร์เน็ตสื่อสารกับผู้อื่นได้ไม่ว่าจะอยุ่ไหลเพียงใดก็ตาม ซึ่งนอกจากการส่งเป็นจดหมายอิเลคทรอนิกส์ (e-mail) การ์ดอวยพรที่มีเสียงและภาพเคลื่อนไหว หรืออาจใช้เสียง ภาพ และข้อความสื่อสารกันแบบทันทีได้ ซึ่งนอกจากจะติดต่อกับคนที่เรารู้จักอยู่แล้ว เราสามารถหาเพื่อใหม่ในอินเตอร์เน็ต และแลกเปลี่ยนความคิดเห็นกับเขาได้ด้วยแหล่งความรู้ อินเตอร์เน็ตเป็นเหมือนแหล่งความรุ้ ที่มีข้อมูลมากมายที่เราสามารถนำมาใช้ได้ ซึ่งไม่เป็นเพียงข้อความเท่านั้น แต่มีทั้งเสียง ภาพ ภาพยนตร์ แหล่งข่าวสารและความบันเทิง เราสามารถติดตามข่าวล่าสุด ดูหนังฟังเพลง และภาพยนตร์ล่าสุด
จับจ่ายสินค้าและบริหาร อินเตอร์เน็ตเป็นแหล่งจับจ่ายสินค้า และบริการมากมาย ซึ่งปัจจุบันมีบริาัทนับหมื่นที่ได้หันมาประชาสัมพันธ์ตัวเอง และให้บริการลุกค้าบนอินเตอร์เน็ตตลอด 24 ชั่งโมง เราสามารถขอข้อมูลสินค้าและเปรียบเทียบราคาได้อย่างสะดวก และเมื่อชอบใจสินค้าใดก็สั่งซื้อทางอินเตอร์เน็ตได้เลยศูนย์รวมสารพัดโปรแกรมใช้งาน และเกม ในอินเตอร์เน็ตมีโปรแกรมใช้งาน และเกมมากมายที่เราสามารถนำมาใช้ได้ ซึ่ง มีตั้งแต่โปรแกรมประเภทฟรีแวร์ (freeware) ที่เรานำมาใช้ได้ฟรี หรือโปรแกรมประเภทแชร์แวร์ (shareware) ที่เราทดลองใช้ก่อน และซื้อมาใช้จริงหลังหมดเวลาทดลอง
World Wide Web (WWW)
World Wide Web (เรียกย่อ ๆ ว่าเว็บ) เป็นสิ่งที่ทำให้อินเตอร์เน็ตได้รับความนิยม จนมีผู้ใช้เพิ่มขึ้นอย่างทวีคูณ เพราะเป็นครั้งแรกที่ผู้ใช้อินเตอร์เน็ตไม่ต้องรุ้จักกับคำสั่งคอมพิวเตอร์ที่จดจำยาก แต่สามารถสื่อสารได้โดยการใช้ภาพ เสียง และภาพยนตร์ประกอบเนื้อหาที่เป็นข้อความ
โฮมเพจ (Home Page)
ในแต่ละเว็บไซต์จะประกอบด้วยเว็บเพจจำนวนหลายหน้า โดยจะมีการกำหนดเว็บเพจหน้าหนึ่งให้เป็นหน้าแรก เว็บเพจหน้านี้มีชื่อเรียกว่า "โฮมเพจ" ซึ่งทำหน้าที่เหมือนกับเป็นปกหนังสือ กล่าวคือโฮมเพจเป็นทางเข้าของเว็บเพจทั้งหมดในเว็บไซต์นั้น โดยโฮมเพจจะสรุปสิ่งที่น่าสนใจในเว็บไซต์ไปจนถึงหัวข้อที่เชื่อมต่อไปยังเว็บเพจอื่น โครงสร้าง HTML
โครงสร้างของภาษา HTML แบ่งออกได้เป็น 4 ส่วนหลัก ดังนี้
<><><> ชื่อหัวเรื่อง < /TITLE >< /HEAD ><> ข้อมูลที่ต้องการแสดงผล< /BODY >< /HTML >
1. ... เป็นคำสั่งแรกที่ต้องมีในภาษา HTML ซึ่งบ่องบอกว่านี่คือภาษา HTML โดยจะอยู่ที่จุดเริ่มต้นของเอกสารและท้ายเอกสารในแต่ละแฟ้ม2. ... เป็นส่วนกำหนดรายละเอียดหัวข้อเรือง ภายในจะมีคำสั่งย่อยอีกหนึ่งคำสั่ง3.... โดยข้อความภายในคำสั่งนี้ให้เราใส่ชื่อหัวเรื่องเว็บเพจที่ต้องการ4. ... ส่วนนี้เป็นส่วนของเนื้อหาเว็บเพจของเรา ไม่ว่าจะเป็นข้อความ รูปภาพ ตารางเสียง และการเชื่อมต่อไปยังเอกสารอื่น ๆ ที่จะไปแสดงผลที่เว็บบราวเซอร์
ตัวอย่างของการใช้คำสั่ง
<><><> ชื่อหัวเรื่อง < /TITLE >< /HEAD ><> Hello ! เห็นผมไหม?< /BODY >< /HTML >
">
">
การขึ้นบรรทัดใหม่
ใน HTML มีคำสั่งที่ใช้สำหรังจัดข้อความที่แสดงบนหน้าเว็บเพจได้แก่คำสั่ง
ตัวอย่างการใช้คำสั่ง
<><><> คำสั่งขึ้นบรรทัดใหม่ < /TITLE >< /HEAD ><> Hello ! <> เห็นผมไหม?< /BODY >< /HTML >
คำสั่งการย่อหน้าใหม่
การย่อหน้าใหม่
การใช้เส้นคั่นทางแนวนอน ในเว็บเพจของเรา จะช่วยแบ่งเนี้อหาออกเป็นส่วน ๆ ทำให้อ่านได้ง่าย
เส้นคั่นแบบทึบ เส้นคั่นปกติจะมีลักษณะเป็น 3 มิติ แต่ถ้าเราต้องการเส้นคั่นทึบ ให้กำหนดรูปแบบของเส้นั่นเป็นแบบ NOSHADE
ตัวอย่างการใช้คำสั่ง
<><><> เส้นคั่นบรรทัด< /TITLE >< /HEAD ><> Hello ! <> เห็นผมไหม?
เส้นคั่นแบบธรรมดา<>
เส้นคั่นแบบทึบ
< /BODY >< /HTML>
การสร้างเว็บเพจด้วยภาษา HTML
โดย Sorasak Sattayanuwatภาควิชาเทคโนโลยีการศึกษา คณะศึกษาศาสตร์มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตปัตตานี
HTML ย่อมาจากคำว่า "HyperText Markup Language" เป็นภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่งของคอมพิวเตอร์ ที่แสดงผลในลักษณะของเว็บเพจ ซึ่งสามารถแสดงผลได้ในรูปแบบต่างๆ ไม่ว่าเป็นภาพกราฟิก ภาพนิ่ง ภาพเคลื่อนไหว เสียง หรือการเชื่อมโยงไปยังเว็บไซต์อื่นๆ
ภาษา HTML เป็นภาษาที่มีลักษณะของโค้ด กล่าวคือ จะเป็นไฟล์ที่เก็บข้อมูลที่เป็นตัวอักษรในมาตรฐานของรหัสแอสกี (ASCII Code) โดยเขียนอยู่ในรูปแบบของเอกสารข้อความ จึงสามารถกำหนดรูปแบบและโครงสร้างได้ง่าย
การสร้างเว็บเพจ
เราสามารถสร้างเว็บเพจได้ 2 ทาง คือ
TextEditor โดยเราต้องรู้คำสั่งของภาษา HTML แล้วพิมพ์โปรแกรมเข้าไปทางTextEditor เช่น Notepad เป็นต้น
ตัวช่วยสร้าง โดยใช้โปรแกรมที่มีความสามารถในการสร้างเว็บเพจโดยเราไม่จำเป็นต้องรู้ภาษา HTML เพราะโปรแกรมเหล่านี้จะทำการแปลงให้เราอัตโนมัติ
ขั้นตอนในการสร้างเว็บเพจ
เปิดโปรแกรม TextEditor แล้วทำการพิมพ์คำสั่ง HTML แล้วเซฟเป็นไฟล์นามสกุล .htm หรือ .html
เปิดโปรแกรม WebBrowser เพื่อใช้ในการดูผลลัพธ์ที่ได้จากการเขียนภาษา HTML จากที่ได้เขียนจาก TextEditor
โครงสร้างภาษา HTML
การเขียนภาษา HTML นั้นมีส่วนประกอบหลักอยู่ 2 ส่วน คือ ส่วนที่เป็นเนื้อหา และส่วนที่เป็นคำสั่ง ส่วนที่เป็นคำสั่งนั้นจะอยู่ในรูปของ Tag ซึ่งจะเขียนอยู่ในเครื่องหมาย มากกว่า และ น้อยกว่า < > แต่ละ Tag มีหน้าที่ที่แตกต่างกันออกไป ซึ่งจะกล่าวในบทต่อไป
Tag แบ่งออกเป็น 2 ประเภท คือ
แท็กเดี่ยว คือ คำสั่งที่มีคำสั่งเพียงอย่างเดียว ซึ่งสามารถใช้และสิ้นสุดคำสั่งได้ด้วยตัวของมันเอง เช่น
ข้อความ....
แท็กคู่ คือ คำสั่งที่ต้องมีส่วนเริ่มต้นและส่วนจุดจบของคำสั่งนั้นๆ โดยแท็กที่เป็นส่วนจบนั้นจะมีเครื่องหมาย slash / ติดเอาไว้ เช่น
ส่วนของเนื้อหา ..... ข้อความ.....
*** ถ้าหากมีการใช้แท็กคู่หลายๆ คำสั่ง เช่น คำสั่งตัวขีดเส้นใต้ .... และตามด้วย คำสั่ง ตัวเอียง .... จะต้องปิดคำสั่งตัวเอียงก่อน แล้วจึงจะมาปิดคำสั่งตัวหนา***
U> ข้อความ....
เชื่อมโยงเว็บเพจด้วย Link
การใช้ Link นี้เองทำให้เว็บเพจแตกต่างจากเอกสารธรรมดา เพราะมันทำให้เนื้อหาในเว็บเพจสามารถตอบสนองผู้ใช้ได้โดยที่ผู้ใช้ไม่ต้องอ่านเนื้อหาทั้งหมดในเอกสารเว็บแต่ละหน้าแต่สามารถ Click mouse เปิดดูเฉพาะเว็บเพจที่สนใจ ในบทนี้จะกล่าวถึงการสร้าง Linkรูปแบบต่าง ๆ เพื่อเชื่อมโยงข้อมูลในเว็บเพจเข้าด้วยกัน
ขนาดตัวอักษร
เป็นคำสั่งที่ใช้กำหนดขนาดตัวอักษรทั้งหมดในไฟล์ให้มีค่าตามที่เรากำหนด ซึ่งขนาดตัวอักษรมีได้ตั้งแต่ 1 ถึง 7 คือ ขนาด 1 เป็นขนาดเล็กที่สุด และ ขนาด7 เป็นขนาดที่ใหญ่ที่สุด
ตัวอย่างการใช้คำสั่ง
<><><> ขนาดตัวอักษร ( Fontsize & Basefontsize )< /TITLE >< /HEAD ><>
ทดลองการกำหนดขนาด FONT SIZE="+2"
ทดลองการกำหนดขนาด FONT SIZE="-1"
< /BODY >< /HTML >
การกำหนดลักษณะตัวอักษร
การกำหนดลักษณะตัวอัการในเว็บเพจ มีอยู่ 2 วีธี ได้แก่- แบบ Physical ที่กำหนดรูปแบบตัวอักษรอย่างเจาะจง- แบบ Logical ที่ผู้ใช้บราวเซอร์สามารถกำหนดรูปแบบตัวอักษรได้ด้วยตนเอง
รูปแบบคำสั่ง
แบบอักษร
คำสั่ง
Bold (ตัวหนา)Italic (ตัวเอน)Typewriter Text (ตัวอัการพิมพ์ดีด)Strike (ตัวขีดฆ่า)Superscript (ตัวอักษรยกขึ้น)Subscript (ตัวอัการห้อยลง)Underline (ขีดเส้นใต้ข้อความ)Blink (ตัวอักษรกระพริบ)
.....................
การกำหนดสีพื้น และสีตัวอักษร
เราสามารถกำหนดสีให้กับเว็บเพจที่สร้างได้โดยมีสีให้เลือกมากกว่า 16.7 ล้านสี แต่เราควรใช้สีอย่างระมัดระวังเพราะการใช้สีที่ไม่เหมาะจะทำให้เว็บเพจของเราอ่านยาก และดูน่าปวดหัว สีที่ใช้ใน HTML นั้นเป็นค่าความเข้มระหว่างแม่สีสามสี ได้แก่ สีแดง สีเขียว และสีน้ำเงิน โดยระดับความเข้มของแต่ละสี มีค่าได้ตั้งแต่ 0-255ทำให้มีสีทั้งหมดที่เราสามารถเลือกใช้มีได้ถึง 16.7 ล้านสี
การกำหนดสีของพื้นฉากหลัง
เรากำหนดสีพื้น และสีตัวอักษรทั้งเว็บเพจที่แสดงได้ด้วย
รูปแบบคำสั่ง......
ตัวอย่างการใช้คำสั่ง
<><><>การกำหนดสีของพื้นฉากหลัง< /TITLE >< /HEAD >< bgcolor="#0000FF" text="#FFFFFF">กำหนดBACKGROUNDเป็นสีน้ำเงิน< /BODY >< /HTML >
การแสดงผล
กำหนดBACKGROUND เป็นสีน้ำเงิน
การกำหนดสีของตัวอักษร
ถ้าเราต้องการใช้ข้อความมีสีแตกต่างกันไปให้เราใช้คำสั่ง
รูปแบบคำสั่ง......
ตัวอย่างการใช้คำสั่ง
<><><>การกำหนดสีของตัวอักษร< /TITLE >< /HEAD >< text="#00ff00">กำหนดตัวอักษร เป็นสีเขียว< /BODY >< /HTML >
ตัวอย่างของสี
เราสามารถกำหนดสีได้ 2 วีธี คือ1. ใช้ชื่อของสีมาตรฐาน เช่น red blue2. ใช้รหัสเลขฐาน 16 เช่น #FF0000 #0000FF
ตัวอย่างของเลขฐาน 16 เทียบกับสี
color
เลขฐาน 16
color
เลขฐาน 16
color
เลขฐาน 16
color
เลขฐาน 16
FFFFFF
B5A642
42426F
7093DB
FF0000
238E68
5C4033
855E42
00FF00
D9D919
2F4F2F
856363
0000FF
A62A2A
4A766E
D19275
00FFFF
8C7853
4F4F2F
238E23
FFFF00
A67D3D
9932CD
CD7F32
000000
5F9F9F
871F78
DBDB70
70DB93
D98719
6B238E
C0C0C0
5C3317
B87333
2F4F4F
527F76
9F5F9F
FF7F00
97694F
93DB70
ขนาดตัวอักษร
เป็นคำสั่งที่ใช้กำหนดขนาดตัวอักษรทั้งหมดในไฟล์ให้มีค่าตามที่เรากำหนด ซึ่งขนาดตัวอักษรมีได้ตั้งแต่ 1 ถึง 7 คือ ขนาด 1 เป็นขนาดเล็กที่สุด และ ขนาด7 เป็นขนาดที่ใหญ่ที่สุด
ตัวอย่างการใช้คำสั่ง
<><><> ขนาดตัวอักษร ( Fontsize & Basefontsize )< /TITLE >< /HEAD ><>
ทดลองการกำหนดขนาด FONT SIZE="+2"
ทดลองการกำหนดขนาด FONT SIZE="-1"
< /BODY >< /HTML >
HTML ย่อมาจากคำว่า Typertext Markup Languageเป็นภาษาหลักที่ใช้ในการแสดงผลบนเว็บบราวเซอร์ในอินเตอร์เน็ตภาษา HTML แบ่งออก 2 ส่วนคือ ส่วนที่เป็นข้อความทั่ว ๆ ไป และส่วนที่เป็นคำสั่งที่ใช้ในการกำหนดรูปแบบในการเขียน
โครงสร้างเว็บเพจเว็บเพจทุก ๆ เว็บเพจต้องมีโครงสร้างภายใน ดังนี้
อินเตอร์เน็ต
ปัจจุบันคอมพิวเตอร์ได้เข้ามามีบทบาทเป็นอย่างมาก เพราะสามารถทำงานได้สารพัด ตั้งแต่การจัดทำเอกสาร การช่วยทำบัญชี ไปจนถึงการดูหนังฟังเพลง เมื่อเครื่องคอมพิวเตอร์มีจำนวนมากขึ้น ก็ได้มีการนำมาเชื่อมโยงกันเพื่อให้เกิดการสื่อสารแลกเปลี่ยนข้อมูลได้ ซึ่งก่อให้เกิดประโยชน์เป็นอย่างมากเพราะเราสามารถรับส่งข้อมูลได้อย่างสะดวกรวดเร็ว เริ่มแรกคอมพิวเตอร์ได้ถูกทำมาเชื่อมต่อกันเป็นเครือข่ายเล็ก ๆ ภายในมหาวิทยาลัย หรือภายในองค์กร ต่อมาได้มีการนำเครือข่ายย่อย ๆ เหล่านั้นมาเชื่อมต่อกันจนเกิดเครือข่ายคอมพิวเตอร์ขนาดยักษ์ที่ถูกขนานนามว่า อินเตอร์เน็ต ซึ่งเชื่อมต่อมากกว่า 50 ล้านเครื่องทั่วโลก และได้มีประมาณการไว้ว่าจะเติบโตและขยายต่อไปเรื่อย ๆ โดยจะเชื่อมต่อคอมพิวเตอร์มากกว่า 300 ล้านเครื่องทั่วโลกในปี 2002
ประโยชน์ของอินเตอร์เน็ต
เราสามารถใช้อินเตอร์เน็ตได้หลายด้าน ขึ้นกับลักษณะการใช้งานของเรา ซึ่งสามารถสรุปเป็นแนวทางได้ดังนี้สื่อสารกับผู้อื่น เราสามารถใช้อินเตอร์เน็ตสื่อสารกับผู้อื่นได้ไม่ว่าจะอยุ่ไหลเพียงใดก็ตาม ซึ่งนอกจากการส่งเป็นจดหมายอิเลคทรอนิกส์ (e-mail) การ์ดอวยพรที่มีเสียงและภาพเคลื่อนไหว หรืออาจใช้เสียง ภาพ และข้อความสื่อสารกันแบบทันทีได้ ซึ่งนอกจากจะติดต่อกับคนที่เรารู้จักอยู่แล้ว เราสามารถหาเพื่อใหม่ในอินเตอร์เน็ต และแลกเปลี่ยนความคิดเห็นกับเขาได้ด้วยแหล่งความรู้ อินเตอร์เน็ตเป็นเหมือนแหล่งความรุ้ ที่มีข้อมูลมากมายที่เราสามารถนำมาใช้ได้ ซึ่งไม่เป็นเพียงข้อความเท่านั้น แต่มีทั้งเสียง ภาพ ภาพยนตร์ แหล่งข่าวสารและความบันเทิง เราสามารถติดตามข่าวล่าสุด ดูหนังฟังเพลง และภาพยนตร์ล่าสุด
จับจ่ายสินค้าและบริหาร อินเตอร์เน็ตเป็นแหล่งจับจ่ายสินค้า และบริการมากมาย ซึ่งปัจจุบันมีบริาัทนับหมื่นที่ได้หันมาประชาสัมพันธ์ตัวเอง และให้บริการลุกค้าบนอินเตอร์เน็ตตลอด 24 ชั่งโมง เราสามารถขอข้อมูลสินค้าและเปรียบเทียบราคาได้อย่างสะดวก และเมื่อชอบใจสินค้าใดก็สั่งซื้อทางอินเตอร์เน็ตได้เลยศูนย์รวมสารพัดโปรแกรมใช้งาน และเกม ในอินเตอร์เน็ตมีโปรแกรมใช้งาน และเกมมากมายที่เราสามารถนำมาใช้ได้ ซึ่ง มีตั้งแต่โปรแกรมประเภทฟรีแวร์ (freeware) ที่เรานำมาใช้ได้ฟรี หรือโปรแกรมประเภทแชร์แวร์ (shareware) ที่เราทดลองใช้ก่อน และซื้อมาใช้จริงหลังหมดเวลาทดลอง
World Wide Web (WWW)
World Wide Web (เรียกย่อ ๆ ว่าเว็บ) เป็นสิ่งที่ทำให้อินเตอร์เน็ตได้รับความนิยม จนมีผู้ใช้เพิ่มขึ้นอย่างทวีคูณ เพราะเป็นครั้งแรกที่ผู้ใช้อินเตอร์เน็ตไม่ต้องรุ้จักกับคำสั่งคอมพิวเตอร์ที่จดจำยาก แต่สามารถสื่อสารได้โดยการใช้ภาพ เสียง และภาพยนตร์ประกอบเนื้อหาที่เป็นข้อความ
โฮมเพจ (Home Page)
ในแต่ละเว็บไซต์จะประกอบด้วยเว็บเพจจำนวนหลายหน้า โดยจะมีการกำหนดเว็บเพจหน้าหนึ่งให้เป็นหน้าแรก เว็บเพจหน้านี้มีชื่อเรียกว่า "โฮมเพจ" ซึ่งทำหน้าที่เหมือนกับเป็นปกหนังสือ กล่าวคือโฮมเพจเป็นทางเข้าของเว็บเพจทั้งหมดในเว็บไซต์นั้น โดยโฮมเพจจะสรุปสิ่งที่น่าสนใจในเว็บไซต์ไปจนถึงหัวข้อที่เชื่อมต่อไปยังเว็บเพจอื่น โครงสร้าง HTML
โครงสร้างของภาษา HTML แบ่งออกได้เป็น 4 ส่วนหลัก ดังนี้
<><><> ชื่อหัวเรื่อง < /TITLE >< /HEAD ><> ข้อมูลที่ต้องการแสดงผล< /BODY >< /HTML >
1. ... เป็นคำสั่งแรกที่ต้องมีในภาษา HTML ซึ่งบ่องบอกว่านี่คือภาษา HTML โดยจะอยู่ที่จุดเริ่มต้นของเอกสารและท้ายเอกสารในแต่ละแฟ้ม2. ... เป็นส่วนกำหนดรายละเอียดหัวข้อเรือง ภายในจะมีคำสั่งย่อยอีกหนึ่งคำสั่ง3.
ตัวอย่างของการใช้คำสั่ง
<><><> ชื่อหัวเรื่อง < /TITLE >< /HEAD ><> Hello ! เห็นผมไหม?< /BODY >< /HTML >
">
">
การขึ้นบรรทัดใหม่
ใน HTML มีคำสั่งที่ใช้สำหรังจัดข้อความที่แสดงบนหน้าเว็บเพจได้แก่คำสั่ง
ตัวอย่างการใช้คำสั่ง
<><><> คำสั่งขึ้นบรรทัดใหม่ < /TITLE >< /HEAD ><> Hello ! <> เห็นผมไหม?< /BODY >< /HTML >
คำสั่งการย่อหน้าใหม่
การย่อหน้าใหม่
คำสั่งนี้จะมีการเว้นบรรทัดว่างให้หนึ่งบรรทัด
ตัวอย่างการใช้คำสั่ง
<> <><> คำสั่งการย่อหน้าใหม่ < /TITLE >< /HEAD ><> Hello ! <> เห็นผมไหม?< /BODY >< /HTML >
เส้นคั่นบรรทัด
สร้างเส้นคั่นทางด้านแนวนอน
การใช้เส้นคั่นทางแนวนอน ในเว็บเพจของเรา จะช่วยแบ่งเนี้อหาออกเป็นส่วน ๆ ทำให้อ่านได้ง่าย
เส้นคั่นแบบทึบ เส้นคั่นปกติจะมีลักษณะเป็น 3 มิติ แต่ถ้าเราต้องการเส้นคั่นทึบ ให้กำหนดรูปแบบของเส้นั่นเป็นแบบ NOSHADE
ตัวอย่างการใช้คำสั่ง
<><><> เส้นคั่นบรรทัด< /TITLE >< /HEAD ><> Hello ! <> เห็นผมไหม?
เส้นคั่นแบบธรรมดา<>
เส้นคั่นแบบทึบ
< /BODY >< /HTML>
การสร้างเว็บเพจด้วยภาษา HTML
โดย Sorasak Sattayanuwatภาควิชาเทคโนโลยีการศึกษา คณะศึกษาศาสตร์มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตปัตตานี
HTML ย่อมาจากคำว่า "HyperText Markup Language" เป็นภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่งของคอมพิวเตอร์ ที่แสดงผลในลักษณะของเว็บเพจ ซึ่งสามารถแสดงผลได้ในรูปแบบต่างๆ ไม่ว่าเป็นภาพกราฟิก ภาพนิ่ง ภาพเคลื่อนไหว เสียง หรือการเชื่อมโยงไปยังเว็บไซต์อื่นๆ
ภาษา HTML เป็นภาษาที่มีลักษณะของโค้ด กล่าวคือ จะเป็นไฟล์ที่เก็บข้อมูลที่เป็นตัวอักษรในมาตรฐานของรหัสแอสกี (ASCII Code) โดยเขียนอยู่ในรูปแบบของเอกสารข้อความ จึงสามารถกำหนดรูปแบบและโครงสร้างได้ง่าย
การสร้างเว็บเพจ
เราสามารถสร้างเว็บเพจได้ 2 ทาง คือ
TextEditor โดยเราต้องรู้คำสั่งของภาษา HTML แล้วพิมพ์โปรแกรมเข้าไปทางTextEditor เช่น Notepad เป็นต้น
ตัวช่วยสร้าง โดยใช้โปรแกรมที่มีความสามารถในการสร้างเว็บเพจโดยเราไม่จำเป็นต้องรู้ภาษา HTML เพราะโปรแกรมเหล่านี้จะทำการแปลงให้เราอัตโนมัติ
ขั้นตอนในการสร้างเว็บเพจ
เปิดโปรแกรม TextEditor แล้วทำการพิมพ์คำสั่ง HTML แล้วเซฟเป็นไฟล์นามสกุล .htm หรือ .html
เปิดโปรแกรม WebBrowser เพื่อใช้ในการดูผลลัพธ์ที่ได้จากการเขียนภาษา HTML จากที่ได้เขียนจาก TextEditor
โครงสร้างภาษา HTML
การเขียนภาษา HTML นั้นมีส่วนประกอบหลักอยู่ 2 ส่วน คือ ส่วนที่เป็นเนื้อหา และส่วนที่เป็นคำสั่ง ส่วนที่เป็นคำสั่งนั้นจะอยู่ในรูปของ Tag ซึ่งจะเขียนอยู่ในเครื่องหมาย มากกว่า และ น้อยกว่า < > แต่ละ Tag มีหน้าที่ที่แตกต่างกันออกไป ซึ่งจะกล่าวในบทต่อไป
Tag แบ่งออกเป็น 2 ประเภท คือ
แท็กเดี่ยว คือ คำสั่งที่มีคำสั่งเพียงอย่างเดียว ซึ่งสามารถใช้และสิ้นสุดคำสั่งได้ด้วยตัวของมันเอง เช่น
ข้อความ....
แท็กคู่ คือ คำสั่งที่ต้องมีส่วนเริ่มต้นและส่วนจุดจบของคำสั่งนั้นๆ โดยแท็กที่เป็นส่วนจบนั้นจะมีเครื่องหมาย slash / ติดเอาไว้ เช่น
ส่วนของเนื้อหา .....
ข้อความ....
*** ถ้าหากมีการใช้แท็กคู่หลายๆ คำสั่ง เช่น คำสั่งตัวขีดเส้นใต้ .... และตามด้วย คำสั่ง ตัวเอียง .... จะต้องปิดคำสั่งตัวเอียงก่อน แล้วจึงจะมาปิดคำสั่งตัวหนา***
U> ข้อความ....
เชื่อมโยงเว็บเพจด้วย Link
การใช้ Link นี้เองทำให้เว็บเพจแตกต่างจากเอกสารธรรมดา เพราะมันทำให้เนื้อหาในเว็บเพจสามารถตอบสนองผู้ใช้ได้โดยที่ผู้ใช้ไม่ต้องอ่านเนื้อหาทั้งหมดในเอกสารเว็บแต่ละหน้าแต่สามารถ Click mouse เปิดดูเฉพาะเว็บเพจที่สนใจ ในบทนี้จะกล่าวถึงการสร้าง Linkรูปแบบต่าง ๆ เพื่อเชื่อมโยงข้อมูลในเว็บเพจเข้าด้วยกัน
ขนาดตัวอักษร
เป็นคำสั่งที่ใช้กำหนดขนาดตัวอักษรทั้งหมดในไฟล์ให้มีค่าตามที่เรากำหนด ซึ่งขนาดตัวอักษรมีได้ตั้งแต่ 1 ถึง 7 คือ ขนาด 1 เป็นขนาดเล็กที่สุด และ ขนาด7 เป็นขนาดที่ใหญ่ที่สุด
ตัวอย่างการใช้คำสั่ง
<><><> ขนาดตัวอักษร ( Fontsize & Basefontsize )< /TITLE >< /HEAD ><>
ทดลองการกำหนดขนาด FONT SIZE="+2"
ทดลองการกำหนดขนาด FONT SIZE="-1"
< /BODY >< /HTML >
การกำหนดลักษณะตัวอักษร
การกำหนดลักษณะตัวอัการในเว็บเพจ มีอยู่ 2 วีธี ได้แก่- แบบ Physical ที่กำหนดรูปแบบตัวอักษรอย่างเจาะจง- แบบ Logical ที่ผู้ใช้บราวเซอร์สามารถกำหนดรูปแบบตัวอักษรได้ด้วยตนเอง
รูปแบบคำสั่ง
แบบอักษร
คำสั่ง
Bold (ตัวหนา)Italic (ตัวเอน)Typewriter Text (ตัวอัการพิมพ์ดีด)Strike (ตัวขีดฆ่า)Superscript (ตัวอักษรยกขึ้น)Subscript (ตัวอัการห้อยลง)Underline (ขีดเส้นใต้ข้อความ)Blink (ตัวอักษรกระพริบ)
.........
การกำหนดสีพื้น และสีตัวอักษร
เราสามารถกำหนดสีให้กับเว็บเพจที่สร้างได้โดยมีสีให้เลือกมากกว่า 16.7 ล้านสี แต่เราควรใช้สีอย่างระมัดระวังเพราะการใช้สีที่ไม่เหมาะจะทำให้เว็บเพจของเราอ่านยาก และดูน่าปวดหัว สีที่ใช้ใน HTML นั้นเป็นค่าความเข้มระหว่างแม่สีสามสี ได้แก่ สีแดง สีเขียว และสีน้ำเงิน โดยระดับความเข้มของแต่ละสี มีค่าได้ตั้งแต่ 0-255ทำให้มีสีทั้งหมดที่เราสามารถเลือกใช้มีได้ถึง 16.7 ล้านสี
การกำหนดสีของพื้นฉากหลัง
เรากำหนดสีพื้น และสีตัวอักษรทั้งเว็บเพจที่แสดงได้ด้วย
รูปแบบคำสั่ง......
ตัวอย่างการใช้คำสั่ง
<><><>การกำหนดสีของพื้นฉากหลัง< /TITLE >< /HEAD >< bgcolor="#0000FF" text="#FFFFFF">กำหนดBACKGROUNDเป็นสีน้ำเงิน< /BODY >< /HTML >
การแสดงผล
กำหนดBACKGROUND เป็นสีน้ำเงิน
การกำหนดสีของตัวอักษร
ถ้าเราต้องการใช้ข้อความมีสีแตกต่างกันไปให้เราใช้คำสั่ง
รูปแบบคำสั่ง......
ตัวอย่างการใช้คำสั่ง
<><><>การกำหนดสีของตัวอักษร< /TITLE >< /HEAD >< text="#00ff00">กำหนดตัวอักษร เป็นสีเขียว< /BODY >< /HTML >
ตัวอย่างของสี
เราสามารถกำหนดสีได้ 2 วีธี คือ1. ใช้ชื่อของสีมาตรฐาน เช่น red blue2. ใช้รหัสเลขฐาน 16 เช่น #FF0000 #0000FF
ตัวอย่างของเลขฐาน 16 เทียบกับสี
color
เลขฐาน 16
color
เลขฐาน 16
color
เลขฐาน 16
color
เลขฐาน 16
FFFFFF
B5A642
42426F
7093DB
FF0000
238E68
5C4033
855E42
00FF00
D9D919
2F4F2F
856363
0000FF
A62A2A
4A766E
D19275
00FFFF
8C7853
4F4F2F
238E23
FFFF00
A67D3D
9932CD
CD7F32
000000
5F9F9F
871F78
DBDB70
70DB93
D98719
6B238E
C0C0C0
5C3317
B87333
2F4F4F
527F76
9F5F9F
FF7F00
97694F
93DB70
ขนาดตัวอักษร
เป็นคำสั่งที่ใช้กำหนดขนาดตัวอักษรทั้งหมดในไฟล์ให้มีค่าตามที่เรากำหนด ซึ่งขนาดตัวอักษรมีได้ตั้งแต่ 1 ถึง 7 คือ ขนาด 1 เป็นขนาดเล็กที่สุด และ ขนาด7 เป็นขนาดที่ใหญ่ที่สุด
ตัวอย่างการใช้คำสั่ง
<><><> ขนาดตัวอักษร ( Fontsize & Basefontsize )< /TITLE >< /HEAD ><>
ทดลองการกำหนดขนาด FONT SIZE="+2"
ทดลองการกำหนดขนาด FONT SIZE="-1"
< /BODY >< /HTML >
วันอาทิตย์ที่ 7 กันยายน พ.ศ. 2551
คำถามเกี่ยวกับคอมพิวเตอร์
1.บิดาแห่งคอมพิวเตอร์คนแรกคือใคร
2.บิดาแห่งคอมพิวเตอร์คนที่สองคือใคร
3.โปรแกรมเมอร์คนแรกคือใคร
4.ซอพต์แวร์หมายถึง
5.ฮาร์ดแวร์หมายถึง
6.องค์ประกอบของคอมพิวเตอร์ได้แก่อะไรบ้าง
7.คอมพิวเตอร์ที่แบ่งตามสมรรถนะขนาดและราคาแบ่งได้กี่ประเภทอะไรบ้าง
8.คอมพิวเตอร์ที่แบ่งตามลักษณะของข้อมูลแบ่งได้กี่ประเภทอะไรบ้าง
9.ประเภทของคอมพิวเตอร์มีกี่แบบอะไรบ้าง
10.คอมพิวเตอร์หมายถึง
11.ยุคของคอมพิวเตอร์มีกี่ยุค
12.ข้อมูล(data)หมายถึง
13.สารสนเทศหมายถึง
14.ต้นกำเนิดของคมพิวเตอร์เมาจากอะไรบ้าง
15..ใครเป็นผู้สร้างเครื่องคิดเลขเครื่องแรก
2.บิดาแห่งคอมพิวเตอร์คนที่สองคือใคร
3.โปรแกรมเมอร์คนแรกคือใคร
4.ซอพต์แวร์หมายถึง
5.ฮาร์ดแวร์หมายถึง
6.องค์ประกอบของคอมพิวเตอร์ได้แก่อะไรบ้าง
7.คอมพิวเตอร์ที่แบ่งตามสมรรถนะขนาดและราคาแบ่งได้กี่ประเภทอะไรบ้าง
8.คอมพิวเตอร์ที่แบ่งตามลักษณะของข้อมูลแบ่งได้กี่ประเภทอะไรบ้าง
9.ประเภทของคอมพิวเตอร์มีกี่แบบอะไรบ้าง
10.คอมพิวเตอร์หมายถึง
11.ยุคของคอมพิวเตอร์มีกี่ยุค
12.ข้อมูล(data)หมายถึง
13.สารสนเทศหมายถึง
14.ต้นกำเนิดของคมพิวเตอร์เมาจากอะไรบ้าง
15..ใครเป็นผู้สร้างเครื่องคิดเลขเครื่องแรก
วันอาทิตย์ที่ 29 มิถุนายน พ.ศ. 2551
การพิมพ์อักษรแป้นเหย้า
แป้น ฟ ก้าวนิ้วก้อยซ้ายไปทางซ้ายดีดที่แป้น ฟ
แป้น ห ก้าวนิ้วนางซ้ายไปทางซ้ายดีดที่แป้น ห
แป้น ก ก้าวนิ้วกลางซ้ายไปทางซ้ายดีดที่แป้น ก
แป้น ด ก้าวนิ้วชี้ซ้ายไปทางซ้ายดีดที่แป้น ด
แป้น เอก ก้าวนิ้วชี้ขวาไปทางขวาดีดที่แป้น เอก
แป้น า ก้าวนิ้วกลางขวาไปทางขวาดีดที่แป้น า
แป้น ส ก้าวนิ้วนางขวาไปทางขวาดีดที่แป้น ส
แป้น ว ก้าวนิ้วก้อยขวาไปทางขวาดีดที่แป้น ว
แป้น เ ก้าวนิ้วชี้ซ้ายไปทางขวาดีดที่แป้น เ
แป้น โท ก้าวนิ้วชี้ขวาไปทางซ้ายดีดที่แป้น โท
แป้น ง ก้าวนิ้วก้อยขวาไปทางขวาดีดที่แป้น ง
แป้น พ ก้าวนิ้วชี้ซ้ายขึ้นไปดีดที่แป้น พ
แป้น ะ ก้าวนิ้วชี้ซ้ายขึ้นไปดีดที่แป้น ะ
แป้น อี ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น อี
แป้น ไม้หันอากาศ ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น ไม้หันอากาศ
แป้น สระอำ ก้าวนิ้วกลางซ้ายขึ้นไปดีดที่แป้น สระอำ
แป้น ร ก้าวนิ้วกลางขวาขึ้นไปดีดที่แป้น ร
แป้น อ ก้าวนิ้วชี้ซ้ายลงมาดีดที่แป้น อ
แป้น อิ ก้าวนิ้วชี้ซ้ายลงมาดีดที่แป้น อิ
แป้น ท ก้าวนิ้วชี้ขวาลงมาดีดที่แป้น ท
แป้น อือ ก้าวนิ้วชี้ขวาลงมาดีดที่แป้น อือ
แป้น แ ก้าวนิ้วกลางซ้ายลงมาดีดที่แป้น แ
แป้น ม ก้าวนิ้วกลางขวาลงมาดีดที่แป้น ม
แป้น ค ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น ค
แป้น ต ก้าวนิ้วกลางขวาขึ้นไปดีดที่แป้น ต
แป้น สระอึ ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น สระอึ
แป้น สระอุ ก้าวนิ้วชี้ซ้ายขึ้นไปดีดที่แป้น สระอุ
แป้น จ ก้าวนิ้วนางขวาขึ้นไปดีดที่แป้น จ
แป้น ข ก้าวนิ้วก้อยขวาขึ้นไปดีดที่แป้น ข
แป้น ช ก้าวนิ้วก้อยขวาขึ้นไปดีดที่แป้น ช
แป้น _ ก้าวนิ้วนางซ้ายขึ้นไปดีดที่แป้น _
แป้น / ก้าวนิ้วก้อยซ้ายขึ้นไปดีดที่แป้น /
แป้น โ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วชี้ซ้ายดีดแป้นโแป้นเดียวกับด
แป้น ฌ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายไปทางขวาดีดแป้นฌแป้นเดียวกับเ
แป้น ไม้ไต่คู่ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาไปทางซ้ายดีดแป้นไม้ไต่คู้แป้นเดียวไม้โท
แป้น ไม้จัตวา ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วชี้ขวาดีดแป้นไม้จัตวาแป้นเดียวกับไม้เอก
แป้น ฑ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีด แป้น ฑแป้นเดียวกับพ
แป้น ธ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีดแป้นธแป้นเดียวกับะ
แป้น ไม้ตรี ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้น ไม้ตรีแป้นเดียวกับสระอี
แป้น ณ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วกลางขวาขึ้นไปดีดแป้นณแป้นเดียวกับร
แป้น ฎ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วกลางซ้ายขึ้นไปดีดแป้นฎแป้นเดียวกับำ
แป้น ฏ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วนิ้วกลางซ้ายขึ้นไปดีดแป้นฏแป้นเดียวกับก
แป้น ษ ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วกลางขวาขึ้นไปดีดแป้นษแป้นเดียวกับา
แป้น ฆ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วนางซ้ายขึ้นไปดีดแป้นฆแป้นเดียวกับห
แป้น ” ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วนางซ้ายขึ้นไปดีดแป้น”แป้นเดียวกับไ
แป้น ศ ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วนางขวาขึ้นไปดีดแป้นศแป้นเดียวกับส
แป้น ฯ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วนางขวาขึ้นไปดีดแป้นฯแป้นเดียวกับน
แป้น ฮ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายลงมาดีดแป้นฮแป้นเดียวกับอ
แป้น ฉ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วกลางซ้ายลงมาดีดแป้นฉแป้นเดียวกับแ
แป้น ฒ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วกลางขวาลงมาดีดแป้นฒแป้นเดียวกับม
แป้น สระอู ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีดแป้นสระอูแป้นเดียวกับสระอุ
แป้น ะ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้นะแป้นเดียวกับธ
แป้น การันต์ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาลงมาดีดแป้นการันต์แป้นเดียวกับสระอือ
แป้น ? ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาลงมาดีดแป้น?แป้นเดียวกับท
แป้น ฤ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วนิ้วก้อยซ้ายดีดแป้นฤแป้นเดียวกับฟ
แป้น ( ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วก้อยซ้ายลงมาดีดแป้น(แป้นเดียวกับผ
แป้น ) ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วนางซ้ายลงมาดีดแป้น)แป้นเดียวกับป
แป้น ฬ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วนางขวาลงมาดีดแป้นฬแป้นเดียวกับใ
แป้น ซ ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วก้อยขวาดีดแป้นซแป้นเดียวกับว
แป้น ญ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาขึ้นไปดีดแป้นญแป้นเดียวกับย
แป้น ฦ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาลงมาดีดแป้นฦแป้นเดียวกับฝ
แป้น ฐ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาขึ้นไปดีดแป้นฐแป้นเดียวกับบ
แป้น 3 ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วกลางซ้ายขึ้นไปดีดแป้น3แป้นเดียวกับ-
แป้น 4 ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีดแป้น4แป้นเดียวกับภ
แป้น 5 ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้น5แป้นเดียวกับถ
แป้น 6 ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วกลางขวาขึ้นไปดีดแป้น6แป้นเดียวกับสระอุ
แป้น อํ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้นอํแป้นเดียวกับไม้หันอากาศ
แป้น . ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาไปทางขวาดีดแป้น.แป้นเดียวกับง
แป้น อฺ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายลงมาดีดแป้นอฺแป้นเดียวกับสระอิ
แป้น 0 ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วก้อยซ้ายขึ้นไปดีดแป้น0แป้นเดียวกับ๗
แป้น ห ก้าวนิ้วนางซ้ายไปทางซ้ายดีดที่แป้น ห
แป้น ก ก้าวนิ้วกลางซ้ายไปทางซ้ายดีดที่แป้น ก
แป้น ด ก้าวนิ้วชี้ซ้ายไปทางซ้ายดีดที่แป้น ด
แป้น เอก ก้าวนิ้วชี้ขวาไปทางขวาดีดที่แป้น เอก
แป้น า ก้าวนิ้วกลางขวาไปทางขวาดีดที่แป้น า
แป้น ส ก้าวนิ้วนางขวาไปทางขวาดีดที่แป้น ส
แป้น ว ก้าวนิ้วก้อยขวาไปทางขวาดีดที่แป้น ว
แป้น เ ก้าวนิ้วชี้ซ้ายไปทางขวาดีดที่แป้น เ
แป้น โท ก้าวนิ้วชี้ขวาไปทางซ้ายดีดที่แป้น โท
แป้น ง ก้าวนิ้วก้อยขวาไปทางขวาดีดที่แป้น ง
แป้น พ ก้าวนิ้วชี้ซ้ายขึ้นไปดีดที่แป้น พ
แป้น ะ ก้าวนิ้วชี้ซ้ายขึ้นไปดีดที่แป้น ะ
แป้น อี ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น อี
แป้น ไม้หันอากาศ ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น ไม้หันอากาศ
แป้น สระอำ ก้าวนิ้วกลางซ้ายขึ้นไปดีดที่แป้น สระอำ
แป้น ร ก้าวนิ้วกลางขวาขึ้นไปดีดที่แป้น ร
แป้น อ ก้าวนิ้วชี้ซ้ายลงมาดีดที่แป้น อ
แป้น อิ ก้าวนิ้วชี้ซ้ายลงมาดีดที่แป้น อิ
แป้น ท ก้าวนิ้วชี้ขวาลงมาดีดที่แป้น ท
แป้น อือ ก้าวนิ้วชี้ขวาลงมาดีดที่แป้น อือ
แป้น แ ก้าวนิ้วกลางซ้ายลงมาดีดที่แป้น แ
แป้น ม ก้าวนิ้วกลางขวาลงมาดีดที่แป้น ม
แป้น ค ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น ค
แป้น ต ก้าวนิ้วกลางขวาขึ้นไปดีดที่แป้น ต
แป้น สระอึ ก้าวนิ้วชี้ขวาขึ้นไปดีดที่แป้น สระอึ
แป้น สระอุ ก้าวนิ้วชี้ซ้ายขึ้นไปดีดที่แป้น สระอุ
แป้น จ ก้าวนิ้วนางขวาขึ้นไปดีดที่แป้น จ
แป้น ข ก้าวนิ้วก้อยขวาขึ้นไปดีดที่แป้น ข
แป้น ช ก้าวนิ้วก้อยขวาขึ้นไปดีดที่แป้น ช
แป้น _ ก้าวนิ้วนางซ้ายขึ้นไปดีดที่แป้น _
แป้น / ก้าวนิ้วก้อยซ้ายขึ้นไปดีดที่แป้น /
แป้น โ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วชี้ซ้ายดีดแป้นโแป้นเดียวกับด
แป้น ฌ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายไปทางขวาดีดแป้นฌแป้นเดียวกับเ
แป้น ไม้ไต่คู่ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาไปทางซ้ายดีดแป้นไม้ไต่คู้แป้นเดียวไม้โท
แป้น ไม้จัตวา ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วชี้ขวาดีดแป้นไม้จัตวาแป้นเดียวกับไม้เอก
แป้น ฑ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีด แป้น ฑแป้นเดียวกับพ
แป้น ธ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีดแป้นธแป้นเดียวกับะ
แป้น ไม้ตรี ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้น ไม้ตรีแป้นเดียวกับสระอี
แป้น ณ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วกลางขวาขึ้นไปดีดแป้นณแป้นเดียวกับร
แป้น ฎ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วกลางซ้ายขึ้นไปดีดแป้นฎแป้นเดียวกับำ
แป้น ฏ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วนิ้วกลางซ้ายขึ้นไปดีดแป้นฏแป้นเดียวกับก
แป้น ษ ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วกลางขวาขึ้นไปดีดแป้นษแป้นเดียวกับา
แป้น ฆ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วนางซ้ายขึ้นไปดีดแป้นฆแป้นเดียวกับห
แป้น ” ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วนางซ้ายขึ้นไปดีดแป้น”แป้นเดียวกับไ
แป้น ศ ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วนางขวาขึ้นไปดีดแป้นศแป้นเดียวกับส
แป้น ฯ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วนางขวาขึ้นไปดีดแป้นฯแป้นเดียวกับน
แป้น ฮ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายลงมาดีดแป้นฮแป้นเดียวกับอ
แป้น ฉ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วกลางซ้ายลงมาดีดแป้นฉแป้นเดียวกับแ
แป้น ฒ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วกลางขวาลงมาดีดแป้นฒแป้นเดียวกับม
แป้น สระอู ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีดแป้นสระอูแป้นเดียวกับสระอุ
แป้น ะ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้นะแป้นเดียวกับธ
แป้น การันต์ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาลงมาดีดแป้นการันต์แป้นเดียวกับสระอือ
แป้น ? ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาลงมาดีดแป้น?แป้นเดียวกับท
แป้น ฤ ใช้นิ้วก้อยขวายกแคร่แล้วใช้นิ้วนิ้วก้อยซ้ายดีดแป้นฤแป้นเดียวกับฟ
แป้น ( ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วก้อยซ้ายลงมาดีดแป้น(แป้นเดียวกับผ
แป้น ) ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วนางซ้ายลงมาดีดแป้น)แป้นเดียวกับป
แป้น ฬ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วนางขวาลงมาดีดแป้นฬแป้นเดียวกับใ
แป้น ซ ใช้นิ้วก้อยซ้ายยกแคร่แล้วใช้นิ้วก้อยขวาดีดแป้นซแป้นเดียวกับว
แป้น ญ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาขึ้นไปดีดแป้นญแป้นเดียวกับย
แป้น ฦ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาลงมาดีดแป้นฦแป้นเดียวกับฝ
แป้น ฐ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาขึ้นไปดีดแป้นฐแป้นเดียวกับบ
แป้น 3 ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วกลางซ้ายขึ้นไปดีดแป้น3แป้นเดียวกับ-
แป้น 4 ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายขึ้นไปดีดแป้น4แป้นเดียวกับภ
แป้น 5 ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้น5แป้นเดียวกับถ
แป้น 6 ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วกลางขวาขึ้นไปดีดแป้น6แป้นเดียวกับสระอุ
แป้น อํ ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วชี้ขวาขึ้นไปดีดแป้นอํแป้นเดียวกับไม้หันอากาศ
แป้น . ใช้นิ้วก้อยซ้ายยกแคร่ก้าวนิ้วก้อยขวาไปทางขวาดีดแป้น.แป้นเดียวกับง
แป้น อฺ ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วชี้ซ้ายลงมาดีดแป้นอฺแป้นเดียวกับสระอิ
แป้น 0 ใช้นิ้วก้อยขวายกแคร่ก้าวนิ้วก้อยซ้ายขึ้นไปดีดแป้น0แป้นเดียวกับ๗
สรุปประวัติคอมพิวเตอร์
ต้นกำเนิดของคอมพิวเตอร์ได้มาจากแนวความคิดของระบบตัวเลข ซึ่งได้พัฒนาเป็นวิธีการคำนวณต่าง ๆ รวมทั้งอุปกรณ์ที่ช่วยในการคำนวณอย่างง่าย ๆ คือ" กระดานคำนวณ" และ "ลูกคิด"ในศตวรรษที่ 17 เครื่องคำแบบใช้เฟื่องเครื่องแรกได้กำเนิดขึ้นจากนักคณิตศาสตร์ชาวฝรั่งเศษ คือ Blaise Pascal โดยเครื่องของเขาสามารถคำนวณการบวกการลบได้อย่างเที่ยงตรง และในศตวรรษเดียวกันนักคณิตศาสตร์ชาวเยอร์มันคือ Gottried Wilhelm von Leibniz ได้สร้างเครื่องคิดเลขเครื่องแรกที่สามารถคูณและหารได้ด้วย ในต้นศตวรรษที่ 19 ชาวฝรั่งเศษชื่อ Joseph Marie Jacquard ได้พัฒนาเครื่องทอผ้าที่สามารถโปแกรมได้ โดยเครื่องทอผ้านี้ใช้บัตรขนาดใหญ่ ซึ่งได้เจาะรู้ไว้เพื่อควบคุมรูปแบบของลายที่จะปัก บัตรเจาะรู(punched card) ที่ Jacquard ใช้นี้ได้ถูกพัฒนาต่อๆมาโดยผู้อื่น เพื่อใช้เป็นอุปกรณ์ป้อนข้อมูลและโปรแกรมเข้าเครื่องคอมพิวเตอร์ในยุคต่อมาในศตวรรษเดียวกัน ชาวอังกฤษชื่อ Charles Babbage ได้ทำการสร้างเครื่องสำหรับแก้สมการโดยใช้พลังงานไอน้ำ เรียกว่า difference engine และถัดจากนั้นได้เสนอทฤษฎีเกี่ยวกับ คอมพิวเตอร์สมัยใหม่ เมื่อเขาได้ทำการออกแบบ เครื่องจักรสำหรับทำการวิเคราะห์ (analytical engine) โดยใช้พลังงานจากไอน้ำ ซึ่งได้มีการออกแบบให้ใช้บัตรเจาะรูของ Jacquard ในการป้อนข้อมูล ทำให้อุปกรณ์ชิ้นนี้มีหน่วยรับข้อมูล หน่วยประมวลผล หน่วยแสดงผล และหน่วยเก็บข้อมูลสำรอง ครบตามรูปแบบของคอมพิวเตอร์สมัยใหม่ แต่โชคไม่ดีที่แม้ว่าแนวความคิดของเขาจะถูกต้อง แต่เทคโนโลยีในขณะนั้นไม่เอื้ออำนวยต่อการสร้างเครื่องที่สามารถทำงานได้จริง อย่างไรก็ดี Charles Babbage ก็ได้รับการยกย่องว่าเป็นบิดาของคอมพิวเตอร์คนแรก และผู้ร่วมงานของเขาคือ Augusta Ada Byron ก็ได้รับการยกย่องว่าเป็นนักเขียนโปรแกรมคนแรกของโลกฮาร์ดแวร์ หมายถึง ส่วนที่ประกอบเป็นเครื่องคอมพิวเตอร์ รวมอุปกรณ์ต่อพ่วงต่างๆ ที่เกี่ยวข้องกับคอมพิวเตอร์ที่เราสามารถมองเห็นและสัมผัสได้ เช่น ตัวเครื่อง จอภาพ คีย์บอร์ด และเมาส์ เป็นต้นเครื่องคอมพิวเตอร์ส่วนบุคคลโดยทั่วไปจะมีฮาร์ดแวร์หลักๆ ประกอบด้วย
shortcut key
เรามาเรียนรู้การใช้ คีย์บอร์ด กับคำสั่งต่างๆ แทนการใช้เมาส์ กันดีกว่า โดยวันนี้ได้ รวบรวมคำสั่งที่ใช้กันอยู่บ่อยๆ แต่อย่าลืมที่จะทำแถบดำ กับข้อความที่เราต้องการ ก่อนนะค่ะ
Shif + ปุ่มลูกศร
เลือกข้อความ โดยใช้ปุ่มลูกศรช่วยในการทำตำแหน่ง แถบดำ เลือก ซ้าย - ขวา - บน - ล่าง
Shif + End
เลือกข้อมูลจาก cursor ไปยังตัวสุดท้ายของบรรทัด
Shif + Home
เลือกข้อมูลจาก cursor ไปยังตัวแรกของบรรทัด
Ctrl + Esc
เรียกเมนู Start
Ctrl + C หรือ Ctrl+Insert
copy (คัดลอก) ข้อมูล
Ctrl + V หรือ Shift + Insert
paste(วางข้อมูล) ข้อมูล
Ctrl + X หรือ Shift + Delete
cut (ตัด) ข้อมูล
Ctrl + P
print (พิมพ์)
Ctrl + B
เน้นอักษรหนา หรือกลับเป็นปกติ
Ctrl + U
ขีดเส้นใต้อักษร
Ctrl + I
ทำให้เป็นอักษรตัวเอน
Ctrl + E
จัดข้อความให้อยู่กึ่งกลาง
Ctrl + R
จัดข้อความชิดขวา
Ctrl + L
จัดข้อความชิดซ้าย
Ctrl + A
Select All (เลือกทั้งหมด)
Alt + Tap
เปลี่ยนสลับหน้าต่างโปรแกรมที่เปิดอยู่
Tap
ใช้ในการเลือก ปุ่ม หรือ ช่องข้อความต่างๆ
F1
Help
Esc
ยกเลิกการเรียกใช้คำสั่ง
Shif + ปุ่มลูกศร
เลือกข้อความ โดยใช้ปุ่มลูกศรช่วยในการทำตำแหน่ง แถบดำ เลือก ซ้าย - ขวา - บน - ล่าง
Shif + End
เลือกข้อมูลจาก cursor ไปยังตัวสุดท้ายของบรรทัด
Shif + Home
เลือกข้อมูลจาก cursor ไปยังตัวแรกของบรรทัด
Ctrl + Esc
เรียกเมนู Start
Ctrl + C หรือ Ctrl+Insert
copy (คัดลอก) ข้อมูล
Ctrl + V หรือ Shift + Insert
paste(วางข้อมูล) ข้อมูล
Ctrl + X หรือ Shift + Delete
cut (ตัด) ข้อมูล
Ctrl + P
print (พิมพ์)
Ctrl + B
เน้นอักษรหนา หรือกลับเป็นปกติ
Ctrl + U
ขีดเส้นใต้อักษร
Ctrl + I
ทำให้เป็นอักษรตัวเอน
Ctrl + E
จัดข้อความให้อยู่กึ่งกลาง
Ctrl + R
จัดข้อความชิดขวา
Ctrl + L
จัดข้อความชิดซ้าย
Ctrl + A
Select All (เลือกทั้งหมด)
Alt + Tap
เปลี่ยนสลับหน้าต่างโปรแกรมที่เปิดอยู่
Tap
ใช้ในการเลือก ปุ่ม หรือ ช่องข้อความต่างๆ
F1
Help
Esc
ยกเลิกการเรียกใช้คำสั่ง
วันอาทิตย์ที่ 8 มิถุนายน พ.ศ. 2551
รหัสสเกล
A-41 SAMASCHAYA PHOKHAM
B-42 S-53 P -50
C-43 A-41 H-48
D-44 M-4D O-4F
E-45 A-41 K-4B
F-46 S-53 H-48
G-47 C-43 A-41
H-48 H-48 M-4D
I-49 A-41
J-4A Y-59
K-4B A-41
L-4C
M-4D
N-4E
O-4F SAMASCHAYA PHOKHAM
P-50 S-0101,0011 P-0101,0000
Q-51 A -0100,0001 H-0100,1000
R-52 M – 0100, 1010 O-0100,1111
S-53 A-0100,0001 K-0100, 1011
T-54 S -0101,0011 H-0100,1000
U-55 C -0100,0011 A-0100,0001
V-56 H-0100,1000 M-0100,1010
W-57 A-0100,0001
X-58 Y-0101,1001
Y-59 A-0100,0001
Z-5A
B-42 S-53 P -50
C-43 A-41 H-48
D-44 M-4D O-4F
E-45 A-41 K-4B
F-46 S-53 H-48
G-47 C-43 A-41
H-48 H-48 M-4D
I-49 A-41
J-4A Y-59
K-4B A-41
L-4C
M-4D
N-4E
O-4F SAMASCHAYA PHOKHAM
P-50 S-0101,0011 P-0101,0000
Q-51 A -0100,0001 H-0100,1000
R-52 M – 0100, 1010 O-0100,1111
S-53 A-0100,0001 K-0100, 1011
T-54 S -0101,0011 H-0100,1000
U-55 C -0100,0011 A-0100,0001
V-56 H-0100,1000 M-0100,1010
W-57 A-0100,0001
X-58 Y-0101,1001
Y-59 A-0100,0001
Z-5A
สมัครสมาชิก:
บทความ (Atom)