More Related Content Similar to การนำข้อมูลเข้าสู่ระบบอินเทอร์เน็ต Similar to การนำข้อมูลเข้าสู่ระบบอินเทอร์เน็ต (20) การนำข้อมูลเข้าสู่ระบบอินเทอร์เน็ต2. Home Page
เปนหนาแรกของเว็บไซต ซึ่งเปรียบไดกับเปนเอกสารหนาแรกของเว็บไซต
โดยเมื่อผูใชอินเทอรเน็ตเขามาใชเว็บไซตใดก็ตามจะเห็นหนานี้เปนหนาแรก โดย
Home Page จะทําหนาที่แสดงขอมูลขาวสาร การโฆษนา และ
ประชาสัมพันธตางๆ ซึ่งเปนขอมูลเบื้องตนที่แสดงใหทราบวาในเว็บไซตมี
อะไรบาง รวมถึงแสดงเมนูตางๆ โดยเชื่อมโยงไปยังเว็บเพจอื่นๆ ภายใน
เว็บไซต ในหนานี้จะมีการออกแบบใหมีความสวยงามและนาสนใจ เพื่อดึงดูด
ใหผูใชอินเทอรเน็ตเกิดความสนใจที่จะเขามาชมในเว็บไซต
3. Web Page
เปนเอกสารตางๆ ที่อยูในเว็บไซต เรียกวา เว็บเพจ เปนหนาเอกสาร
ตางๆ ทั้งหมดภายในเว็บไซต ซึ่งเว็บเพจจะแสดงขอมูลตางๆ ภายในเว็บไซต
สามารถเขาไปดูขอมูลแตละหนาไดโดยการเชื่อมโยงจากหนาโฮมเพจ หรือจาก
การเชื่อมโยงจากเว็บเพจหนาอื่นๆ ในเว็บไซตเดียวกัน
Web Sites
เว็บไซต คือ เครื่องคอมพิวเตอรที่เปนแหลงเก็บเว็บเพจตางๆ ที่ใชเผยแพรขอมูลใน
อินเทอรเน็ตโดยเมื่อผูใชตองการเปดดูขอมูลในเว็บไซต บราวเซอรจะทําการเชื่อมโยง
ขอมูลมายังเครื่องที่เว็บไซตเพื่อดึงขอมูลไปแสดงใหกับผูใช
4. HTML
HTML ยอมาจาก Hyper Text Markup Language เปน
เอกสารแบบไฮเปอรเท็กซซึ่งมีความสามารถในการเชื่อมโยงขอมูลไปยังเอกสารอื่นได
เปนเอกสารที่มีความสามารถสูงเหนือกวาเอกสารทั่วไปเนื่องจากสามารถเปดดูขอมูล
ภายในได สวนความสามารถในการเชื่อมโยงขอมูลไปยังเอกสารอื่นๆ ทําไดโดยการ
ใสสัญลักษณพิเศษเขาไปในเอกสาร หรือที่เรียกวา คําสั่ง (Tag) คําสั่งเหลานี้
จะถูกกระทําตามคําสั่งโดยโปรแกรมบราวเซอรตางๆ
เนื่องจากไดรับการพัฒนามาจากภาษา SGML ( Standard General
Markup Language ) ซึ่งเปนภาษาที่สามารถทํางานและเรียกใชไดจาก
โปรแกรมหลายประเภท HTML จึงถือไดวาเปนภาษาคอมพิวเตอรที่ใชสําหรับสราง
หนาเอกสาร เพื่อแสดงทางจอภาพในระบบอินเทอรเน็ต ซึ่งมีขอดี คือ เมื่อสราง
เอกสารแลว สามารถเรียกดูผลการทํางานดวยโปรแกรมบราวเซอรไดเลยโดยไมตองทํา
การ Compile กอน
สําหรับการสรางเอกสาร HTML นั้นจะตองใช Text Editor ในการ
สรางเอกสาร ซึ่งมีใหเลือกใชไดหลายตัว แตในที่นี้จะใช NotePad
5. NotePad
เปนโปรแกรมที่ทําในระบบปฏิบัติการ Windows ซึ่งเปนสวนประกอบหนึ่ง
ของ Windows โดยโปรแกรม NotePad จัดเปนโปรแกรมประเภท
Text Editor ซึ่งสามารถใชในการสรางไฟลหรือเขียนภาษา HTML ซึ่ง
NotePadไดรับการนิยมอยางมากในการนํามาใชเขียนภาษา HTML เพราะเปน
โปรแกรมที่สามารถใชงานไดอยางมีประสิทธิภาพและมีการทํางานที่ไมซบซอน
ั
ขั้นตอนในการเรียกใชงานโปรแกรม Notepad มีดังนี้
1.เริ่มตนดวยการคลิกปุมเมนู Start
2.คลิกเลือก Program
3.คลิกเลือก Accessories
4.คลิกเลือก Notepad
5.สามารถพิมพคําสั่งลงไดเลย
6. การบันทึกไฟล HTML
สามารถบันทึกไฟลขอมูล Notepad ซึ่งเปนไฟล HTML สามารถทําไดดังนี้
1.คลิกที่เมนู File
2.เลือก Save
3.กําหนดชื่อไฟลที่ตองการบันทึก โดยมีนามสกุลเปน “.html”
4.กําหนดสถานที่ที่ตองการเก็บไฟล
การเปดไฟล HTML
เมื่อสรางไฟล HTML และทําการบันทึกแลวเมื่อตองการจะเปดไฟลที่สรางขึ้นมาใชงาน
โดยการเปดจากโปรแกรม Internet Explorer สามารถทําไดดังนี้
1.เปดโปรแกรม Internet Explorer ขึ้นมา โดยการดับเบิ้ลคลิกที่ไอคอนบน
Desktop
2.เมื่อเปดโปรแกรมแลวจะปรากฏหนาตางโปรแกรมขึ้นมา ใหคลิกเลือก File
3.ลือก Open
4.คลิกเลือก Browse เพื่อคนหาสถานที่ที่เก็บไฟลที่ตองการเปด
7. โครงสรางของเอกสาร HTML
1. สวนประกาศ Version ของ HTML ในสวนนี้จะเปนสวนที่กําหนด
วิธีการแปลขอมูลภายใน HTML ทั้งหมดโดยที่ </HTML> เปนคําสั่งปด
การใชคําสั่ง <HTML> ซึ่งหมายถึง จุดสิ้นสุดของเอกสาร
2. สวนหัวของเอกสาร (heading) เปนสวนที่เปนขอมูลเพิ่มเติม อธิบาย
ความหมายและกําหนด Definition ตางๆ
3. สวนเนื้อหาของเอกสาร (Body) เปนสวนที่แสดงผลในพื้นที่ทั้งหมดของ
เว็บเพจเมื่อสั่งให Web Browser ประมวลผล
8. การกําหนดรูปแบบตัวอักษร
สามารกําหนดได 2 รูปแบบดังนี้
1. แบบ Logical Styles เปนรูปแบบการใชคําสั่งตามลักษณะของงาน
คําสั่ง <EM> คําสั่งนี้จะทําใหขอความที่อยูระหวางคําสั่งเปนตังเอียง (Emphasis)
คําสั่ง <STRONG> คําสั่งนี้จะทําใหขอความที่อยูระหวางคําสั่งเปนตัวหนา
คําสั่ง <BIG> เปนคําสั่งที่ใชกําหนดใหขอความที่อยูระหวางคําสั่งมีขนาดใหญ
คําสั่ง <SMALL> เปนคําสั่งที่ใชกําหนดใหขอความที่อยูระหวางคําสั่งมีขนาดเล็ก
คําสั่ง <CODE> หรือ Computer Code เปนคําสั่งที่ใชกําหนดใหตัวอักษรที่อยูระหวาง
คําสั่งใหมีตัวอักษรแบบคอมพิวเตอร
คําสั่ง <VAR> เปนคําสั่งที่ใชกําหนดตัวอักษรที่เนนรูปแบบขอความ คาตัวเลข
คําสั่ง <CITE> เปนคําสั่งที่ใชกําหนดตัวอักษรเอียง สําหรับเนนขอความที่เกี่ยวกับคําพูด คําสนทนา
2. แบบ Physical Styles เปนรูปแบบการใชคําสั่งเพื่อเนนตัวอักษรที่อยูระหวางคําสั่ง
HTML
คําสั่ง <B> คําสั่งนี้จะทําใหตัวอักษรที่อยูระหวางคําสั่งเปนตัวหนา (Bold)
คําสั่ง <I> คําสั่งนี้จะทําใหตัวอักษรที่อยูระหวางคําสั่งเปนตัวเอียง (Italic)
คําสั่ง <U> คําสั่งนี้จะทําใหตัวอักษรที่อยูระหวางคําสั่งเปนตัวขีดเสนใต (Underline)
9. การกําหนดแบบตัวอักษร
คําสั่ง <FONT FACE> คําสั่งนี้เปนคําสั่งที่ใชสําหรับกําหนดรูปแบบตัวอักษร
รูปแบบคําสั่ง <FONT FACE =”Font1,Font2”>…ขอความ...</FONT>
การกําหนดสีของตัวอักษร
คําสั่ง <FONT COLOR> ใชกําหนดสีตัวอักษรเฉพาะตัวอักษรที่ตองการ
รูปแบบคําสั่ง <FONT COLOR= #Code>…ขอความ...</FONT>หรือ
<FONT COLOR=ColorName>…ขอความ...</FONT>
คําสั่ง <BODY TEXT> ใชกําหนดสีตัวอักษรทั้งเอกสาร
รูปแบบคําสั่ง <BODY TEXT= #Code>หรือ
<BODY TEXT=ColorName>
การกําหนดขนาดของตัวอักษร
คําสั่ง <FONT SIZE> กําหนดอักษรแบบสมบรูณ
รูปแบบคําสั่ง <FONT SIZE=ValueSize>…ขอความ...</FONT>
คําสั่ง <BASEFONT> กําหนดแบบสัมพันธ
รูปแบบคําสั่ง <BASEFONT SIZE=Value>
10. การใชตัวอักษรพิเศษ
ตัวอักษรพิเศษ คือ ตัวอักษรที่ไมมีบนแปนพิมพ
เครื่องหมายลิขสิทธิ์ ©
เครื่องหมายทะเบียนการคา ®
เครื่องหมายมากกวา >
เครื่องหมายนอยกวา &It;
เครื่องหมายการคา ™
เครื่องหมาย YEN ¥
เครื่องหมาย Euro €
เครื่องหมาย Cent ¢
เครื่องหมาย Degrees °
เครื่องหมายเวนวรรค
เครื่องหมายหาร ÷
11. การสรางตัวอักษรวิ่ง
รูปแบบคําสั่ง <MARQUEE Attribute=Position>…ขอความ...</MARQUEE>
การกําหนดหัวขอ
รูปแบบคําสั่ง <Hx>…ขอความ...</Hx>
การขึ้นยอหนาใหม
คําสั่ง <P> คําสั่งสําหรับจัดขอความหรือรูปภาพในลักษณะตางๆ
รูปแบบคําสั่ง <P ALIGN=Position>…ขอความ...</P>
การขึ้นบรรทัดใหม
คําสั่ง <BR> คําสั่งนี้จะขึ้นบรรทัดใหมนอยกวาคําสั่ง <P>
รูปแบบคําสั่ง ...ขอความ...<BR>
การแสดงขอความในรูปแบบเดิม
คําสั่ง <PRE> คําสั่งนี้จะอยูระหวางคําสั่งถูกวางไวรูปแบบเดิม
รูปแบบคําสั่ง <PRE>…ขอความ...</PRE>
การจัดขอความใหอยูกึ่งกลาง
รูปแบบคําสั่ง <CENTER>…ขอความ...</CENTER>
12. การสรางเสนตรงแนวนอน
คําสั่ง <HR> คําสั่งนี้ใชสําหรับการสรางเสนลงในเว็บเพจ เพื่อแบงเนื้อหาใหเปนสัดสวน
รูปแบบคําสั่ง <HR Attribute=Value>
ประเภทของไฟลรูปภาพ
1. ไฟลรูปภาพประเภท Graphic Interchange Format หรือ GIF เปนไฟล
รูปภาพที่มีความระเอียดของภาพต่ํา เก็บรายละเอียดของภาพไมเกน 8 บิต สามารถใชสีไดสูงสุดเพียง
256 สี
2. ไฟลรูปภาพประเภท Joint Photographic Experts Group หรือ JPEG
เปนภาพที่มีความละเอียดสูงมาก สามารถแสดงสีสูงสุดถึง 16.7 ลานสี
การแทรกรูปภาพ
คําสั่ง <IMG SRC> ใชสําหรับระบุไฟลรูปภาพที่จะนํามาแสดง โดยรูปภาพจะตองมี
นามสกุล .gif .jpg
รูปแบบคําสั่ง <IMG SRC=filename>
การใชขอความแทนรูปภาพ
คําสั่ง <IMG ALT> ใชสําหรับแสดงวารูปนี้บงบอกวารูปนี้เกี่ยวกับอะไร
รูปแบบคําสั่ง <IMG ALT=”Message”>
13. การจัดตําแหนงของขอความรูปภาพ
คําสั่ง <IMG ALIGN> ใชสําหรับจัดวางรูปภาพหรือขอความที่อยูลอมรอบรูปภาพวาจะใหอยู
ตําแหนงใด
รูปแบบคําสั่ง <IMG ALIGN=Position>
การจัดระยะหางของขอความกับรูปภาพ
คําสั่ง <IMG HSPACE> ใชสําหรับระบุชองวางระหวางรูปภาพกับขอความหรือวัตถุที่วาง
อยูรอบรูปภาพ ทางดาน ซาย – ขวา
รูปแบบคําสั่ง <IMG HSPACE=Pixels>
คําสั่ง <IMG VSPACE> ใชสําหรับระบุชองวางระหวางรูปภาพกับขอความหรือวัตถุที่วาง
อยูรอบรูปภาพ ทางดาน บน - ลาง
รูปแบบคําสั่ง <IMG VSPACE=Pixels>
การปรับแตงขนาดรูปภาพ
คําสั่ง <IMG WIDTH> ใชสําหรับระบุความกวางของรูปภาพที่ตองการจะแทรก
รูปแบบคําสั่ง <IMG WIDTH=Pixels>
คําสั่ง <IMG HEIGHT> ใชสําหรับระบุความสูงของรูปภาพที่ตองการจะแทรก
รูปแบบคําสั่ง <IMG HEIGHT=Pixels>
14. การควบคุมขอความรอบรูปภาพ
คําสั่ง <BR Clear> เปนคําสั่งที่ใชสําหรับกําหนดขอความที่อยูรอบๆ รูปภาพวาตองการ
ใหอยูดานใดของรูปภาพ
รูปแบบคําสั่ง <BR Clear=Position>
การกําหนดพื้นหลังโดยใชรูปภาพ
คําสั่ง <Body Background>เปนคําสั่งที่ใชกําหนดพื้นหลังของ Web Page โดย
ใชรูปภาพ
รูปแบบคําสั่ง <Body Background=Filename>
การเชื่อมโยงขอมูลภายในเอกสารเดียวกัน
คําสั่ง <A NAME> เปนคําสั่งที่ใชในการกําหนดชื่อสวนตางๆ ที่อยูในหนาเอกสารที่ตองการทํา
การเชื่อมโยง เพื่อความสะดวกในการใชคําสั่งเชื่อมโยงขอมูลภายในเอกสาร
รูปแบบคําสั่ง <A NAME=Label…ขอความ...</A>
คําสั่ง <A HREF> เปนคําสั่งที่ใชกําหนดเปาหมายที่ตองการเชื่อมโยงไปหา โดยการใส Label
ของขอมูลที่ตองการเชื่อมโยง
รูปแบบคําสั่ง <A HREF= #Label>…ขอความ...</A>
15. การเชื่อมโยงไปยังไฟลอื่นหรือ Web Page อื่น
คําสั่ง <A HREF> เปนคําสั่งเดียวกับเชื่อมโยงภายในแตเรียกใชคําสั่งตางกัน โดยตองระบุหนาเว็บที่
ตองการเชื่อมโดยงไปดวย
รูปแบบคําสั่ง <A HREF=/Path/Filename.html>…ขอความ...</A>
การเชื่อมโยงไปยังไฟลอื่นโดยการกําหนดตําแหนง
คําสั่ง <A HREF> จะเพิ่มชื่อของสวนที่ตองการลงไปดวย
รูปแบบคําสั่ง <A HREF=/Path/Filename.html#Label>…ขอความ...</A>
การเชื่อมโยงไปยัง Web Page อื่น
คําสั่ง <A HREF> เชื่อมจากเว็บหนึ่งไปหาอีกเว็บหนึ่ง ตองระบุชื่อเว็บใหถูกตอง
รูปแบบคําสั่ง <A HREF=URL>…ขอความ...</A> หรือ
<A HREF=FTP://FtpServer”>
การเชื่อมโยงโดยใชรูปภาพ
คําสั่ง <A HREF> คือคลิกที่รูปภาพแลวสามารถเชื่อมโยงไปที่รูปภาพได
รูปแบบคําสั่ง <A HREF=URL><IMG SCR=Filename></A>
16. การกําหนดสีตัวอักษรที่ใชเชื่อมโยงขอมูล
คําสั่ง <Body Link> เปนคําสั่งที่ใชสําหรับการกําหนดสีของตัวอักษรกอนที่จะมีการคลิกเพื่อ
เชื่อมโยงไปยังขอมูลที่ตองการ ขอความที่ใชในการเชื่อมโยงขอมูลจะมีสีตามที่กําหนดและจะมีการขีดเสนใต
ใตตัวอักษร
รูปแบบคําสั่ง <Body Link= #Color>
คําสั่ง <Body Alink> เปนคําสั่งที่ใชสําหรับการกําหนดสีของตัวอักษรในขณะที่มีการคลิกเลือก
ขอความเพื่อเชื่อมโยงขอมูล โดยขณะที่มีการเลือกคลิกสีของขอมูลที่ใชเชื่อมโยงขอความจะเปลี่ยนสีเปนสีที่
ตองการ
รูปแบบคําสั่ง <Body Alink=”#Color”>
คําสั่ง <Body Vlink> เปนคําสั่งที่ใชสําหรับการกําหนดสีของขอความที่ใชเชื่อมโยงขอมูล
หลังจากที่ไดคลิกเพื่อเลือกการเชื่อมโยงขอมูลแลว สีของขอความจะเปลี่ยนเปนสีที่ตองการ
รูปแบบคําสั่ง <Body Vlink=”#Color”>
17. การสรางลําดับรายการแบบเรียงลําดับขอมูล
การสรางลําดับรายการแบบเรียงลําดับ คือ รายการที่ประกอบไปดวยตัวอักษรหรือตัวเลขที่มีการเรียงลําดับ
ในการแสดงผลปรากฏอยูหนาขอความที่เปนรายการนั้นๆ เปนขอมูลที่มีการอธิบายอยางเปนขั้นตอน โดย
การลําดับรายการรูปแบบนี้จะใชตัวเลขหรือตัวอักษรเปนเครื่องหมายในการลําดับรายการ
รูปแบบคําสั่ง <OL TYPE=Number_Type Start=Number>
<LI>…รายการ...
<LI>…รายการ...
<LI>…รายการ...
การสรางลําดับรายการแบบไมเรียงลําดับขอมูล
การสรางลําดับรายการแบบไมเรียงลําดับขอมูล คือ รายการที่ประกอบไปดวยสัญลักษณตาง ๆ วางไวขาง
หนาขอความ หรือรูปภาพที่เปนรายการ สัญลักษณที่มักนิยมใชก็มีรูปสี่เหลี่ยมทึบ รูปวงกลมทึบ หรือ
รูปวงกลมกลวง
รูปแบบคําสั่ง <UL TYPE=Bullet_Type>
<LH>…หัวขอ...
<LI>…รายการ...
<LI>…รายการ...
<LI>…รายการ...
18. การสรางลําดับรายการแบบรายการคําศัพท
การสรางลําดับรายการแบบรายการคําศัพท ประกอบไปดวย หัวขอใหญ หัวขอยอย และรายละเอียด
โดยจะใชการยอหนาเขาไปเรื่อยๆ เพื่ออธิบายหัวขอยอย การแสดงรายการโดยวิธินี้เหมาะสําหรับขอมูลที่
ตองการการอธิบายรายละเอียด
รูปแบบคําสั่ง <DL>
<DT> Definition term1
<DD> Definition1
<DT> Definition term 2
<DD> Definition2
การสรางลําดับรายการที่สัมพันธกันทั้งเอกสาร
การนําเสนอการลําดับรายการขอมูลในรูปแบบนี้ จะจัดอยูในประเภทของการลําดับรายการแบบไม
เรียงลําดับ แตจะมีความกะทัดรัดกวาคําสั่งนี้จะแสดงรายการแบบไมมีตัวเลขโดยมีจุดวงกลมทึบเปน
เครื่องหมายนํา
รูปแบบคําสั่ง <MENU>
<LI>…รายการ...
<LI>…รายการ...
<LI>…รายการ...
19. การแสดงลําดับรายการยอย
เปนการลําดับรายการที่มีไมเกิน 20 ตัวอักษร จึงเหมาะกับการแสดงรายการของขอมูลที่มีการแสดงขอมูลเปนคอลัมน
รูปแบบคําสั่ง <DIR>
<LI>…รายการ...
<LI>…รายการ...
<LI>…รายการ...
</DIR>
การลําดับรายการหลายรูปแบบ
เปนการเอาหลายๆรายการมารวมกัน จึงตองมีการจัดความสําคัญของขอมูลโดยแยกรายการเปนหมวดหมู
รูปแบบคําสั่ง <OL TYPE=Number_Type Start=Number>
<LI>…รายการ...
<LI>…รายการ...
<UL TYPE=Bullet_Type>
<LH>…หัวขอ...
<LI>…รายการ...
<LI>…รายการ...
</UL>
<LI>…รายการ...
</OL>
20. การสรางกรอบใหตาราง
คําสั่ง <TABLE BORDER> เปนคําสั่งที่ใชกําหนดความหนาของเสนขอบของตาราง
รูปแบบคําสั่ง <TABLE BORDER=Pixel>
การกําหนดตําแหนงของตาราง
คําสั่ง <TABLE ALIGN> กําหนดการวางตารางลงในเว็บ
รูปแบบคําสั่ง <TABLE ALIGN=Position>
การกําหนดสีใหกับตาราง
คําสั่ง <TABLE BGCOLOR> กําหนดสีพื้นหลัง
รูปแบบคําสั่ง <TABLE BGCOLOR=ColorName>
คําสั่ง <TABLE BORDERCOLOR> กําหนดใหกับขอบตาราง
รูปแบบคําสั่ง <TABLE BORDERCOLOR=ColorName>
การกําหนดขนาดของตาราง
คําสั่ง <TABLE WIDTH> กําหนดความกวางของตาราง
รูปแบบคําสั่ง <TABLE WIDTH=Pixel>
<TABLE WIDTH=Number>
คําสั่ง <TABLE HEIGHT> กําหนดความสูงของตาราง
รูแบบคําสั่ง <TABLE HEIGHT=Pixel>
<TABLE HEIGHT=Number>
21. การกําหนดระยะหาง
คําสั่ง <TABLE CELLSPACING> ระยะหางระหวางขอบนอกของเซลลแตละเซลลในตาราง
รูปแบบคําสั่ง <TABLE CELLSPACING=Number>
คําสั่ง <TABLE CELLPADDING> ระยะหางระหวางขอความหรือรูปภาพภายในเซลล
รูปแบบคําสั่ง <TABLE CELLPADDING=Number>
การกําหนดตําแหนงของชื่อตาราง
คําสั่ง <CAPTION ALIGN> กําหนดตําแหนงชื่อตาราง
รูปแบบคําสั่ง <CAPTION ALIGN=Position>…ชื่อตาราง...</CAPTION>
การกําหนดตําแหนงขอมูลในแถว
คําสั่ง <TR ALIGN> วางตําแหนงแนวนอนทั้งแถว
รูปแบบคําสั่ง <TR ALIGN=Position>
คําสั่ง <TR VALIGN> วางตําแหนงในแนวตั้งทั้งแถว
รูปแบบคําสั่ง <TR VALIGN=Position>
22. การกําหนดตําแหนงขอมูลในเซลล
คําสั่ง <TD ALIGN> วางขอมูลในแนวนอน
รูปแบบคําสั่ง <TD ALIGN=Position>
คําสั่ง <TD VALIGN> วางขอมูลในแนวตั้ง
รูปแบบคําสั่ง <TD VALIGN=Position>
การกําหนดสีใหกับเซลล
คําสั่ง <TD BGCOLOR>กําหนดสีพื้นหลังในเซลล
รูปแบบคําสั่ง <TD BGCOLOR=ColorName>
<TD BGCOLOR= #Color>
คําสั่ง <TD BORDERCOLOR> กําหนดสีเสนขอบใหกับเซลล
รูปแบบคําสั่ง <TD BORDERCOLOR=ColorName>
<TD BORDERCOLOR= #Color>
23. การกําหนดขนาดของเซลล
คําสั่ง <TD WIDTH> กําหนดความกวางของเซลล
รูปแบบคําสั่ง <TD WIDTH=Pixel>
<TD WIDTH=Number.
คําสั่ง <TD HEIGHT> กําหนดความสูงของเซลล
รูปแบบคําสั่ง <TD HEIGHT=Pixel>
<TD HEIGHT=Number>
การรวมแถวและคอลัมนในตาราง
คําสั่ง <TD COLSPAN> กําหนดเปนคอลัมนเดียวกัน
รูปแบบคําสั่ง <TD COLSPAN=Number>
คําสั่ง <TD ROWSPAN> กําหนดเปนแถวเดียวกัน
รูปแบบคําสั่ง <TD ROWSPAN=Number>
การใชคําสั่งในการสรางแบบฟอรม
คําสั่ง <FORM METHOD> ใชสําหรับกําหนดรูปแบบของการสงขอมูลเพื่อไปประมวลผลที่เซิรฟเวอร
รูปแบบคําสั่ง <FORM METHOD=Method ACTION=URL>…แบบฟอรม
...</FORM>
24. การกําหนดรูปแบบฟอรม
คําสั่ง <INPUT NAME> เปนคําสั่งที่ไวกําหนดชื่อใหกับขอมูลหรือหัวขอของขอมูลที่รับเขา
มา
รูปแบบคําสั่ง <INPUT NAME=Name>
คําสั่ง <INPUT SIZE> เปนคําสั่งที่ใชกําหนดความยาวของชองที่ใชรับขอมูล
รูปแบบคําสั่ง <INPUT SIZE=Number>
คําสั่ง <INPUT MAXLENGTH> เปนคําสั่งที่ใชกําหนดความยาวสูงสุดของขอมูลที่จะ
กรอกลงในชองที่สรางไว
รูปแบบคําสั่ง <INPUT MAXLENGTH=Number>
คําสั่ง <INPUT VALUE> เปนคําสั่งที่กําหนดขอความใหแกชองรับขอมูลที่ตองการแสดงผล
ในแบบฟอรม
รูปแบบคําสั่ง <INPUT VALUE=Message>
25. การใชคําสั่งในการสรางแบบฟอรม
TEXT เปนแบบฟอรมที่ใชแสดงผลขอมูลที่รับเขามา โดยแสดงผลแบบบรรทัดเดียว
รูปแบบคําสั่ง <INPUT TYPE=Text NAME=Name1 SIZE=Number1
MAXLENGTH=Number2 VALUE=Message>
PASSWORD เปนแบบฟอรมที่กําหนดชองรับขอมูลเปนแบบกลองขอความเหมือนกับแบบฟอรม
TEXT แตอันจะแตกตางกวา คือ ตัวเลขจะปอนลงในกลองขอความไมแสดงเปนตัวอักษร
รูปแบบคําสั่ง <INPUT TYPE=Password NAME=Name1
SIZE=Number1
MAXLENGTH=Number2>
RADIO เปนแบบฟอรมที่ใชรับขอมูลคลิกเลือกจากเครื่องหมายวงกลม
รูปแบบคําสั่ง <INPUT TYPE=Radio NAME=Name1
VALUE=”Name2”CHECKED>
CHECKBOX เปนแบบฟอรมที่ใชรับขอมูลคลิกเลือกจากเครื่องหมายสี่เหลี่ยม
รูปแบบคําสั่ง <INPUT TYPE=Checkbox NAME=Name1
VALUE=”Name2”>
RESET เปนคําสั่งที่ใชในการยกเลิกขอมูลที่กรอกลง แลวตองการลบ
รูปแบบคําสั่ง <INPUT TYPE=Reset VALUE=Message>
SUBMIT เปนคําสั่งที่ใชกําหนดรับขอมูลกรอกแลวก็กดปุม Submit แลวจะประมวลผล
รูปแบบคําสั่ง <INPUT TYPE=Submit VALUE=Message>
26. การสรางรูปแบบการนําเขาขอมูล
คําสั่ง <SELECE> เปนคําสั่งที่แสดงตัวเลือกเพื่อใหผูใชเลือก ซึ่งจะแสดงผลสําหรับสรางขอมูลแบบ
Drop Down List คือ มีรายการตัวเลือกปรากฏออกมาเพียงตัวเลือกเดียวแตสามารถที่จะเลือกดูตัวอื่น ๆ
ไดโดยการคลิกที่ปุมลูกศรเลื่อนลงขอมูลทั้งหมดจะถูกแสดงออกมา
รูปแบบคําสั่ง
<SELECE Attribute=Value>
<OPTION>Item1
<OPTION>Item2
<OPTION>Item3
</SELECE>
คําสั่ง <TEXTTAREA> เปนคําสั่งที่ใชสําหรับกําหนดรูปแบบการปอนขอมูลแบบอิสระ หรือเปน
การกําหนดรูปแบบชองรับขอมูลแบบหลายบรรทัด ซึ่งอาจจะเปนความเห็น คําแนะนํา คําอธิบายตาง ๆ
หรือการปอนที่อยู
รูปแบบคําสั่ง
<TEXTTAREA Attribute=Value>…ขอความ...</TEXTTAREA>
27. การนําขอมูลลงแสดงในระบบโดยอัตโนมัติ
วิธีการนําขอมูลลงแสดงโดยอัตโนมัติ จะชวยอํานวยความสะดวกใหทั้งผูใหบริการ
ขอมูลและตัวคุณเอง และเปนสิ่งสําคัญมากตอเอกสารที่มีการเปลี่ยนแปลงบอย รวมถึงเอกสารที่
ผูใหบริการขอมูลสามารถเตรียมใหอยูในรูปแบบที่นํามาแสดงในระบบ CWIS ไดงาย
อยางไรก็ตามไมควรเปดใหผูใหบริการขอมูลสามารถเขาถึงระบบไฟลของเซิรฟเวอรโดยตรง
เพราะจะทําใหเกิดความผิดพลาดไดงาย และบางครั้งก็กอใหเกิดผลเสียรายแรงคุณควรออกแบบ
ใหมีที่พักขอมูลหรือเอกสารทั้งหมดไวชั่วคราว จากนั้นมีโปรแกรมที่จะนําเอาเอกสารไปไวในที่
ที่ถูกตองอีกครั้งหนึ่ง หลักการดังกลาวสามารถทําไดหลายวิธี
วิธีที่ใชกันทั่วไปในการนําขอมูลมาลงแสดงในระบบแบบอัตโนมัติก็คือการ
เตรียมเนื้อที่สําหรับใหผูใหบริการขอมูลเอฟทีพีเอาเอกสารมาใสไวได คุณจะตองใหหมายเลข
ประจําตัวกับเอกสารทุกเอกสารที่นํามาแสดงในระบบ เมื่อผูใหบริการขอมูลสงเอกสารที่มีการ
ปรับปรุงใหมเขามา โปรแกรมที่คอยตรวจสอบที่พักขอมูล (เชนโปรแกรม cron ในกรณีที่
เซิรฟเวอรของคุณใชระบบยูนิกซ) ก็จะนําเอกสารนั้นไปใสไวในที่ที่ถูกตองเอง เครื่องมืออยาง
หนึ่งที่มักใชในการสรางเทคนิคเหลานี้คือภาษา Perl
28. ทางเลือกอีกวิธีหนึ่งคือการรับเอกสารจากผูใหบริการขอมูลผานอีเมลล เนื่องจากผู
ใหบริการบางคนคนคุนเคยกับการสงอีเมลลมากกวา วิธีนี้ก็สามารถใชภาษา Perl ชวย
เขียนไดเชนกัน หรือจะใชเครื่องมือพับบลิกโดเมนบางตัวเชนโปรแกรมที่มีชื่อวา
deliver โปรแกรมนี้จะคอยตรวจขอความที่อยูในสวนหัวของอีเมลล เมื่อพบอีเมลลที่
เปนการสงเอกสารมาลงแสดงในระบบ deliver ก็จะตัดเอาเฉพาะสวนที่เปรเอกสาร
ออกจากตัวอีเมลลและทํางานตามขั้นตอนที่คุณกําหนดไวตอไป
เมื่อไดรับเอกสารจากผูใหบริการขอมูลแลว คุณควรจะสงอีเมลลไปบอก
ผูใหบริการขอมูลนั้นวาคุณไดรับขอมูลแลว ซึ่งจะทําใหผูใหบริการขอมูลทราบวา
เอกสารของเขาจะไดลงแสดงในระบบเร็วๆนี้ การสงอีเมลลตอบรับนี้จําเปนอยางยิ่งถา
คุณใชอเี มลลในการสงขอมูลลงแสดงแบบอัตโนมัติ เพราะวาการใชอเี มลลในการสง
ขอมูลลงแสดงนั้นสามารถสวมรอยสงแทนผูไมหวังดีได ดั้งนั้นถาระบบของคุณมีการสง
อีเมลลตอบกลับไปยังเจาของที่แทจริงของเอกสาร และมีการเวนชวงเวลากอนที่จะนํา
เอกสารลงแสดงจริงในระบบ คุณก็มีโอกาสยับยั้งการแสดงเอกสารปลอมไดทัน
โปรแกรม deliver เปนโปรแกรมหนึ่งก็มีความสามารถในการสงอีเมลตอบรับแบบ
อัตโนมัติ
29. เครื่องมือประเทเดียวกับ Deliver สามารถหาไดตามanonymous FTP ทั่วไป
โดยใชอารชีคนหาโฮสตที่ใกลที่สุดทีมีโปรแกรมนี้ คุณยังสามารถคนหาเครื่องมือประเภท
เดียวกันไดจากแหลงเก็บไฟลที่ใชระบบ CWIS แบบเดียวกับที่คุณใช เชนถาคุณใชโก
เฟอรสราง CWIS คุณสามารถคนหาเครื่องมือชวยในการบริหารระบบ CWIS ของ
คุณไดจาก boombox.micro.umm.edu โดยคนหาในไดเรกเทอรี
/pub/gopher/Unix/GopherTools
ถาในสถาบันของคุณมีการใชระบบไฟลผานเครือขาย (network file
system) คุณจะสามารถใชระบบไฟลนี้ชวยในการสงขอมูลลงแสดงในระบบ
CIWS ของคุณได ตัวอยางเชนที่มหาวิทยาลัยนอทเธอดัมไดนําระบบไฟลผานเครือขาย
ที่มีชื่อวาระบบไฟลแอนดรูวมาใช ผูใหบริการขอมูลที่ตองการสงขอมูลที่ตองการสงขอมูล
ลงแสดงในระบบ ของมหาวิทยาลัยจะสามารถเก็บขอมูลลงในไดเรกทอรีที่มีชื่อ ของแตละ
คนได
ระบบปองกันของ AFS จะกันผูไมใหบริการขอมูลสงขอมูลไปยังสวนอื่นนอกจากที่
กําหนดไว ที่นี่มีการใชระบบการรับขอมูลผานอีเมลลรวมดวย
30. ถึงแมวาการใชวิธีอัตโนมัติตางๆจะชวยในการบริหารระบบ CWIS ไดมาก แตก็
เปนสัจจะธรรมที่วาไมมีระบบอัตโนมัติใดที่จะทํางานไดอยางไมมีปญหาในทุกกรณี
คุณจะตองทําการตรวจสอบการสงขอมูลลงแสดงในระบบเปนระยะๆ เพื่อใหมั่นใจวา
โปรแกรมตางๆที่ทํางานแบบอัตโนมัติอยูนั้นทําหนาที่ไดถูกตอง บางครั้งโปรแกรม
เหลานี้ก็ตองการปรับแตงและซอมแซมบาง ถาคุณใชระบบ CWIS ที่มีขายกันอยู
บางระบบเชน VTX ก็จะไมตองการการเขียนโปรแกรมเพิ่มความสามารถของระบบ
มากนัก และในอนาคตเราอาจจะสามารถหาซื้อระบบโกเฟอรเว็บเซิรฟเวอรที่มี
ความสามารถในดานการจัดการฐานขอมูลของ CWIS เพิ่มขึ้น
31. การใช CWIS ในการเก็บขอมูลยอนหลัง
ในแตละวันที่คุณเพิ่มเอกสารใหมเขาไปในระบบ CWIS จะเปรียบเสมือนคุณ
ไดเห็นการเปลี่ยนแปลงแตละเสี้ยวในหนาประวัติศาสตรของสถาบัน การนําเสนอ
เอกสารในรูปแบบออนไลนจะทําใหงายในการจัดเก็บเอกสารเหลานี้ยอนหลัง แหลงเก็บ
ขอมูลเหลานี้สามารถทําเปนบันท฿กประวัติศาสตรที่สามรถเรียกคนแบบออนไลนได
ดวย
32. ตัวอยางการนําเอาแหลงเก็บขอมูลยอนไปใชงานมีดังนี้
- หนังสือพิมพนิสิตอาจเปนที่ที่เดียวที่มีการบันทึกวิธีชีวิตในสถาบันเอาไว บางครั้งก็
เปนการบนในเรื่องคุณภาพของรายงานหรือเอกสารทางวิชาการที่นักศึกษาผลิตขึ้นการเก็บ
เรื่องราวตางๆนี้ไวถึงแมเปนเรื่องเล็กนอยก็ดีกวาไมมีการเก็บบันทึกอะไรเลย
- ทํานองเดียวกัน จดหมายขาวของคณะ ก็จะเก็บรวมรวมเหตุการณที่เกิดขึ้น การ
เปลี่ยนแปลงในนโยบายและผลที่ตามมา
- ปฏิทินกิจกรรมอาจจะลาสมัยไปเมื่อหมดชวงเวลาของกิจกรรมเหลานั้น แต
เหตุการณการที่ผานไปแลวบางครั้งก็มีประมากอยางนึกไมถึง เชนการบันทึกวามีศิลปนใด
ไดเคยมาแสดงในสถาบันมาแลวก็สามารถใชในการประชาสัมพันธไดเปนอยางดี
- หลักสูตรการศึกษาเกาๆที่เคยใชในสถาบันจะเปนประโยชนอยางยิ่งกับผูที่ใชเวลา
ศึกษานาน ผูที่ทํางานไปศึกษาไปดวย หรือคณะกรรมการหลักสูตรที่กําลังออกแบบ
หลักสูตรใหม
เนื่องจากปจจุบันฮาดรดิสกมีราคาถูกมาก ถาสงสัยวาควรจะเก็บขอมูลหรือไมให
ตัดสินใจเก็บไวกอนเมื่อพบวาเก็บไวไมมีประโยชนก็สามารถลบทิ้งได ซึ่งจะงายกวาการ
พยายามสรางขอมูลกลับขึ้นมาใหมเมื่อรูภายหลังวาขอมูลที่ลบไปนั้นเปนประโยชน
33. เมลลิ่งลิสตที่เกี่ยวกับระบบ CWIS
เมลลิ่งลิสตที่มีการแลกเปลี่ยนความคิดเห็นเกี่ยวกับการบริหารระบบ
CWIS ที่เปนที่นิยมมากคือเมลลิ่งลิสตทีมีชื่อวา CWIS-L ที่มหาวิทยาลัย
มิชิแกนสเตท การบอกรับเปนสมาชิกทําไดโดยการสงเมลลไปยัง
listserv@mus.edu
โดยขอความขอเปนสมากชิกในรูปแบบตอไปนี้
Subscribe cwis-l John Doe
คุณอาจจะพบวาการแลกเปลี่ยนความคิดเห็นเกี่ยวกับการบริหารระบบ CWIS ที่
มีทากอนหนานี้ก็เปนประโย๙นเชนกัน ผูบริหารระบบ CWIS สวนใหญจะทํา
การขอดัชนีเรื่องที่มีการพูดคุยไปแลวโดยการสงอีเมลลขางลางนไปที่
listserv@mus.edu
Index cwis-l
34. ชนิดของขอมูลที่จะใหบริการ
ตัวอยางการจัดหมวดหมูของขอมูลที่ควรมีใน CWIS มีดังนี้
- General Information about the university (ขอมูลทั่วไป
เกี่ยวกับมหาลัย) ประวัติโยยอ ภาพถายสถานที่ แผนที่บริเวณภายใน ระเบียบการจอด
รถ สถานที่สําคัญ และตําแหนงโรงอาหาร
- Academics (การศึกษา) ปฏิทินการศึกษา วิธีการสมัคร แนะแนวการศึกษา
การยกเลิกรายวิชา วิชาพิเศษ การศึกษาภาคค่ํา การลงทะเบียนแบบออนไลน
- Housing (ที่พัก) รายละเอียดหอพักและที่พักใกลกับสถานบัน
- Alumni information (สมาคมนิสิตเกา) วิธีสมัครเปนสมาชิก กิจกรรมของ
สมาคม
- Health (สุขภาพ) สถานที่ออกกําลังกาย สถานพยาบาล การใหคําปรึกษาดาน
สุขภาพประชาสัมพันธเกี่ยวกับสุขภาพ และระเบียบการรักษาความปลอดภัยดานเคมี
รังสี และชววิทยา
35. - Employment (ประกาศรับสมัคร) อาจารย พนักงาน นักศึกษา
- Libraries (หองสมุด) เวลาทําการ ตําแหนงของหองสมุด วิธีเขาใชหองสมุด
ออนไลน และการเขาคนฐานขอมูลการวิจัยและการใชอเี มลลในการยืมหนังสือขาม
หองสมุด
- Campus computing information (บริการประมวลผล)
บริการที่มี วิธีใชบริการอีเมลลสําหรับอาจารย นักศึกษาและเจาหนาที่ และการขอ
บัญชีเขาใชเครื่อง
- People directories (สมุดรายชื่อ) อาจารย นักศึกษาและเจาหนาที่
และชื่ออีเมลล
- University ordinances (ระเบียบ) กฎ ระเบียบ นโยบาย
- Handicapper information (ขอมูลสําหรับผูทุพลภาพ) สิ่งอํานวย
ความสะดวกของผูทุพลภาพ
- Transportation (การเดินทาง) หมายเลขรถประจําทาง รถนักศึกษา การ
เดินทางมาจากเมืองอื่น
36. - Events (กิจกรรม) การสัมมนา การละเลน ละคร ภาพยนตร ดนตรี โดยเรียงตามวัน
หรือประเภทกิจกรรม
- Weather (พยากรณอากาศ) และตัวชี้ไปยังการพยากรณของเมืองอื่น
- Classified advertisement services (บริการซื้อ) รายการสิ้นคา ใบสั่ง
ซื้อแบบออนไลน
- Town/ gown relations (ขาวสังคม)
- Outreach programs (บริการศึกษาเพิ่มเติม)
-Computer resources (ทรัพยากรบนคอมพิวเตอร) ตัวชี้ไปยังทรัพยากรขอมูลอื่
นบนอินเตอรเน็ต
รายการขางตนไมไดรวบรวมเอาขอมูลที่ควรมีทั้งหมดที่เปนไปได คุณควรลองใช CWIS
ระบบอื่นเพื่อหาหัวขออื่นที่นาสนใจ
37. ความปลอดภัย
ในสถานการณที่ปริมาฯของเอสารที่มีการสงวนลิขสิทธิและเอกสารที่มีตองมีใบอนุญาต
กอนนําไปใชงานมีเพิ่มมากขึ้นๆในเครือขาย การนําทรัพยากรเหลานี้ไปใชงานไมสามารถทําได
เพียงการเพิ่มตัวชี้เพื่อชี้ไปยังเอกสารผานระบบ CWIS แตตองเขาใจสิทธิการใชงานที่ระบุ
ไวในใบอนุญาตวามีขอบเขตแคไหน บางครั้งทรัพยากรหนึ่งๆก็จํากัดใหเผยแพรไดทั้งสถาบัน
บางกรณีก็ยอมใหเผยแพรไดเฉพาะในภาควิชานั้น ถาทรัพยยากรนั้นอยูในรูปของสิ่งของเชน
แผนซีดีรอมก็อาจจํากัดวาใหนําไปใชไดกับเครื่องคอมพิวเตอรที่มผูใชเพียงคนเดียวและไมได
ี
เชื่อมตอเขากับเครือขาย
ในฐานะที่เปนผูบริหารระบบCWIS คุณจะตองตรวจสอบกับผูใหบริการ
ขอมูลใหแนนอนวาทรัพยากรทุกอันที่สามารถเขาถึงไดจากระบบ CWIS ตองไดรับอนุญาต
ใหทําการเผยแพรไดทั่วสถาบันหรือทั่วโลก
43. การเขาและออกจากอินเตอรเน็ต
เมื่อคุณติดตั้งอุปกรณ และซอฟตแวรเรียบรอยแลว คุณก็จะพรอมเขาสู
อินเตอรเน็ตเปนครั้งแรก ถาคอมพิวเตอรของคุณไมไดเชื่อมตอกับอินเตอรเน็ตอยาง
ถาวร คุณตองโทรศัพทติดตอกับคอมพิวเตอรของผูใหบริการ
การเริ่มโทรศัพทติดตอ
เปดหนาจอวินโดว ซึ่งบรรจุรายชื่อของสิ่งตาง ที่ผูใหบริการอินเตอรเน็ต
จัดเตรียมไวให หนาจอนี้อาจแสดงในรูปเมนู หรือปุมใหกดเลือกเพื่อใหโมเด็มของคุณ
เริ่มตอโทรศัพท หากไมใชลักษณะนี้ใหเลือกรายการอื่นๆ เชน เวิลด ไวด เว็บ เพื่อให
โมเด็มเริ่มทํางานอัตโนมัติ
รหัสผาน
อาจมีชองสี่เหลี่ยมเล็กๆ ปรากฏขึ้นบนหนาจอ เพื่อใหคุณปอนรหัสผานที่
ไดรับมาจากผูใหบริการ
44. โมเด็มของคุณ
เมื่อคุณเห็นโมเด็มเริ่มทํางาน คุณจะเห็นไฟกระพริบบนโมเด็ม และไดยินเสียง
สัญญาณตอโทรศัพท เมื่อตอไดแลวจะไดยินเสียงหวีดยาวๆหรือเสียงซาๆ
ถาตอติด
เมื่อติดตอแลว จะปรากฏขอความหรือไอคอนบนหนาจอแจงวาตอโทรศัพท
สําเร็จแลว
ถาตอไมติด
การติดตั้งซอฟตแวรใหครบถวนสมบูรณ รวมทั้งการทํางานแบบโมเด็มอาจ
ยุงยากกกวาที่เราคิด หากเกิดปญหา อยาลังเลที่จะสอบถามผูใหบริการ ซึ่งจะใหคําแนะนํา
แกคุณได แมมั่นใจวาอุปกรรตางๆและซอฟตแวรทํางานเรียบรอยแลว แตยังไมแนวาคุณ
จะติดตอเขาสูอินเตอรเน็ตได ทั้งนี้คุณอาจไดรับขอความแจงวาการติดตอโทรศัพทไมสําเร็จ
45. คําเตือน
การใชอินเตอรเน็ตบางกรณีจะกําหนดไวดโดยอัตโนมัติวาใหคุณหยุดใช
งานหลังจากใชงานเปนระยะเวลาหนึ่งที่แนนอน วิธีนี้ชวยปองกันเสียคาโทรศัพท
มากเกินไป แตถาไมไดกําหนด คุณตองระมัดระวังไมใหคอมพิวเตอรของคุณ
ติดตอกับอินเตอรเน็ตมากเกินไป
การเลิกติดตอ
ใหเลือกปุมหรือเมนูเพื่อเลิกการติดตอ
46. จัดทําโดย
นาย เจษฎา เขียวฉออน รหัสนักศึกษา ๑๕๒๑๒๑๖๕
นาย นิติเทพ จันทรสอน รหัสนักศึกษา ๑๕๒๑๒๑๖๙
นางสาว มินตรา ใจออน รหัสนักศึกษา ๑๕๒๑๒๑๗๘
นาย วิรัช ยวงใย รหัสนักศึกษา ๑๕๒๑๒๑๘๑
นางสาว สุพัชชา เนยสูงเนิน รหัสนักศึกษา ๑๕๒๑๒๑๘๗
นักศึกษาชั้นปที่ ๑ คณะครุศาสตร
โปรแกรมวิชา คอมพิวเตอรศึกษา หมูเรียนที่ ๑