หน วยท 2 หล กการเข ยนเว บเพจด วย HTML

Size: px
Start display at page:

Download "หน วยท 2 หล กการเข ยนเว บเพจด วย HTML"

Transcription

1 43 หน วยท 2 หล กการเข ยนเว บเพจด วย HTML ห วข อเร อง 1. ความหมายของภาษาHTML 2. ประว ต ความเป นมาของภาษาHTML 3. องค ประกอบของภาษาHTML 4. ร ปแบบท ด ของภาษาHTML 5. โปรแกรมส าเร จร ปส าหร บเข ยนเว บเพจด วยภาษาHTML 6. โปรแกรมส าเร จร ปส าหร บแสดงข อม ลเอกสารของภาษาHTML 7. ปฏ บ ต การเร มต นการเข ยนเว บเพจด วยHTML จ ดประสงค การเร ยนร 1. บอกความหมายภาษา HTML ได 2. บอกประว ต ความเป นมาของภาษาHTML ได 2. อธ บายองค ประกอบของภาษาHTML 3. ระบ ร ปแบบท ด ของภาษา HTMLได ครบถ วน 4. เล อกโปรแกรมส าเร จร ปส าหร บเข ยนเว บเพจด วยภาษาHTML ได 5. ปฏ บ ต การเร มต นการเข ยนเว บเพจด วยภาษาHTML ได สมรรถนะอาช พประจ าหน วย(ส งท ต องการให เก ดการประย กต ใช ความร ท กษะ ค ณธรรม เข าด วยก น) 1. เข ยนเว บเพจ ตามร ปแบบท ด ของเอกสารHTML ด วยโปรแกรม Notepad 2. ม ล กษณะก จน ส ยท ด ในการปฏ บ ต งาน ม ความร บผ ดชอบ ม ระเบ ยบว น ย ตรงต อเวลา สนใจใฝ ร และม ใจร กในว ชาช พ ม ความค ดร เร มสร างสรรค

2 44 แบบทดสอบก อนเร ยน หน วยท 2 หล กการเข ยนเว บเพจด วยภาษา HTML ค าช แจง เล อกค าตอบท ถ กเพ ยงข อเด ยวลงในกระดาษค าตอบ 1. ค าว า HTML ย อมาจากค าในข อใด ก. Hyper Text Mark Language ข. Hyper Text Markup Language ค. Hyper Text Marking Language ง. Hyper Text Marketing Language 2. ข อใดเข ยนส วนขยายของไฟล HTML ได ถ กต อง ก. webpage.mht ข. webpage.hml ค. webpage.tml ง. webpage.html 3. ข อใดค อหล กการใช ค าส งแท กได ถ กต อง ก. ค าส งของภาษา HTML จะต องอย ภายในเคร องหมาย < และ> ข. ค าส งของภาษา HTML ม แท ก มาตรฐาน 2 ค าส งแท กค อ html และ body ค. ค าส งของภาษา HTML ม ค ณสมบ ต เพ มเต มของค าส งแท ก เร ยกว า การก าหนดค า ง. ค าส งของภาษา HTML ท ก าหนดค าส าค ญส าหร บการค นหา ค อ <body> 4. เอกสาร HTML ประกอบด วยส วนประกอบสองส วนค อข อใด ก. head ก บ html ข. head ก บ title ค. html ก บ body ง. head ก บ body 5. ค าส งแท กท ใช ก าหนด การท าคล งบ ญช เว บ ส าหร บผ ให บร การส บค นเว บ (Search Engine) ก. title ข. head ค. meta ง. body 6. ข อใดค อค ณสมบ ต ของข อความท ใช ก าหนดในค าส งแท ก <Title> ก. ข อความต องไม เก น 64 ต วอ กษร ข. อ กษรท ใช ต องเป นอ กษรภาษาอ งกฤษเท าน น ค. สามารถบรรจ ภาพเคล อนไหว ภาพสามม ต ได ง. สามารถก าหนดขนาดต วอ กษรได

3 45 7. ข อใดค อค ณสมบ ต ของโปรแกรม Edit plus ส าหร บเข ยนเว บเพจ ก. เป นโปรแกรมท ต ดต องพร อมก บระบบปฏ บ ต การว นโดว ข. โปรแกรมท สามารถใช งานง ายและม การท างานไม ซ าซ อน ค. เป นโปรแกรมท ม ความสามารถให แสดงภาพเคล อนไหว ภาพสามม ต ง. สามารถรองร บการเข ยนโปรแกรมต าง ๆ ได แก JAVA, PHP, Perl, HTML 8. โปรแกรมเว บเบราว เซอร ท น ยมใช ก นรองจากโปรแกรม Internet Explorer ค อข อใด ก. โปรแกรมเว บเบราว เซอร Avant Explorer ข. โปรแกรมเว บเบราว เซอร Windows Explorer ค. โปรแกรมเว บเบราว เซอร Mozilla Firefox ง. โปรแกรม Safari Web Browser 9. ข อใดกล าวถ งข นตอนการบ นท กไฟล ภาษา HTML ด วยโปรแกรม Notepad ก. การก าหนดช อไฟล ท ม สก ลเป น.html และต องบ นท กลงในช อง File name ข. เล อก เมน file> new การก าหนดช อไฟล ท ม สก ลเป น.html และบ นท กลงในช อง Filename ค. เล อก เมน file> open การก าหนดช อไฟล ท ม สก ลเป น.html และบ นท กลงในช อง Filename ง. เล อก เมน file> save as การก าหนดช อไฟล ท ม สก ลเป น.html และบ นท กลงในช อง Filename 10. ข อใดกล าวถ งข นตอนการเป ดไฟล เอกสารHTMLได ถ กต อง ก. เล อก เมน file> open >browse>lookin ไฟล ท ม สก ลเป น.html คล กป ม new ข. เล อก เมน file> new การก าหนดช อไฟล ท ม สก ลเป น. และเป ดช อง Filename คล กป ม Open ค. เล อก เมน file> open> browse> ช อง Look in> ไฟล ท ม สก ลเป น.>คล กป ม Open ง. เล อก เมน file> open> browse> ไฟล ท ม สก ลเป น. ช อง Filename คล กป ม Open

4 46 หน วยท 2 หล กการเข ยนเว บเพจด วยHTML HTML เป นภาษาเฉพาะของคอมพ วเตอร ร ปแบบหน ง ส าหร บสร างเอกสารเว บเพจ ประส ทธ ภาพของภาษาHTM การน าเสนอข อม ลให ถ กต องสวยงามน าสนใจ ตามหล กการ ม ร ปแบบท ด ตามองค ประกอบโครงสร างพ นฐานของภาษา ม แท กท เป นค าส งใช ในการก าหนดร ปแบบของ ข อความเอกสาร โปรแกรมส าเร จร ปส าหร บเข ยนเว บเพจแสดงเอกสารHTML และน าเสนอข อม ล ข าวสารผ านโปรแกรมเว บเบราว เซอร 1. ค าศ พท ท เก ยวข อง 1.1 ทบทวนค าศ พท หน วยการเร ยนท ผ านมา ได แก Tag, Web browser,http 1.2 ค าศ พท ใหม แอททร บ วท (Attribute) ค อ ส วนขยายของค าส งหร อการก าหนดค ณสมบ ต เฉพาะค าส ง W3C ย อมาจาก World Wide Web Consortium องค กรระหว างประเทศ ท าหน าท จ ดระบบมาตรฐานท ใช งานบนเว ลด ไวด เว บ (ย อว า WWW หร อ W3) โดยม จ ดม งหมาย ท จะ เป นแกนน าทางด านพ ฒนาโพรโทคอล และว ธ การใช งานส าหร บเว ลด ไวด เว บท งหมด เอเลเมนต (Element) ค อ องค ประกอบของภาษา HTML เท กซ ไฟล หร อ โปรแกรมเท กซ อ ด เตอร (Text Editor) ค อโปรแกรมท ใช ส าหร บ สร างและแก ไขข อความในการสร างเว บเพจด วยภาษา HTML น นต องม เคร องม อท ใช ในการเข ยน และ แก ไขต วอ กษรซ งเป นค าส งต าง ๆ แอททร บ วท (Attibute) ค อ ค ณสมบ ต ท สามารถก าหนดเพ มเต มเพ อเพ ม ประส ทธ ภาพการท างานให ก บแท กต างๆ ของภาษา HTML ค าท ก าหนด (Value) ค อ ค าท ก าหนดในแอททร บ วท บ คมาร ค (Bookmark) ค อการเก บท อย เว บไซต ไว เข าชมภายหล งโดยไม ต อง พ มพ ช อเว บไซต อ ก 2. ความหมายและประว ต ความเป นมาของภาษาHTML 2.1 ความหมายของภาษาHTML HTML เป นภาษาคอมพ วเตอร โดยม การสร างเอกสาร (Hyper Text Document : ข อความในเอกสารท เช องโยงถ งข อม ลต าง ๆ) เป นภาษาส าหร บก าหนดร ปแบบของการแสดงข อความ ท ม โครงสร างการเข ยนโดยอาศ ยต วก าก บ เร ยกว าแท ก (ควบค มการแสดงผลข อความ, ร ปภาพ แสดง ภาพเคล อนไหว ภาพสามม ต หร อว ตถ อ น ๆ ผ านโปรแกรมเว บเบราว เซอร ซ งแต ละแท กอาจจะม ส วน ขยายท เร ยกว า แอททร บ วท ส าหร บระบ ค ณล กษณะ หร อควบค มการแสดงผลของเว บเพจ และ สามารถเช อมโยงการแสดงข อความได ท งไฟล เอกสารเด ยวก นและไฟล เอกสารอ น ๆ ในระบบ เคร อข ายอ นเทอร เน ต

5 47 โครงสร างการเข ยนโดยอาศ ย ต วก าก บแท ก (Tag) ภาพท 2.1 แสดงการท างานของภาษาHTML แสดงภาพและข อความผ าน โปรแกรมเว บเบราว เซอร 2.2 ประว ต ความเป นมาของภาษาHTML ภาษาHTML ม ต นแบบมาจากภาษาเอสจ เอ มแอล (SGML ย อมาจาก Standard Generalized Markup Language) ซ งเป นภาษาท ใช ได เฉพาะ ก บประเภท ของคอมพ วเตอร ส งท HTML ร บมาจาก เอสจ เอ มแอล ค อ การประกาศค า และ การก าหนดร ปแบบเอกสาร (DTD: Document Type Definition) ในป พ.ศ.2533 (ค.ศ.1990) นาย ท ม เบอร เนอร ส-ล (Tim Berners- Lee) แห งศ นย ปฏ บ ต การว จ ยทางอน ภาคฟ ส กส ของย โรป (CERN: Conseil Europeen Pour La Recherche Nucleaire) ซ งต งอย ท กร งเจน วา สว ตเซอร แลนด ได ก าหนดไว ว า เพ อสร างส อท น กว ทยาศาสตร สามารถจะเผยแพร ผลงาน และใช อ างอ ง ได ตลอด 24 ช วโมง และสร าง ภาษาคอมพ วเตอร ท รองร บภาษาท องถ น ท ไม ข นก บระบบของเคร องคอมพ วเตอร (Platform) หร อ ระบบเคร อข ายใด ๆ จากน นได แพร ขยายออกไประบบน จ งได ต งช อท เป นท ร จ กก นค อ เว ลด ไวด เว บ จนถ งป จจ บ น พ.ศ.2533 (ค.ศ. 1991) อ นเทอร เน ตได เก ดและเต บโตข น พร อมก บภาษาคอมพ วเตอร และโพรโทคอล จ านวนมากเพ อรองร บก บ การเต บโตอย างรวดเร วของอ นเทอร เน ต หน งใน ภาษาคอมพ วเตอร และโปรโตคอลน นค อ ภาษาHTMLและ ท งน ถ งแม ว าเว ลด ไวด เว บจะเป นเพ ยงส วน หน งของอ นเทอร เน ต แต ได ร บความน ยมอย างส งและรวดเร ว โพรโทคอลHttp ซ งเป นส วนย อยของ โพรโทคอล TCP/IP จ งได ร บการพ ฒนาเพ อสน บสน นภาษาHTML ซ งใช ในการจ ดเก บเอกสารบน เว ลด ไวด เว บ ได ร บการพ ฒนาและถ กน าไปใช อย างแพร หลาย จ งท าให เก ดมาตรฐานในก าหนด ร ปแบบเวอร ช นต างๆ ด งต อไปน HTML 1.0 เก ดข นในป พ.ศ.2536 (ค.ศ.1993) นาย ท ม เบอร เนอร ส-ล (Tim Berners-Lee) และ นายเดป แรคเก ต (Dave Raggett) ได ก าหนดให เอกสารภาษา HTMLท พ ฒนาข นต องไม ท าให เอกสารท สร างข นน นอ านไม ได Any standard must not make exiting documents (As Far As Possible)

6 HTML 2.0 เก ดข นในป พ.ศ.2538 (ค.ศ.1995)พ ฒนาโดย IETF (International Engineering Task ForceX) ซ งม งหว งให สามารถเป ดแสดงผลก บเว บเบราว เซอร ท ใช งานท วไปได ได ร บการยอมร บเป นมาตรฐานท สมบ รณ แต อย างไรก ด บร ษ ท Netscape และบร ษ ท Microsoft ต างก เพ มค าส งใหม ๆ ลงในโปรแกรมของตนเอง เพ อให ผ ให ออกแบบเพจสามารถใช ฟ งก ช นอ น นอกเหน อไปจาก HTML HTML 3.0 เก ดข นในป พ.ศ 2538 (ค.ศ 1995) ได พ ฒนาภาษา HTML ให ม ความสามารถเพ มข น โดยการเพ มการท างานเก ยวก บตาราง ปร บข อความล อมรอบภาพ และ แสดง ส วนท ม ความซ บซ อนได ด ข น รวมท งช วยให เว บเบราว เซอร ย อนกล บไปด เว บเพจหน าท เคยเข าไปชมมา ก อนแล วได ด กว า HTML 2.0 หร อเร ยกป มเคร องม อน นว า Backward HTML 3.2 เก ดข นในป พ.ศ 2539 (ค.ศ 1996) ได ม การเพ มองค ประกอบย อย ( Element) และ ค ณล กษณะ (Attribute) ท สามารถท างานร วมก บหลาย ๆ เว บเบราว เซอร HTML 4.0 เก ดข นในป พ.ศ 2540 (ค.ศ 1997) ความต องการของน กออกแบบ ท เพ มมากข น ท าให องค กร W3C ตกลงประกาศใช โดยม ความสามารถใช ค าส งใหม ๆช วยให ผ ออกแบบเพจ สามารถควบค มร ปแบบเอกสาร การเพ มประส ทธ ภาพในการท างานด วยซ เอสเอส (CSS ย อมาจาก Cascading Style Sheets) การฝ งออบเจคของโปรแกรมเสร มเพ อแสดง ร ปภาพ และเส ยง การสร างฟอร ม ได ด ข นและใช ร วมก บภาษาสคร ปต (Scripting Language ) ค อ การเข ยน ค าส งส นๆ ท เร ยกว า สคร ปต (Script) แบบต าง ๆ เพ อให เว บเพจสามารถโต ตอบก บ ผ ใช งานได มาก ข น โดยสคร ปต ท เข ยนข นน น ต องน าไปแทรกในไว ภาษา HTML แต ท งน เว บเบราว เซอร น นจะต อง สน บสน นฟ งก ช นของ HTML 4.0 ด วยความสามารถในการจ ดการก บ Object Model โดย HTML 4.0 ถ กแบ งออกเป น 3 ประเภทได แก 1) แบบเคร งคร ด (Strict HTML 4.0) เป นเอกสาร Hypertext ท เข ยนด วย ภาษา HTML 4.0 ตามมาตรฐานอย างเคร งคร ด แท กใดท คณะกรรมการช ดน น ยามว า ล าสม ย (Deprecate) หร อ ให เล กใช (Obsolete) ก จะไม ใช ค าส งน นในการเข ยนเอกสาร ซ งในความเป นจร ง ในขณะน ย งคงไม ม เว บเบราว เซอร ใด สน บสน นภาษา HTML 4.0 อย างเคร งคร ด แต คาดว าใน อนาคต อ นใกล น าจะม ความเป นไปได 2) แบบค อยเป นไป (Transitional/ Loose HTML 4.0) เป นเอกสารท สร าง ด วยภาษา HTML 4.0 โดยใช ร วมก บค าส งใน HTML เวอร ช น 3.2 เพ อให เอกสารท สร างข นม ร ปแบบ และใช งานได ตามจร ง แม ว าจะใช ก บเว บเบราว เซอร ระบบเคร อข าย และประเภท คอมพ วเตอร ท หลากหลายก ตาม และแน นอนว าเอกสารท สร างข นจะถ กจ ดให อย ในเป นประเภทน 3) แบบเฟรมเซ ท (Frameset HTML 4.0) เป นเอกสารท รวมเอาประเภท Transitional เข าก บค าส งแท ก ประเภทเฟรม ได แก Frame, Frameset, Noframes และ Iframe ซ งเป นแท ก ใหม เพ งจะม ในเวอร ช น 4.0 น HTML 4.01 เก ดข นในป พ.ศ (ค.ศ.1997) ได พ ฒนาปร บปร งท ผ ดพลาด ให สมบ รณ ม การท างานประส ทธ ภาพส งมากข น ในป จจ บ นทาง W3C ผล กด น ร ปแบบของHTML แบบใหม โดยเปล ยนไป พ ฒนาภาษามาตรฐานใหม ท ช อว า XHTML ย อมาจากค าว า Extensible Hyper Text Markup

7 49 Language มาใช ในการสร างเว บเพจ เพ อขยายการใช เว บเพจไปส อ ปกรณ ต าง ๆ ได เพ มมาข น ซ ง เป นล กษณะของโครงสร าง XML (extensible Markup Language) ท ม หล กเกณฑ ในการก าหนด โครงสร างท มาตรฐานด กว า มาใช ทดแทน HTML ร น 4.01 ท ใช ก นอย ในป จจ บ น HTML 5.0 เป นมาตรฐานของภาษาHTML ท อย ในระหว างการพ ฒนาภาษา มาร กอ ป ส าหร บ ร นต อไป ได ออกเผยแพร การใช งานเม อว นท 22 มกราคม พ.ศ.2551 โดยภาษา HTML 5.0 ม ร ปแบบสองแบบท ร วมก นค อ แบบด งเด ม และแบบท สองค อ XHTML ท ใช ในการจ ด โครงสร างและการแสดงผลของเน อหาส าหร บเว ลด ไวด เว บ มาตรฐานใหม จะม ค ณล กษณะเด นท ส าค ญ ได แก 1) การใช งานว ด โอ 2) การแสดงต าแหน งทางภ ม ศาสตร 3) การเก บไฟล ในล กษณะออฟไลน 4) การแสดงกราฟ กส 5) ชน ดของการป อนข อม ล แบบใหม เช น search, number, range, color, tel, url, , date, month, week, time, datetime, datetime-local โดยค ณสมบ ต เด นหลายอย างไม จ าเป นต องต ดต งซอฟต แวร เพ ม เช น เก ยรส แฟลช หร อ ซ ลเวอร ไลต เหม อนท ผ านมาในการใช งาน HTML 4.0 HTML 5.0 ได ม การแนะน า องค ประกอบของ HTML ใหม หลายต วเพ อตอบสนองการ ใช งานของเว บไซต ร นใหม โดยส วนหน งเป นซ แมนต ก ค อ ว ธ การท จะท าให คอมพ วเตอร สามารถ เข าถ งเว บไซต ท ส มพ นธ ก นได โดยอ ตโนม ต และย งสามารถด งข อม ลท เก ยวข องก นออกมาจาก ฐานข อม ลแบบสเปรดช ต (Spreadsheet) หร อ ไฟล ร ปภาพได ด วย ในขณะท ภาษา HTML ร นก อน เพ ยงแสดงข อม ลผ านทางเว บเบราว เซอร เท าน น คอมพ วเตอร จะไม สามารถร ว าข อม ลเหล าน น ค อ อะไรและม ความส มพ นธ ก นอย างไร ผ ใช จะต องเป นผ ต ดส นใจเล อกว าจะเข าไปท เว บไซต ใด จ งจะได ข อม ลท ต องการโดยอาศ ยการคล กไปตามการเช อมโยงต างๆ (http://ninjayoru.exteen.com/ /semantic-web, 2554) และองค ประกอบบางต วท ตกร นถ กทดแทนด วยการท างานด วย ค าส งซ เอสเอส 2.3 ความส าค ญของHTML พ ฒนาข นเพ อใช งานก บเว บเพจโดยเฉพาะ และใช รห สข อม ลแบบธรรมดา ท าให ไฟล เอกสารHTML สามารถใช ได ก บท กโปรแกรม ในขณะท ไฟล ของโปรแกรมอ น จะใช งานได เฉพาะ ก บโปรแกรมของต วเอง เช น ไฟล ข อม ลของเว ร ดโปรเซสเซอร (Word Precesser) ไม สามารถเร ยกใช จากโปรแกรมเท กซ อ ด เตอร (Text Editor) ท วไป เป นภาษามาตรฐานเป ด ท กคนสามารถน าไปใช งานได โดยไม จ าเป นต องเส ย ค าใช จ ายใด ๆ ไม ได เป นของใครคนใดคนหน ง แม แต องค กรท ก าหนดมาตรฐานของภาษาน W3C ก เป นองค กรท ต งข นโดยไม หว งผลก าไรใดๆ เป นไฟล ท สามารถอ านเข าใจน ค อจ ดประสงค ข อหน งในการพ ฒนาข นมา ซ ง แตกต างจากโปรแกรมภาษาอ น ๆ ค าส งของ HTML น นเข าใจง ายเหม อนเอกสารท วไป

8 สามารถใช งานระบบไฮเปอร เท ก ได ค ณสมบ ต ข อน อาจจะเป นข อท ส าค ญท ส ด การม จ ดล งค อย ภายในเว บเพจท าให สามารถเช อมโยงเอกสารไปย งแหล งข อม ลต างๆได ท วโลก เพ ยง แค คล กเมาส ท จ ดล งค เท าน น สามารถท างานก บม ลต ม เด ย เช น ข อความ ร ปภาพ เส ยง หร อ ภาพเคล อนไหว เป นต น ค ณสมบ ต ข อน ท าให เว บแตกต างไปจากการส อสารประเภทอ น เช น หน งส อพ มพ หร อแม แต อ เมล 3. ร ปแบบท ด ของภาษาHTML 3.1 ร ปแบบไฟล เอกสารHTML ร ปแบบไฟล โดยท วไปว าไฟล เว บเพจ จะม ส วนขยายของไฟล เป น.html หร อ *.htm เช น sample.html ด งต วอย างภาพท 2.2 โดยท วไป ไฟล ภาษาHTMLจะเป นไฟล ชน ดเท กซ ไฟล (Text File) ด งต วอย างท ภาพท 2.3 เป นข อม ลในไฟล ท สามารถเป ดอ านได ด วยโปรแกรมเท กอ ด เตอร ท วไปของระบบปฏ บ ต การ ภาพท 2.2 ส วนขยายของไฟล เป น.html หร อ.htm ภาพท 2.3 ต วอย างไฟล ชน ดเท กซ ไฟล

9 องค ประกอบของภาษา HTML(HTML Element) เอกสารประกอบไปด วยด งน เท กซ (Text) หมายถ ง ข อความท ว ๆ ไปท อย ระหว างค าส งแท ก ส วนของ เอกสารท ต องการแสดงผลออกทางเว บเบราว เซอร แท ก (Tag) หมายถ ง ค าส งท ใช ในการก าหนดร ปแบบของแท กโดยค าส ง ของภาษา HTML จะต องอย ภายในเคร องหมาย <และ> โดยแท กเร มต นและแท กจบท าย จะใช ต วอ กษรพ มพ เล กหร ออ กษรพ มพ ใหญ ม ผลเหม อนก น 3.3 หล กการเข ยนเอกสารHTML (HTML Document) ค าส งแท ก โดยช อค าส งจะต องอย ภายในเคร องหมาย < > เท าน น ช อค าส ง ใช อ กษรภาษาอ งกฤษ ต วพ มพ เล ก ต วพ มพ ใหญ หร อพ มพ ผสม การย อ หน า เว นบรรท ด หร อช องว าง สามารถกระท าได อ สระ เว บเบราว เซอร จะไม สนใจเก ยวก บระยะเว น บรรท ดหร อย อหน า หร อช องว าง ม ความหมายเด ยวก น เช น <body> หร อ <BODY> หร อ< Body> ส าหร บเอกสารประกอบการเร ยนเล มน จะใช อ กษรภาษาอ งกฤษต วพ มพ เล ก ค าส งแท กท วไปจะประกอบด วยแท กเป ดและแท กป ด แท กเป ดช อค าส งจะอย ระหว างเคร องหมาย < และ > แท กป ด จะม เคร องหมาย Slash (/) อย หน าช อค าส ง และอย ระหว าง เคร องหมาย < และ > ระหว างแท กเป ดและแท กป ด ค อข อความท แสดงผลด วยค าส งแท กน น บางค าส งอาจม เพ ยงแท กเป ด แต ไม ม แท กป ด เช นค าส ง <br> หร อ <p> บางค าส งแท กจะม ค ณสมบ ต เพ มเต ม ซ งค ณล กษณะเพ มเต มของค าส งแท ก เร ยกว า แอททร บ วท (ค ณสมบ ต ค ณสมบ ต ท สามารถก าหนดเพ มเต ม) โดยแอททร บ วท จะก าหนดท แท กเป ดเท าน น จะการเข ยนแอททร บ วท แล วตามด วยเคร องหมาย ( = ) และใส ค าท ก าหนด (Value) ค าส งแท กค อ <font> เป นค าส งให แสดงต วอ กษรโดย <font> ค อ แท กเป ด และ </font> ค อแท กป ด <font> ม การก าหนดค ณสมบ ต เฉพาะ color = "green" อก าหนดให แสดงข อความเป น ส เข ยว ส าหร บข อความท ต องการแสดงอย ระหว าง<font> และ </font> ค อ ว ทยาล ยเกษตรและ เทคโนโลย เช ยงใหม ภาพท 2.4 ต วอย าง ค าส งแท กท ม การก าหนดแอททร บ วท

10 ร ปแบบท ด ของภาษาHTML ร ปแบบเอกสารHTMLท ด ต องม การพ มพ ช ดค าส งโดยสามารถพ มพ ได ท งต วพ มพ เล ก ต วพ มพ ใหญ หร อพ มพ ผสม การย อหน า เว นบรรท ด หร อช องว าง สามารถกระท าได ตามอ สระของ เว บเบราว เซอร จะไม สนใจเก ยวก บระยะเว นบรรท ดหร อย อหน า หร อช องว าง โดยม รายละเอ ยดด งน <html> <head> <title>ข อความแสดงท แถบห วเร อง (Title bar) </title> </head> <body> ข อความหร อค าส งแท ก ต าง ๆ </body> </html> ภาพท 2.5 ร ปแบบท ด ของภาษาHTML ส วนท ก าหนดให เว บเบราว เซอร ทราบว าเป นเอกสารชน ดHTML ซ งจะม แท ก <html> ก าก บอย ท จ ดเร มต น และแท ก </html> จ ดส นส ดของเอกสารHTML ส วนห วเร องเอกสารเว บเพจ (Head Section) เป นส วนท ใช อธ บายเก ยวก บ ข อม ลเฉพาะของหน าเว บน นๆ เช น ช อเร องของหน าเว บ (Title), ช อผ จ ดท าเว บ (Author), ค ย เว ร ด ส าหร บการค นหา (Keyword) โดยม ค าส งแท กส าค ญ ค อ 1) ค าส งแท ก <head> เป นค าส งท ใช ก าหนดข อความส วนท เป นห วเร อง เอกสาร เพ อให ทราบว าเอกสารเว บเพจน นเก ยวก บอะไร โดยม ค าส งแท กเป ดค อ <head> และค าส ง แท กป ดค อ</head> ภายใน จะประกอบด วย ค าส งแท ก < title> และค าส งแท ก <meta> ม ร ปแบบด งต อไปน ร ปแบบค าส ง <head> <title > ข อความช อเร อง <title > <meta> </head> 2) ค าส งแท ก title เป นค าส งแท กท ใช แสดงช อเอกสารเว บเพจหร อ รายละเอ ยดท เก ยวก บเอกสารเว บเพจในหน าน น โดยม ค าส งแท กเป ดค อ <title> และค าส งแท กป ด ค อ </title> โดยม ร ปแบบการพ มพ แท กค าส งม ด งน ร ปแบบค าส ง <title > ข อความช อเร อง </title >

11 53 จากร ปแบบค าส งแท ก <title> การพ มพ ข อความช อเร องม เง อนไขการ พ มพ ด งต อไปน (1) ข อความท ใช เป นไม ควรพ มพ เก น 64 ต วอ กษร ไม ต องใช ล กษณะพ เศษ เช น เอ ยง, ต วหนา,ต วบางหร อส และควรใช เฉพาะภาษาอ งกฤษท ม ความหมายครอบคล มถ งเน อหา ของเอกสารเว บ หร อม ล กษณะเป นค าส าค ญ (Keyword) ในการค นหา แต ป จจ บ นสามารถใช อ กษร ภาษาไทยในการพ มพ ไตเต ลแต ต องม ความหมายตรงก บเว จเพจท จ ดท าด วย (2) การแสดงผลจากค าส งแท ก<title> บนเว บเบราว เซอร จะปรากฏ ข อความท ก าก บด วยค าส งแท ก title ในส วนบนส ดของกรอบหน าต าง ใน Title Bar ของว นโดว 3) ค าส งแท ก <meta> ไม ปรากฏผลบนเว บเบราว เซอร แต จะเป นส วนส าค ญ ในการท าคล งบ ญช เว บ ส าหร บผ ให บร การส บค นเว บ (Search Engine) และค าอ นๆ ของการแปล ความหมาย ซ งม ค ณสมบ ต เฉพาะ ซ งอาจเปร ยบเท ยบได ว า เว บเพจต างๆ น นเปร ยบเสม อนห องสม ด โลกขนาดใหญ ด วยเหต ผลน เองจ งได ม แนวความค ดในการน าค าส งแท ก <meta>ไปประย กต ใช ก บ เว บเพจต าง ๆ ได (1) ค าส งค ณสมบ ต เฉพาะส าหร บใช งาน 4 ค าส ง (มาล ย ม วงเทศและ คณะ, 2549: 15) ด งน ก. http-equiv เป นค าส งท ใช ส าหร บก าหนดข อความท จะน าไปสร าง การก าหนดส วนห วเร องเอกสารเว บเพจ ข. name ใช ส าหร บให ข อม ลเพ มเต มท เป นค ณสมบ ต ของเอกสาร เม อ ม การค นหาค าในห วข อท ต องการ โดยข อม ลท น ามาใช ก าหนดค ณสมบ ต ของเอกสารน น จะต องม ความเก ยวข องก บเน อเร องในเอกสาร ค. content ใช ส าหร บก าหนดค าค ณสมบ ต ของเอกสารให ก บ name เป นการก าหนดค ณสมบ ต ของเอกสารท ต องการส งให ก บ Server หร อเป นการก าหนดค าใช ช อเฉพาะ ง. scheme ใช ส าหร บก าหนดร ปแบบของข อม ลเพ อใช ความหมายของ ข อม ลท อย ในแอทร บ วต ว าข อม ลน อ านอย างไร (2) การประย กต ใช ค าส งแท ก <meta > สามารถน าไปใช มาประย กต ใช ก บเว บเพจต าง ๆ ได แก ก. ใช ก าหนดชน ดต วอ กษร เช น การระบ ช ดต วอ กษรท ใช ก บ ภาษาไทย ให Browser ใช ช ดต วอ กษร utf-8 ส าหร บเป ดเว บเพจ ต วอย าง <meta http-equiv ="content-type" content="text/html;charset=utf-8"> ข. บอกรายละเอ ยดของเว บเพจส าหร บ Search Engine บอกค าท เก ยวข องก บเว บเพจหน าน เป นค าท ใช ในการค นหาหน าน ค นด วยส ญล กษณ (, ) จะบอกรายละเอ ยด ของเว บเพจแบบคร าว ๆ

12 54 ต วอย าง <meta name ="keywords" content ="ออกแบบเว บไซต, เว บด ไซต "> <meta name ="description" content ="ร บออกแบบเว บไซต ค ณภาพด "> การสร างเว บเพจหน าน ค. ส าหร บบอกช อผ เข ยนหน าน และผ เป นเจ าของล ขส ทธ ต วอย าง <meta name ="author" content ="อภ ว นท จ กรค า ">ผ เข ยนหน าน <meta name ="copyright" content ="ร านหน งส ออ กค ว">ผ เป นเจ าของล ขส ทธ ง. ส าหร บบอกเคร องม อท ใช สร างเว บเพจน เช น ได ใส โปรแกรมท ใช ใน ต วอย าง <meta name ="generator" content ="Dreamweaver"> จ. ส าหร บส งให refresh หน าเว บเพจท แสดงผลอย refresh อ ตโนม ต ต วอย าง <meta http-equiv="refresh" content ="5; url=index.html "> - เลข 5 ค อ ใส เลข 5 ค อให refresh ท ก 5 ว นาท - index.html ค อ หน าท แสดงผลอย (หน าท ต องการให refresh) ฉ. ส าหร บส งไม ให Search engine แสดงผลหน าน (ก) all ค อ การก าหนดค าให สามารถจ ดท าดรรชน ค าในเน อหา ได ท กหน าท เช อมโยงถ ง เพ อน าไปจ ดเก บบ นท กลงฐานข อม ล Search Engine (ข) Noindex ค อ การก าหนดไม ให จ ดท าดรรชน ค าในเน อหา ส าหร บหน าท ก าหนดไว แต ให ตามส วนท เช อมโยงได และน าเน อหาไปจ ดท าดรรชน ได ไปลงฐานข อม ล Search Engine (ค) nofollow ค อ การก าหนดให จ ดท าดรรชน ค าในเน อหา ใน หน าท ปรากฏได แต ไม ให ตามส วนท เช อมโยงเพ อจ ดท าดรรชน ค าในเน อหา น าไปลงฐานข อม ล "NONE" ค อ การห ามไม ให spider จ ดเก บเว บเพจท ปรากฏไปท าดรรชน เน อหา และห ามตามส วน เช อมโยงเพ อท าดรรชน ในเน อหาด วยเช นก น ต วอย าง <meta name ="robots" content ="noindex,nofollow"> ต วอย าง ช. ส าหร บส งให Search engine กล บมาท เว บไซต <meta name ="revisit-after" content ="7 Days"> ซ. ส าหร บบอกว นท เวลาว นหมดอาย ให ลบออกจากฐานข อม ล ต วอย าง <meta name ="expires" content ="Never" >

13 55 ต วอย าง ต วอย าง ต วอย าง ต วอย าง ฌ. บอกระด บการเผยแพร ของเว บไซต <meta name ="distribution" content ="Global"> ญ. ใส อ เมล ส าหร บให คนต ดต อกล บ <meta name ="contact_addr" content ฎ. ระบ กล มคนเข าด <meta name ="rating" content ="General"> ฏ. บอกภาษาท ใช ในเว บ <meta name ="language" content ="en-th"> ส วนเน อหาเอกสารเว บ (Body Section) เป นส วนเน อหาหล กของหน าเว บ ซ ง การแสดงผลจะต องใช ค าส งแท ก จ านวนมาก ข นอย ก บล กษณะของข อม ล เช น ข อความ, ร ปภาพ, เส ยง, ว ด โอ หร อไฟล ต าง ๆ ส วนเน อหาเอกสารเว บ เป นส วนการท างานหล กของหน าเว บ ประกอบด วย ค าส งแท กมากมายตามล กษณะของข อม ล ท ต องการน าเสนอ การป อนค าส งในส วนน ไม ม ข อจ าก ด สามารถป อนต ดก น หร อ 1 บรรท ดต อ 1 ค าส งก ได แต ม กจะย ดร ปแบบท อ านง าย ค อ การท าย อหน า ในช ดค าส งท เก ยวข องก น ท งน ให ป อนค าส งท งหมดภายใต ค าส งแท ก <body>... </body> และโดย ม ค าส งแท กเป ดค อ <body> และค าส งแท กป ดค อ </body> ร ปแบบค าส ง <body ล กษณะประจ า = ค าท ก าหนด> ค าส งแท กต าง ๆ </body> ส าหร บค าส งแท ก<body> จะประกอบด วยค ณสมบ ต เฉพาะท ใช ส าหร บการก าหนด ร ปแบบต าง ๆ ของเน อหาภายในเอกสารด งต วอย างเช น <html> <head><title>การเข ยนเว บเพจด วยภาษา HTML</title></head> <body text = " pink" > </table><tr> <td><img src = "logoapiwan.jpg" width="1000" height="150" border="1"></br> </td> <font size = " 5" >การจ ดการเร ยนร คร อภ ว นท </font></br> </tr> </table> </body> เม อแสดงผ านโปรแกรมเว บเบราว เซอร ด งภาพท 2.6

14 56 ภาพท 2.6 ผลการแสดงบนเว บเบราว เซอร 4. โปรแกรมส าเร จร ปส าหร บเข ยนเว บเพจด วยภาษา HTML เคร องม อท ใช ส าหร บการเข ยนภาษา HTML จะต องใช โปรแกรมเท กอ ด เตอร ซ งเป น โปรแกรมส าหร บแก ไขไฟล ข อม ลต างๆ โปรแกรมท น ยมน ามาใช ในการเข ยนเว บเพจ ได แก 4.1 โปรแกรม Notepad โปรแกรม Notepad เป นโปรแกรมท ต ดต งมาก บโปรแกรมระบบ ปฏ บ ต การว นโดว โดยจ ดเป นโปรแกรม เท กอ ด เตอร ซ งสามารถน ามาใช สร างไฟล หร อเข ยนภาษาHTML เพราะเป น โปรแกรมท สามารถใช งานง ายและม การท างานไม ซ าซ อน ล กษณะของโปรแกรมม ด งน ภาพท 2.7 ต วอย างโปรแกรม Notepad 4.2 โปรแกรม Edit Plus โปรแกรม EditPlus เป นโปรแกรมท ช วยเพ มความสะดวกให แก น กเข ยนโปรแกรม มากกว าโปรแกรม Notepad ม ข อด สามารถรองร บการเข ยนโปรแกรมต าง ๆ ได แก ภาษาจาวา, ภาษาพ เอชพ, ภาษาเพ ร ล, ภาษา HTML เป นต น โดยโปรแกรมน จะม ความเข าใจในต วภาษาแต ละ ต ว และม การใช ส ส นท แตกต างก นเพ อแยกค าส าค ญหร อค าเฉพาะในแต ละภาษาด งภาพท 2.8 แต โปรแกรม EditPlus ไม สะดวกในการใช งานเท าก บโปรแกรมโน ตแพด ค อ ไม ใช โปรแกรมท ต ดมาก บ

15 57 ระบบปฏ บ ต การว นโดว เป นโปรแกรมท ม ล ขส ทธ ถ าจะน ามาใช จร งจะต องซ อต วโปรแกรมฉบ บ สมบ รณ พร อมส ทธ การใช งานซอฟต แวร (License) มาใช หร อดาวน โหลดจากเว บไซต ท บร การใช ดาวน โหลด ซ งเม อดาวโหลดแล วสามารถน ามาต ดต งใช งานได ท นท แต สามารใช ได เพ ยง 30 ว นเท าน น เน องจากเป นโปรแกรมช ดทดลอง (Evaluation Version) ภาพท 2.8 ต วอย างโปรแกรม EditPlus 4.3 โปรแกรม Microsoft Word โปรแกรม Microsoft Word เป นโปรแกรมท ต ดต งมาก บโปรแกรม Microsoft Office ข นอย ว าแต ละผ ใช จะต ดต งโปรแกรมMicrosoft Office ร นอะไร ส าหร บต วอย างด งร ปท 2.9 ค อ ต วอย าง โปรแกรม Microsoft Word 2010 โปรแกรมน เหมะส าหร บการพ มพ เอกสารแต สามารถ น ามาใช ในการเข ยนภาษา HTML ได สะดวกในการใช งาน แต ต องระม ดระว งในการบ นท กไฟล เน องจากโปรแกรมจะบ นท กเป นไฟล ชน ด.docx ต องเปล ยนร ปแบบการบ นท กท กคร งเป นไฟล เอกสาร HTML ร ปท 2.9 โปรแกรม Microsoft word 2010

16 โปรแกรม WordPad โปรแกรม WordPad เป นโปรแกรมท ต ดต งมาก บโปรแกรมระบบปฏ บ ต การว นโดว และการใช งานเช นเด ยวก บโปรแกรม Notepad แต ต องระม ดระว งในการบ นท กไฟล เน องจาก โปรแกรมจะบ นท กเป นไฟล ชน ด rtf (Rich Text Format) ต องเปล ยนร ปแบบการบ นท กท กคร งใน การบ นท กไฟล ชน ดเอกสาร HTML ภาพท 2.10 โปรแกรม Microsoft WordPad 5. โปรแกรมส าเร จร ปส าหร บแสดงข อม ลเอกสารของภาษาHTML โปรแกรมส าเร จร ปส าหร บแสดงข อม ลเอกสารของภาษาHTML หร อ โปรแกรมเว บ เบราว เซอร ท ใช ในการเป ดด ข อม ลต างๆ บนอ นเทอร เน ต ถ อได ว าเป นเอกสารข อม ลท ถ กเข ยนด วย ภาษาHTML ค ณสมบ ต ของโปรแกรมเว บเบราว เซอร ท าหน าท ต ดต อก บเคร องบร การเว บ เพ อด เอกสารในเว ลด ไวด เว บ แล วน าข อม ลน นมาแสดงบนจอภาพ ซ งสามารถท จะอ านข อม ลท เป นภาพ 2 ม ต และ 3 ม ต แสดงภาพเคล อนไหว ข อม ลเส ยงและว ด โอโปรแกรมเว บเบราว เซอร ม ด งต อไปน 5.1 โปรแกรม Netscape Navigator โปแกรม Netscape Navigator เป นโปรแกรมเว บเบราว เซอร ท ได ร บความน ยมมา อย างต อเน อง โดยม Marc Andressen ก บ James H.Clark ร วมก นก อต งบร ษ ท Mosaic Communication Corporationซ งต อมาเปล ยนช อเป น NetscapeCommunications Corporation เป นโปรแกรมยอดน ยมท เป นค แข งส าค ญของ บร ษ ทไมโครซอฟต ม การพ ฒนาให สามารถร บร ค าส งแท กใหม ๆท ม อย ในภาษาHTMLร นใหม และสน บสน นภาษาจาวา และจาวาสคร ปต ช วยในการเข าส เว บไซต ต าง ๆ ซ งม จ ดเด น ค อสน บสน นเอกสารเว บเพจแบบเปล ยนแปลงข อม ล ง าย ต อการใช งาน และม ระบบความปลอดภ ยของข อม ลท ด ข น

17 59 ภาพท 2.11 ส ญล กษณ Netscape Navigator ภาพท 2.12 ต วอย าง โปรแกรม Netscape Navigator 5.2 โปรแกรม Internet Explorer โปรแกรม Internet Explorer ผล ตโดยบร ษ ทไมโครซอฟท ผ ผล ตโปรแกรม ระบบปฏ บ ต การต าง จ งเก ดจากการซ อล ขส ทธ จากโปรแกรม NCSA Mosaic มาพ ฒนาต อเป น Internet Explorer โดยม ช อย อว า ไออ (IE) ใช งานได ก บระบบปฏ บ ต การไมโครซอฟท ว นโดว (Windows) ท กร น เพ มข ดความสามารถให แสดงภาพเคล อนไหว ภาพสามม ต ได ม การออกค าส ง เอกสารHTML ใหม ๆ ท ใช งานได ก บเว บเบราว เซอร ของตน ส าหร บระบบปฏ บ ต การไมโครซอฟท ว นโดวส และระบบปฏ บ ต การแมค ป จจ บ นโปรแกรม Internet Explorer เป นเว บเบราว เซอร ท อย ในส วนหน งของระบบปฏ บ ต การไมโครซอฟท ว นโดวส ท น ยมใช มากท ส ดต งแต ป พ.ศ ภาพท 2.13 ส ญล กษณ ไอคอนโปรแกรม Internet Explorer

18 60 ภาพท 2.14 ต วอย างโปรแกรม Internet Explorer โปรแกรม Mozilla Firefox ร จ กในช อไฟร ฟอกซ เป นเว บเบราว เซอร และไคลเอนต ส าหร บโกเฟอร และเอฟท พ ท สามารถใช ได ในหลายระบบปฏ บ ต การ พ ฒนาโดยม ลน ธ มอซ ลลาและ อาสาสม ครอ กหลายร อยคน ป จจ บ นอย ใต การด าเน นงานของบร ษ ทมอซ ลลา จ าก ด และโปรแกรมเว บ เบราว เซอร ท น ยมอ นด บ 2 รองจากโปรแกรม Internet Explorer ภาพท 2.15 ส ญล กษณ ไอคอน Mozila Firefox ท มา: www. Mozila, 2553 ภาพท 2.16 ต วอย างโปรแกรม Mozilla Firefox

19 โปรแกรม Avant Browser โปรแกรม Avant Browser เป นโปรแกรมเว บเบราว เซอร ท ม ค ณสมบ ต ช วงเวลาการ จ ดเร ยงการส งส ญญาณ (Batch) และฟ งก ช นท งหมดของโปรแกรม Internet Explorer โปรแกรมน เป นเว บเบราว เซอร ท ม ความเร วท ส ด และม การต ดต อระบบการส อสาร ท สามารถใช งานได ง าย สามารถเล นอ นเทอร เน ตได อย างราบร นและม ประส ทธ ภาพมากข น และสามารถอ พเกรดได อย าง สม าเสมอเพ อเพ มความเช อถ อได ของม นให เท ยงตรงอย เสมอและสามารถรองร บของภาษาท วโลก ได มากถ ง 41 ภาษา นอกจากน โปรแกรม Avant Browser ย งม ความสามารถในการกรอง ภาพเคล อนไหว แฟรชแอน เมช น (Flash Animation) เพราะว า ส วนใหญ น ามาใช ส าหร บท าโฆษณา และน าเสนอบนเว บเพจขนาดใหญ มากถ งร อยละ 90 ของหน า โปรแกรมม ค ณสมบ ต เพ อช วยให สามารถประหย ด เวลาในการร บส งส ญญาณ โดยการบล อกไฟล เอกสารแฟรช เหล าน ในการคล กเมาส คร งเด ยวและสามารถท จะท าการบล อก การดาวน โหลด ร ปภาพ, ว ด โอ, เส ยง และ Active X เพ อให สามารถควบค มแบนว ช และเพ มความเร วในการโหลดหน าต างเว บเพจ อ นได เร วข น ๆ ภาพท 2.17 ส ญล กษณ ไอคอน Avant Browser ท มา : ภาพท 2.18 ต วอย างโปรแกรม Avant Browser

20 โปรแกรมโอเปร า (Opera) ค อช อซอฟต แวร ท รวมเว บเบราว เซอร และโปรแกรม ส าหร บใช งานอ นเทอร เน ตอ น ๆ พ ฒนาโดยบร ษ ทโอเปร า ประเทศนอร เวย ในป จจ บ นโอเปร าเป นผ น า ในตลาดเว บเบราว เซอร ส าหร บโทรศ พท ม อถ อ และพ ด เอ(PDA : Personal Digital Assistants) เป น อ ปกรณ ท สามารถพกพาน าต ดต วได นอกจากน ย งถ กน าไปใช ในระบบโทรท ศน ท ม การโต ตอบระหว าง ผ ชม (Interactive Television, itv) ในบางประเทศ เม อไม นานน บร ษ ทโอเปร าได ร วมม อก บ บร ษ ทอะโดบ ซ สเต มส ผ ผล ตซอฟต แวร ด านการสร างสรรค ส อ เพ อรวมโอเปร าก บโปรแกรมในช ด อะ โดบ คร เอท ฟสว ท และเม อ 20 ก นยายน พ.ศ.2548 ทางบร ษ ท โอเปร า จ าก ด (Opera Software ASA) ได เป ดให โอเปร าเบราว เซอร เป นซอฟแวร ท สามารถโหลดใช งานได ฟร และไม ม การเพ มค าบร การใด ๆ ในต วโปรแกรม สามารถใช งานได เต มร ปแบบช ดโอเปร าประกอบไปด วย โปรแกรมค นด เว บ (Web browser) โปรแกรมอ เมล ( Client) โปรแกรมไออาร ซ (IRC Client) โปรแกรมสม ดท อย (Address Book) โปรแกรมอ านข าวจากแหล งข อม ลอ น (News Aggregator) โปรแกรมโอเปร าว จ ท (Opera Widget) ภาพท 2.19 ส ญล กษณ ไอคอน Opera ท มา : ภาพท 2.20 ต วอย างโปรแกรม Opera Browser

21 โปรแกรมซาฟาร (Safari) ค อโปรแกรมเว บเบราว เซอร ท พ ฒนาโดยบร ษ ทแอปเป ล คอมพ วเตอร ส าหร บเคร องแมคอ นทอช โดยมาพร อมก บระบบปฏ บ ต การ Mac OS X ร น 10.3 เป น ต นไป และสต ฟ จอบส ได ประกาศในว นท 11 ม ถ นายน พ.ศ เป ดต วซาฟาร ส าหร บว นโดวส 2000 หน าตาของซาฟาร ม ล กษณะส เง นวาว (brush metal) เหม อนก บล กษณะของ ซอฟต แวร เล น เพลง ซาฟาร ร นท สองเร ยกว า Safari RSS ใช ได ก บ Mac OS X ร น 10.4 ข นไป ซาฟาร ใช ต ววาดหน า เว บช อ WebCore ซ งพ ฒนามาจากต ววาดหน าเว บช อ เว บค ต ท พ ฒนาต อมาจาก KHTML ซ งเป น ส วนหน งของโครงการซอฟต แวร เสร KDE ด งร ปภาพท 2.31 ภาพท 2.21 ส ญล กษณ ไอคอน safari ท มา : ภาพท 2.22 ต วอย างโปรแกรม Safari Browser 5.7 โปรแกรม Google Chrome ก เก ลโครม (Google Chrome) เร ยกก นส น ๆ ว าโครม ค อโปรแกรมเว บเบราว เซอร แบบโอเพนซอร ซ ท พ ฒนาโดยบร ษ ท ก เก ล โครมม ให ดาวน โหลดเพ อใช งานส าหร บว นโดวส และม ภาษาท ให ใช ได มากกว า 50 ภาษารวมถ งภาษาไทย ความสามารถของโครม ออกแบบมาให ท างานได อย างรวดเร วในท กว ถ ทางเท าท จะเป นไปได หน าต างเบราว เซอร ม ขนาดเหมาะสม สะอาดตา และ เร ยบง าย สามารถปร บการต งค า และเพ มแอปพล เคช น รวมท งธ ม (Theme) ต าง ๆ จาก ท เก บเว บ ของโครมได การลงช อเข าใช จะเป นการน าบ กมาร ค ประว ต การเข าชม และการต งค าอ น ๆ ท งหมดลง ในคอมพ วเตอร ท กเคร องของเรา และย งสามารถลงช อเข าใช บร การต าง ๆ ท งหมดของก เก ล ท ช นชอบ

22 64 ให โดยอ ตโนม ต ม การปร บปร งอ ตโนม ต ท าให ม นใจได ว าได ร บการแก ไขข อบกพร องด านความปลอดภ ย ล าส ด ( 2554) ภาพท 2.23 ส ญล กษณ ไอคอนก เก ลโครม ท มา: Google.,Inc, 2553 ภาพท 2.24 ต วอย างโปรแกรมก เก ลโครม 6. ปฏ บ ต การเร มต นการเข ยนเว บเพจด วยHTML ส าหร บเอกสารประกอบการเร ยนน การเร มต นปฏ บ ต การเข ยนเว บเพจด วยภาษา HTMLจะ ใช โปรแกรม Notepad ใช เป นโปรแกรมสร างไฟล เอกสาร ส วนโปรแกรมเว บเบราว เซอร ค อ โปรแกรม Internet explorer โดยม ข นตอนในการเข ยน ด งต อไปน 6.1 การเร ยกใช โปรแกรม Notepad เร มต นด วยการคล กป มเมน Start คล กเล อก program คล กเล อก Accessories คล กเล อก Notepad ซ งม ข นตอนการเร ยกใช โปรแกรม Notepad ด งร ปภาพท 2.23

23 ภาพท 2.25 ข นตอนการเร ยกใช โปรแกรม Notepad 6.2 การบ นท กไฟล ภาษา HTML สามารถบ นท กไฟล ข อม ล จากโปรแกรม Notepad ซ งจะท าการบ นท กเป นไฟล เอกสาร HTML ม ข นตอนการบ นท กด งน คล กท เมน File เล อกแถบเมน Save หร อ Save As การก าหนดช อไฟล ท ต องการบ นท กลงในช อง File Name การบ นท กไฟล เอกสารHTML โดยในการก าหนดช อไฟล จะต องก าหนดส วนขยายเป น. html หร อจะบ นท กเป น.htm เช น sample.html ด งร ปท ก าหนดท อย ท ต องการเก บไฟล อาท เช น บ นท กไว บนฮาร ดด สก ท อย ในเคร อง คอมพ วเตอร (ไดร ฟ C:, D:, E: ) หร อ ย เอสบ แฟลชไดรฟ ถ าต องการให การเก บแฟ มเป นส ดส วน ไม ให แฟ มข อม ลระจาย ก สามารถด าเน นการบ นท กไว โดยการสร าง โฟว เดอร ไว ในส อบ นท กข อม ลก ได ตามต วอย างน จะบ นท กข อม ลไว ท โฟลเดอร ช อ html_webpage ในฮาร ดด สก ไดร ฟ E: จากน น ก ท าการบ นท กไฟล คล กเล อกป ม Save

24 ภาพท 2.26 การบ นท กไฟล ภาษา HTML 6.3 การเป ดไฟล เอกสารHTML เม อเข ยนไฟล เอกสารHTML และได ท าการบ นท กไฟล เร ยบร อยแล ว การเป ดไฟล เอกสารเพ อน าเสนอโดยการเป ดจากโปรแกรมเว บเบราว เซอร ตามต องการหร อตามท เคร อง คอมพ วเตอร ได ลงโปรแกรมเว บเบราว เซอร ต าง ๆ ไว เช น ต วอย างภาพท 2.25 โปรแกรมเว บ เบราว เซอร ต าง ๆ ท ม อย ในระบบปฏ บ ต การว นโดว ของเคร องคอมพ วเตอร จ านวน 7 โปรแกรม ส ญล กษณ ไอคอน Internet Explorer ส ญล กษณ ไอคอน Opera ส ญล กษณ ไอคอน Avant Browser ส ญล กษณ ไอคอน Google Chrome ส ญล กษณ ไอคอน Mozila Firefox ส ญล กษณ ไอคอน Netscape Navigator B ส ญล กษณ ไอคอน Safari ภาพท 2.25 โปรแกรมเว บเบราว เซอร ต าง ๆ ท ม อย ในระบบปฏ บ ต การว นโดว ส าหร บข นตอนการเป ดไฟล เอกสารHTML ด วยโปรแกรม Internet Explorer เวอร ช น 8.0 สามารถท าได ด งน

การจ ดการก บแฟ มข อม ล จ ดเก บเอกสาร (Save)

การจ ดการก บแฟ มข อม ล จ ดเก บเอกสาร (Save) 12 การจ ดการก บแฟ มข อม ล จ ดเก บเอกสาร (Save) ใช ไอคอน แทนการเร ยกเมน File, Save ได เม อสร างงานด วย Word ควรท าการจ ดเก บงานน นไว ในฮาร ดด สก จากน นจ งค อย ท าการค ดลอก (Copy) หร อย าย (Move) ไปไว ในแผ

More information

ค าอธ บายรายว ชา คอมพ วเตอร

ค าอธ บายรายว ชา คอมพ วเตอร ค าอธ บายรายว ชา คอมพ วเตอร กล มสาระการเร ยนร การงานอาช พและเทคโนโลย รายว ชาคอมพ วเตอร ระด บช น ม ธยมศ กษาป ท 1 80 ช วโมง ศ กษา ว เคราะห ข นตอนการท างานโดยท าตามล กษณะข นตอนท วางไว กระบวนการกล ม เป น ว

More information

เอกสารประกอบการเร ยน เร อง คอมพ วเตอร น าร

เอกสารประกอบการเร ยน เร อง คอมพ วเตอร น าร เอกสารประกอบการเร ยน เร อง คอมพ วเตอร น าร ร จ กคอมพ วเตอร ป จ บ นคอมพ วเตอร เป นอ ปกรณ เทคโนโลย สารสนเทศท น ยมใช ก นอย างแพร หลาย โดยท วไปเราจะน าคอมพ วเตอร มาใช ในการท างานต าง ๆ เช นการค ดค านวณ การพ

More information

ตารางว เคราะห เน อหาหน วยการสอน

ตารางว เคราะห เน อหาหน วยการสอน ตารางว เคราะห เน อหาหน วยการสอน หน วยท ช อหน วย/ห วข อการสอน จ านวน (ช วโมง) 1 จร ยธรรมและความร บผ ดชอบในการใช คอมพ วเตอร และ ระบบสารสนเทศ 1.1 จร ยธรรมในการใช ระบบคอมพ วเตอร 1.2 จรรยาบรรณในการใช คอมพ วเตอร

More information

เม อเข าระบบตามหน วยงานแล ว จะพบหน าจอ ระบบจ ดการเว บไซต

เม อเข าระบบตามหน วยงานแล ว จะพบหน าจอ ระบบจ ดการเว บไซต 1 เข าใช งานตามล งค http://www.qsds.go.th/ช อหน วยงาน/adminmanage เม อเข าระบบตามหน วยงานแล ว จะพบหน าจอ ระบบจ ดการเว บไซต หน าเว บจะประกอบไปด วยเมน ในการจ ดการเว บ สามารถเพ ม ลบ แก ไข เมน หร อข อม ล ต

More information

หล กส ตร การสร าง E-book ด วยโปรแกรม DeskTop Author

หล กส ตร การสร าง E-book ด วยโปรแกรม DeskTop Author หล กการและเหต ผล หล กส ตร การสร าง E-book ด วยโปรแกรม DeskTop Author ตามนโยบายของส าน กงานคณะกรรมการการศ กษาข นพ นฐานและส าน กงานเขตพ นท การศ กษา ขอนแก น เขต 2 ท ต องการพ ฒนาบ คลากรให ม ความร ด าน ICT

More information

การเช อมโยงภาพน ง ว ธ สร างการเช อมโยง

การเช อมโยงภาพน ง ว ธ สร างการเช อมโยง 27 การเช อมโยงภาพน ง บางคร งเราไม ต องการเสนอภาพตามล าด บ แต ต องการน าเสนอในล กษณะสล บไปมา หร อ ต องการแสดงข อม ลบนอ นเทอร เน ต หร อ แม แต เร ยกใช งานโปรแกรมอ น ๆ เช น CAI หร อ โปรแกรมประย กต อ น ๆ ก

More information

การจ ดและตกแต งข อความ

การจ ดและตกแต งข อความ ======================================================= หน า1 การจ ดและตกแต งข อความ การใช ข อความใน Dreamweaver 8 สามารถเหม อนโปรแกรมท เก ยวก บงานเอกสาร เช น Microsoft Office 1. การปร บเปล ยนภาษาการต

More information

ส วนเจ าหน าท ผ บทท 1 ส าน กบร หารงานกลาง น าเข าข อม ล ท วไป จ งเล อนเง นเด อนน ก ไขข อม ลผลการ ดรอบการประ ม น 2. เล อกป งบประมาณ 1-1 โดย บร ษ ท

ส วนเจ าหน าท ผ บทท 1 ส าน กบร หารงานกลาง น าเข าข อม ล ท วไป จ งเล อนเง นเด อนน ก ไขข อม ลผลการ ดรอบการประ ม น 2. เล อกป งบประมาณ 1-1 โดย บร ษ ท บทท 1 ส วนเจ าหน าท ผ น าเข าข อม ล ส าน กบร หารงานกลาง 1-1 ประกอบด วยผ ใช งานท เก ยวข อง 3 ส วนค อ ส วนเจ จ าหน าท ผ น าเข าข อม ล ส าน กบร หารงานกลาง ส วนผ ใช งานน ท วไป ได แก ข าราชการท กคนของส าน กงานฯ

More information

EO/2 ระบบปฏ บ ต การ Windows XP

EO/2 ระบบปฏ บ ต การ Windows XP การว เคราะห หล กส ตรฐานรายว ชา ว ชา คอมพ วเตอร เพ องานอาช พ รห ส 200-000 ระด บ ปวช ล กษณะว ชา ทฤฎ +ปฏ บ ต สาขางาน ช างอ เล กทรอน กส ป การศ กษา 2 255 ผ สอน ชาต ชาย ส วรรณช ญ ค าอธ บายรายว ชา ศ กษาและปฏ

More information

การพ ฒนาระบบเอกสารภายในส าน กงาน (E-Document)

การพ ฒนาระบบเอกสารภายในส าน กงาน (E-Document) โครงการอบรมเช งปฏ บ ต การส าหร บพ ฒนาบ คลากรป 2552 1 การพ ฒนาระบบเอกสารภายในส าน กงาน (E-Document) เน อหา : ส วนท 1 บทน า การพ ฒนาระบบเอกสารภายในส าน กงาน (E-Document) ส วนท 2 การใช งานโปรแกรม Adobe Acrobat

More information

คาช แจง เคร องม อว ดและประเม นความสามารถและท กษะ ตามจ ดเน นการพ ฒนาค ณภาพผ เร ยน การใช เทคโนโลย เพ อการเร ยนร ช นม ธยมศ กษาป ท ๒

คาช แจง เคร องม อว ดและประเม นความสามารถและท กษะ ตามจ ดเน นการพ ฒนาค ณภาพผ เร ยน การใช เทคโนโลย เพ อการเร ยนร ช นม ธยมศ กษาป ท ๒ เคร องม อว ดและประเม นความสามารถและท กษะ ตามจ ดเน นการพ ฒนาค ณภาพผ เร ยน การใช เทคโนโลย เพ อการเร ยนร ช นม ธยมศ กษาป ท ๒ สาน กว ชาการและมาตรฐานการศ กษา สาน กงานคณะกรรมการการศ กษาข นพ นฐาน กระทรวงศ กษาธ

More information

เอกสาร ค ม อการใช งาน โปรแกรม e-office ส าหร บผ ใช งานท วไป

เอกสาร ค ม อการใช งาน โปรแกรม e-office ส าหร บผ ใช งานท วไป เอกสาร ค ม อการใช งาน โปรแกรม e-office ส าหร บผ ใช งานท วไป 1 สารบ ญ 1.จ ดการเอกสาร... 3 1.1 ส งเอกสาร.3 1.2 เอกสารร บเข า..10 1.3 เอกสารส งออก...17 2. บ นท กเอกสาร...22 2.1 บ นท กเอกสารเข า...22 2.2 บ

More information

งานอาช พ 2. อธ บายส วนประกอบของหน าต างโปรแกรม ในหน วยท 4 โครงสร างของเน อการ ค นคว า และการม ส วนร วมใน (5 ส ปดาห )

งานอาช พ 2. อธ บายส วนประกอบของหน าต างโปรแกรม ในหน วยท 4 โครงสร างของเน อการ ค นคว า และการม ส วนร วมใน (5 ส ปดาห ) แผนการจ ดการเร ยนร ระด บ ปวช. ปวส. รห สว ชา 2001-0001 ว ชา คอมพ วเตอร เพ องานอาช พ จานวน 2 หน วยก ต เวลา 3 ช วโมง / ส ปดาห รวม 54 ช วโมง / ภาคเร ยน หน วยท สาระการเร ยนร จ ดประสงค การเร ยนร ก จกรรมการเร

More information

จ ดท าโดย กองห องสม ด กรมย ทธศ กษาทหารเร อ

จ ดท าโดย กองห องสม ด กรมย ทธศ กษาทหารเร อ การจ ดการความร (Knowledge Management) เร อง เทคน คการแปลง file word โดยใช โปรแกรม Word to FlippingBook (กรณ แปลงเอกสาร น กศ กษา และ นทน.หล กส ตรต างๆ) จ ดท าโดย กองห องสม ด กรมย ทธศ กษาทหารเร อ ค าน า

More information

โปรแกรมระบบเผยแพร ผลงาน และนว ตกรรมทางการศ กษา (E-innovation)

โปรแกรมระบบเผยแพร ผลงาน และนว ตกรรมทางการศ กษา (E-innovation) โปรแกรมระบบเผยแพร ผลงาน และนว ตกรรมทางการศ กษา (E-innovation) จ ดท าโดย อภ ว ฒน ก นศร เว ยง กล มนโยบายและแผน ส าน กงานเขตพ นท การศ กษาเช ยงราย เขต 1 http://www.cri1.obec.go.th ค าน า โปรแกรมระบบเผยแพร

More information

ค ม อการใช งาน การใช งานโปรแกรมท าเน ยบส วนราชการ CONTROL MENU INFORMATION PORT

ค ม อการใช งาน การใช งานโปรแกรมท าเน ยบส วนราชการ CONTROL MENU INFORMATION PORT ค ม อการใช งาน การใช งานโปรแกรมท าเน ยบส วนราชการ โปรแกรมท าเน ยบส วนราชการ (Provincial-directory: P-dir) เป นโปรแกรมส าหร บแสดง รายช อ/ส บค นข อม ลหน วยงาน และรายช อห วหน าส วนราชการภายในจ งหว ด การท

More information

แผนการจ ดการเร ยนร ระด บ ปวช. ปวส. รห สว ชา 2001-0001 ว ชา คอมพ วเตอร เพ องานอาช พ จานวน 2 หน วยก ต เวลา 3 ช วโมง / ส ปดาห รวม 54 ช วโมง / ภาคเร ยน

แผนการจ ดการเร ยนร ระด บ ปวช. ปวส. รห สว ชา 2001-0001 ว ชา คอมพ วเตอร เพ องานอาช พ จานวน 2 หน วยก ต เวลา 3 ช วโมง / ส ปดาห รวม 54 ช วโมง / ภาคเร ยน แผนการจ ดการเร ยนร ระด บ ปวช. ปวส. รห สว ชา 2001-0001 ว ชา คอมพ วเตอร เพ องานอาช พ จานวน 2 หน วยก ต เวลา 3 ช วโมง / ส ปดาห รวม 54 ช วโมง / ภาคเร ยน หน วยท สาระการเร ยนร จ ดประสงค การเร ยนร ก จกรรมการเร

More information

การว เคราะห หล กส ตรสมรรถนะรายว ชา (ปร บปร ง )

การว เคราะห หล กส ตรสมรรถนะรายว ชา (ปร บปร ง ) หล กส ตรสมรรถนะรายว ชา (ปร บปร ง ) ว ชา พ มพ ด ดไทยด วยคอมพ วเตอร รห สว ชา 0- ระด บ ปวช. ปวส. สาขางาน คอมพ วเตอร ธ รก จ ป การศ กษา / 6 ผ สอน นางจ ราย บ ญมาปล ก ล กษณะว ชา ทฤษฎ +ปฏ บ ต มาตรฐานรายว ชา. บอกส

More information

4. การใช งานโปรแกรมตารางค านวณ

4. การใช งานโปรแกรมตารางค านวณ 4. การใช งานโปรแกรมตารางค านวณ 4.1 ความหมายของโปรแกรมตารางค านวณ ภาพท 4.1 ต วอย างหน าจอภาพโปรแกรมตารางค านวณ Microsoft Excel โปรแกรมตารางค านวณ (Spreadsheet) เป นโปรแกรมท ม ความสามารถและ เหมาะส าหร บใช

More information

แบบประเม นแผนการจ ดการเร ยนร

แบบประเม นแผนการจ ดการเร ยนร (แบบน เทศการสอน 1) แบบประเม นแผนการจ ดการเร ยนร คร ผ สอน...ช น...กล มสาระการเร ยนร... หน วย/เร อง... ว นท ประเม น... โรงเร ยน... อาเภอ...จ งหว ด... คาช แจง ประเม นตามสภาพจร งตามรายการและให ระด บค ณภาพตามคาอธ

More information

ต วอย างการใช งาน โปรแกรมกฎหมายส งแวดล อม ความปลอดภ ยและ การประเม นความสอดคล อง

ต วอย างการใช งาน โปรแกรมกฎหมายส งแวดล อม ความปลอดภ ยและ การประเม นความสอดคล อง ต วอย างการใช งาน โปรแกรมกฎหมายส งแวดล อม ความปลอดภ ยและ การประเม นความสอดคล อง 1 ต วอย างการใช งานโปรแกรม 1. เม อผ ใช งานเป ดโปรแกรมข นมา ระบบจะให ท าการลงทะเบ ยนเพ อจะท าการบ นท กข อม ลลงระบบ ซ งท าให

More information

บทท 3 ระบบการแจ งข าวสารประชาส มพ นธ อ เล กทรอน กส

บทท 3 ระบบการแจ งข าวสารประชาส มพ นธ อ เล กทรอน กส บทท 3 ระบบการแจ งข าวสารประชาส มพ นธ อ เล กทรอน กส 3-1 บทท 3 ระบบการแจ งข าวสารประชาส มพ นธ อ เล กทรอน กส 3.1 ร จ กระบบการแจ งข าวสารประชาส มพ นธ อ เล กทรอน กส ระบบการแจ งข าวประชาส มพ นธ ค อ โปรแกรมระบบงานท

More information

KingdomofThailand EDICTOFGOVERNMENT±

KingdomofThailand EDICTOFGOVERNMENT± KingdomofThailand EDICTOFGOVERNMENT± Inordertopromotepubliceducationandpublicsafety,equal justiceforal,abeterinformedcitizenry,theruleoflaw, worldtradeandworldpeace,thislegaldocumentishereby madeavailableonanoncommercialbasis,asitistherightof

More information

เอกสารประกอบการเร ยนรายว ชาเพ มเต ม

เอกสารประกอบการเร ยนรายว ชาเพ มเต ม 1 เอกสารประกอบการเร ยนรายว ชาเพ มเต ม ว ชาคอมพ วเตอร เร อง Microsoft PowerPoint 2010 ประส ทธ อ ดหน น โรงเร ยนบ านเม องแก ส าน กงานเขตพ นท การศ กษาประถมศ กษาส ร นทร เขต 2 สารบ ญ เร อง หน า ส วนประกอบของโปรแกรม

More information

ปฏ บ ต การคร งท 6 การใช โปรแกรมส าน กงาน คร งท 4

ปฏ บ ต การคร งท 6 การใช โปรแกรมส าน กงาน คร งท 4 ปฏ บ ต การคร งท 6 การใช โปรแกรมส าน กงาน คร งท 4 ว ตถ ประสงค 1. ร จ กว ธ การในการสร างจดหมายเว ยน ในช ดโปรแกรมไมโครซอฟต ออฟฟ ศ 2003 ซ ง การท าจดหมายเว ยนน จะม เน อหาเด ยวก นแต ส งไปถ งผ ร บหลายคน โดยม

More information

ค ม อการใช งาน (ส าหร บผ จ ดก จกรรม) โครงการ พ ฒนาระบบบร หารจ ดการฐานข อม ล เคร อข ายผ ม ส วนได เส ยในการประกอบก จการพล งงาน

ค ม อการใช งาน (ส าหร บผ จ ดก จกรรม) โครงการ พ ฒนาระบบบร หารจ ดการฐานข อม ล เคร อข ายผ ม ส วนได เส ยในการประกอบก จการพล งงาน ค ม อการใช งาน (ส าหร บผ จ ดก จกรรม) โครงการ พ ฒนาระบบบร หารจ ดการฐานข อม ล เคร อข ายผ ม ส วนได เส ยในการประกอบก จการพล งงาน http://recc.erc.or.th/ercnetwork โครงการ พ ฒนาระบบบร หารจ ดการฐานข อม ล เคร

More information

ง14201 คอมพ วเตอร รายว ชาเพ มเต ม กล มสาระการเร ยนร การงานอาช พและเทคโนโลย ช นประถมศ กษาป ท 4 เวลา 80 ช วโมง

ง14201 คอมพ วเตอร รายว ชาเพ มเต ม กล มสาระการเร ยนร การงานอาช พและเทคโนโลย ช นประถมศ กษาป ท 4 เวลา 80 ช วโมง ง1201 คอมพ วเตอร รายว ชาเพ มเต ม กล มการงานอาช พและเทคโนโลย ช นประถมศ กษาป ท 80 ช วโมง ศ กษา ค นคว า การใช โปรแกรม Windows Movie Maker สร าง Music video ส วนต ว ต ดต อเพลงและว ด โอ การใช โปรแกรม Internet

More information

ค ม อการต ดต งโปรแกรม ระบบบร หารงานว จ ยแห งชาต แบบ Offline (NRPM Offline) ส าหร บเจ าหน าท หน วยงาน

ค ม อการต ดต งโปรแกรม ระบบบร หารงานว จ ยแห งชาต แบบ Offline (NRPM Offline) ส าหร บเจ าหน าท หน วยงาน ค ม อการต ดต งโปรแกรม ระบบบร หารงานว จ ยแห งชาต แบบ Offline (NRPM Offline) ส าหร บเจ าหน าท หน วยงาน - 74 - ค ม อต ดต งโปรแกรมระบบบร หารงานว จ ยแห งชาต (NRPM Offline) การต ดต งโปรแกรม NRMP Offline 1. ต

More information

ท างานก บข อม ล การเล อนต าแหน ง

ท างานก บข อม ล การเล อนต าแหน ง 17 ท างานก บข อม ล การเล อนต าแหน ง งานเอกสารม กจะม ปร มาณของงานเป นจ านวนมาก ด งน นการเล อนต าแหน ง เพ อ ไปย งจ ดท ต องการได อย างรวดเร ว จะท าให การท างานเอกสารน น ๆ เก ดผลส าเร จ อย างรวดเร วตามไปด

More information

User Manual Editor Tool Proposal V1.0

User Manual Editor Tool Proposal V1.0 KMIT-GROUP CO., LTD. User Manual Editor Tool Proposal V1.0 2 User Manual Editor Tool Table of Content 1. ส วนเคร องม อท ไว ส าหร บ จ ดการข อม ล Content ท เป นข อความ.. 3 2. ส วนเคร องม อพ เศษ ไว ส าหร

More information

ค ม อการใช งานระบบ สาน กบร หารการม ธยมศ กษาตอนปลาย 2556 WEB SITE MANAGEMENT SYSTEM SOFTWARE. VERSION 1.0

ค ม อการใช งานระบบ สาน กบร หารการม ธยมศ กษาตอนปลาย 2556 WEB SITE MANAGEMENT SYSTEM SOFTWARE. VERSION 1.0 ค ม อการใช งานระบบ สาน กบร หารการม ธยมศ กษาตอนปลาย 2556 WEB SITE MANAGEMENT SYSTEM SOFTWARE. VERSION 1.0 1 สารบ ญ เน อหา หน า ข นตอนการเข าใช งานระบบ... 2 ข นตอนการเปล ยนรห สผ านผ ใช งาน... 4 ข นตอนการใช

More information

๒) การบ นท กเอกสาร. ๑๘) การใช ค ย ล ด Ctrl + V, Ctrl + C, Ctrl + X ๒๐) ส งพ มพ เอกสารออกทางเคร องพ มพ ๑) การเป ดใช โปรแกรม

๒) การบ นท กเอกสาร. ๑๘) การใช ค ย ล ด Ctrl + V, Ctrl + C, Ctrl + X ๒๐) ส งพ มพ เอกสารออกทางเคร องพ มพ ๑) การเป ดใช โปรแกรม ใบงานท ๔.๑ (ทดสอบปฏ บ ต ) เร องการใช เคร องม อโปรแกรม Microsoft Office Word 2007 ว ชา ง ๒๐๒๐๑ การใช โปรแกรมเพ อการปฏ บ ต งาน รายว ชาเพ มเต ม หน วยการเร ยนร ท ๔ ช อหน วย ซอฟต แวร งานพ มพ เอกสาร ช นม ธยมศ

More information

ก จกรรมท 2.1 ทบทวนการใช งานโปรแกรมระบบปฏ บ ต การ Windows 95 และการเร ยกใช งานโปรแกรมเอ กเซล

ก จกรรมท 2.1 ทบทวนการใช งานโปรแกรมระบบปฏ บ ต การ Windows 95 และการเร ยกใช งานโปรแกรมเอ กเซล ก จกรรมท 2.1 ทบทวนการใช งานโปรแกรมระบบปฏ บ ต การ Windows 95 และการเร ยกใช งานโปรแกรมเอ กเซล 1. จงบอกถ งว ธ การเข าส โปรแกรมระบบปฏ บ ต การ Windows 95 2. Icon (ส ญร ป) ค ออะไรม หน าท ในการท างานอย างไร 3.

More information

การผล ตส อม ลต ม เด ย ด วยโปรแกรม PointeCast Publisher

การผล ตส อม ลต ม เด ย ด วยโปรแกรม PointeCast Publisher 1 การผล ตส อม ลต ม เด ย ด วยโปรแกรม PointeCast Publisher PointeCast Publisher เป นโปรแกรมท ช วยสร างส อบทเร ยนอ เล กทรอน กส จาก โปรแกรม Microsoft PowerPoint 2000, XP/2002 และ 2003 เพ อให เก ดไฟล ในร ปแบบ

More information

ผลการเร ยนร ข อท 6 พ ฒนาโครงงานคอมพ วเตอร โดยการเข ยนโปรแกรมภาษา Basic ได

ผลการเร ยนร ข อท 6 พ ฒนาโครงงานคอมพ วเตอร โดยการเข ยนโปรแกรมภาษา Basic ได แบบบ นท กหน วยการเร ยนร หน วยการเร ยนร ท 5 เร องโครงคอมพ วเตอร รห สว ชา ง32212 ช อว ชาการเข ยนโปรแกรมข นส ง กล มสาระการเร ยนร การอาช พและเทคโนโลย ช นม ธยมศ กษาป ท 5 ภาคเร ยนท 2 เวลา 8 ช วโมง ผ สอน นายณ

More information

E Office ส าน กงานเขตพ นท การศ กษานครราชส มา เขต 6

E Office ส าน กงานเขตพ นท การศ กษานครราชส มา เขต 6 E Office ส าน กงานเขตพ นท การศ กษานครราชส มา เขต 6 ความเป นมา ส าน กงานอ ตโนม ต เก ดจากความพยายามขององค กร ท จะท าให งาน ขององค กรถ กต อง รวดเร ว ตรวจสอบได และเจ าหน าท ขององค กร ไม ม ข อจ าก ดด านสถานท

More information

เคร องม อช ดท ๕ ด านท กษะในการว เคราะห เช งต วเลข การส อสารและเทคโนโลย สารสนเทศ

เคร องม อช ดท ๕ ด านท กษะในการว เคราะห เช งต วเลข การส อสารและเทคโนโลย สารสนเทศ เคร องม อช ดท ๕ ด านท กษะในการว เคราะห เช งต วเลข การส อสารและเทคโนโลย สารสนเทศ (๕.๑) ความสามารถในการประย กต ใช ตรรกะคณ ตศาสตร และสถ ต ในการพยาบาล ความสามารถในการประย กต ใช ตรรกะคณ ตศาสตร และสถ ต ในการพยาบาล

More information

ค ม อหน งส อร บรองเง นเด อน

ค ม อหน งส อร บรองเง นเด อน 1. เป ดการใช งาน Website โดยเล อก Browser ใดก ได ข นมา เช น Internet Explorer, Chorme, Mozilla Firefox จากน นพ มพ Bangkok.go.th/iad ในช อง URL: 2. เล อกเมน หน งส อร บรองเง นเด อน ตรงแถบBanner ทางซ ายม

More information

ล าด บเลข ระด บ 1 ล าด บเลข ระด บ 2 ห วเร อง 1 ห วเร อง2

ล าด บเลข ระด บ 1 ล าด บเลข ระด บ 2 ห วเร อง 1 ห วเร อง2 การใช Word ส าหร บท าว ทยาพนธ หร อ รายงานต างๆ ส วนแรกมาท าความร จ กก บ ล าด บเลข และ ห วเร อง ก อน ท ง 2 ส วนน จะสามารถท าไปใช ในการ สร าง สารบ ญ แบบอ ตโนม ต ได ล าด บเลข ระด บ 1 ล าด บเลข ระด บ 2 ห วเร

More information

Nature4thai Application

Nature4thai Application ค ม อการใช งานระบบจ ดการเน อหา Nature4thai Application สถานการณ ประจาว นด านทร พยากรธรรมชาต และส งแวดล อม User Manual หน า 1 ถ ง 12 สารบ ญ ค ม อการใช งานระบบจ ดการเน อหา (CMS) หน า คาแนะนาในการเตร ยมข

More information

หล กส ตร การบ าร งร กษาคอมพ วเตอร เบ องต น

หล กส ตร การบ าร งร กษาคอมพ วเตอร เบ องต น หล กส ตร การบ าร งร กษาคอมพ วเตอร เบ องต น (สมรรถนะท 2 การบ าร งร กษาคอมพ วเตอร เบ องต น) (เวลา 55 ช วโมง) แนวค ด เป นหล กส ตรท จ ดข นเพ อให ความร ในการบ าร งร กษาคอมพ วเตอร เบ องต น เม อเก ดป ญหาเพ ยงเล

More information

ค ม อการใช งานระบบประเม นค ณภาพการศ กษา (e-sar) สาน กคอมพ วเตอร มหาว ทยาล ยท กษ ณ

ค ม อการใช งานระบบประเม นค ณภาพการศ กษา (e-sar) สาน กคอมพ วเตอร มหาว ทยาล ยท กษ ณ ค ม อการใช งานระบบประเม นค ณภาพการศ กษา (e-sar) สาน กคอมพ วเตอร มหาว ทยาล ยท กษ ณ เมน การใช งาน แบ งตามกล มผ ใช งานได ด งน. เมน การใช งานสาหร บผ กาหนดองค ประกอบ. เมน การใช งานสาหร บผ จ ดการองค ประกอบ.

More information

โดย : อ ญชนา กล นเท ยน

โดย : อ ญชนา กล นเท ยน โดย : อ ญชนา กล นเท ยน กระบวนการวางแผนงาน การด าเน นการก อนการวางแผน การประเม นผล/ปร บปร งแผน และวางแผนใหม การปฏ บ ต ตามแผน การว เคราะห ป ญหา การก าหนดแผนงาน/โครงการ การก าหนดค าใช จ าย การก าหนดว ตถ ประสงค

More information

แบบบรรยายล กษณะงาน (Job Description) กรมพ ฒนาท ด น

แบบบรรยายล กษณะงาน (Job Description) กรมพ ฒนาท ด น แบบบรรยายล กษณะงาน (Job Description) กรมพ ฒนาท ด น ส วนท ๑ ข อม ลท วไป ช อต าแหน งในการบร หารงาน เจ าพน กงานธ รการ ช อต าแหน งในสายงาน เจ าพน กงานธ รการ ช อหน วยงาน (ส าน ก/กอง) กองคล ง ช อส วนงาน/กล มงาน/ฝ

More information

บทท 1 เร มต นการใช งาน

บทท 1 เร มต นการใช งาน 1 บทท 1 เร มต นการใช งาน 1. เป ดโปรแกรม Internet Explorer ข นมา จากน นเข าเว บไซต ของส าน กงาน กศน.จ งหว ด ค อ http://lpa.nfe.go.th จากน น ใช เมาส คล กไปท กล อง e-office กศน.ล าปาง (ตามล กศร ช ) ด งภาพ

More information

ค ม อการใช งานระบบงานสารบรรณ E-Office ส าน กงานสาธารณส ขจ งหว ดพ ษณ โลก

ค ม อการใช งานระบบงานสารบรรณ E-Office ส าน กงานสาธารณส ขจ งหว ดพ ษณ โลก ค ม อการใช งานระบบงานสารบรรณ E-Office ส าน กงานสาธารณส ขจ งหว ดพ ษณ โลก เร มการใช งาน สามารถเข าหน าหล กของระบบงานสารบรรณโดยเข าท www.plkhealth.go.th/archivesn หร อเข าทางล งค ในหน าหล กเว บไซท ของส าน

More information

การจ ดร ปเล ม แผนการจ ดการเร ยนร แบบเต มภาคเร ยน

การจ ดร ปเล ม แผนการจ ดการเร ยนร แบบเต มภาคเร ยน การจ ดร ปเล ม แผนการจ ดการเร ยนร แบบเต มภาคเร ยน การเตร ยมการสอนรายว ชา...รห ส... ระด บช นม ธยมศ กษาป ท... ภาคเร ยนท... โครงสร างรายว ชา... รห ส... โดย คร... กล มสาระการเร ยนร... โรงเร ยนปท มธาน น นทม

More information

บทท 4 การจ ดท ารายงานการจ ดการพล งงาน (Energy Management Report)

บทท 4 การจ ดท ารายงานการจ ดการพล งงาน (Energy Management Report) ตอนท 1 บทท 4 การจ ดท ารายงานการจ ดการพล งงาน ค ม อผ ร บผ ดชอบด านพล งงาน(อาคาร) พ.ศ.2553 บทท 4 การจ ดท ารายงานการจ ดการพล งงาน (Energy Management Report) ความส าค ญ พ.ร.บ. การส งเสร มการอน ร กษ พล งงาน

More information

ค ม อการใช งานระบบ รายงานการต ดตามความพ งพอใจล กค า ภายหล งส งมอบรถใหม 3 ว น ออนไลน (Courtesy call online)

ค ม อการใช งานระบบ รายงานการต ดตามความพ งพอใจล กค า ภายหล งส งมอบรถใหม 3 ว น ออนไลน (Courtesy call online) ค ม อการใช งานระบบ รายงานการต ดตามความพ งพอใจล กค า ภายหล งส งมอบรถใหม 3 ว น ออนไลน (Courtesy call online) Courtesy call online ว ธ การอ พโหลดรายงานเข าส ระบบ 1. เม อท านเข าส ระบบ http://mazdaelearning.com/

More information

หมวด ๒ การร บและการส งหน งส อ

หมวด ๒ การร บและการส งหน งส อ หมวด ๒ การร บและการส งหน งส อ ส วนท ๑ การร บหน งส อ หน งส อร บ ค อ หน งส อได ร บเข ามาจากภายนอก ให เจ าหน าท ของหน วยงานสารบรรณ กลางปฏ บ ต ตามท ก าหนดไว ในส วนน ๑. จ ดล าด บความส าค ญและความเร งด วนของหน

More information

การเร มใช งานโปรแกรม

การเร มใช งานโปรแกรม 1 การเร มใช งานโปรแกรม หล งจากจบบทเร ยนน ค ณจะสามารถใช งานเก ยวก บ :- เร มใช งานโปรแกรม Microsoft PowerPoint ร จ กส วนประกอบของหน าจอโปรแกรม การสร างงานน าเสนอใหม จาก Template การสร างงานน าเสนอเปล า การบ

More information

เร อง การออกแบบงานนาเสนอ และ เทคน คการจ ดการภาพน ง

เร อง การออกแบบงานนาเสนอ และ เทคน คการจ ดการภาพน ง 194 เร อง การออกแบบงานนาเสนอ และ เทคน คการจ ดการภาพน ง การออกแบบงานนาเสนอ การสร างงานนาเสนอท แตกต างก บงานของผ อ นน น จะทาให งานนาเสนอด เป นเอกล กษณ ของผ สร างเอง และเป นการเพ มความน าสนใจให ก บงานนาเสนอน

More information

ใบความร เร อง การสร างเว บเพจใหม (New Site)

ใบความร เร อง การสร างเว บเพจใหม (New Site) คำส งหน วยงาน คำส งเลขท : 95 ว นท : 25 ม.ค. 56 เวลา : 11:55 น. ใบความร เร อง การสร างเว บเพจใหม (New Site) ว ชาการสร างเว บเพจเบ อ$ งต น รห สว ชา ง&'('& ช $นม ธยมศ กษาป ท & การก าหนดโครงสร างเว บไซต การเตร

More information

ค ม อการต ดต งโปรแกรม

ค ม อการต ดต งโปรแกรม ค ม อการต ดต งโปรแกรม โครงการพ ฒนาระบบควบค มและกาหนดส ทธ ของแท บเล ตพ ซ เพ อสน นสน นการจ ดการเร ยนการสอนโดยใช เคร องคอมพ วเตอร พกพา กระทรวงเทคโนโลย สารสนเทศและการส อสาร 1. ข นตอนการต งค าเคร องแท บเล ตพ

More information

1. ต าแหน งท ร บสม ครสอบค ดเล อก - น กบร หารงานท วไป ระด บ 6 จ านวน 1 อ ตรา (ห วหน าส าน กงานปล ดองค การบร หารส วนต าบลธารน าท พย )

1. ต าแหน งท ร บสม ครสอบค ดเล อก - น กบร หารงานท วไป ระด บ 6 จ านวน 1 อ ตรา (ห วหน าส าน กงานปล ดองค การบร หารส วนต าบลธารน าท พย ) 1 ประกาศองค การบร หารส วนต าบลธารน าท พย เร อง ร บสม ครสอบค ดเล อกพน กงานส วนต าบล เพ อเปล ยนสายงาน ในสายงานผ ปฏ บ ต เป นสายงานผ บร หารในต าแหน งน กบร หารงานท วไป ระด บ 6... ด วยองค การบร หารส วนต าบลธารน

More information

รห สต วช ว ด รวม 7 ต วช ว ด

รห สต วช ว ด รวม 7 ต วช ว ด 130 ง31101 การงานอาช พและเทคโนโลย 1 กล มสาระการเร ยนร การงานอาช พและเทคโนโลย ช นม ธยมศ กษาป ท 4 ภาคเร ยนท 1 เวลา 20 ช วโมง จานวน 0.5 หน วยก ต ศ กษา ว เคราะห อธ บาย ว ธ การทางานและท กษะกระบวนการทางานเพ

More information

การน า Dropbox มาใช ในการท างาน ส าน กงานว ทยาเขตจ กรพงษภ วนารถ

การน า Dropbox มาใช ในการท างาน ส าน กงานว ทยาเขตจ กรพงษภ วนารถ การน า Dropbox มาใช ในการท างาน ส าน กงานว ทยาเขตจ กรพงษภ วนารถ Dropbox ค ออะไร? Dropbox เป นเว บแอพล เคช นท ให บร การฝากข อม ล แบบออนไลน ซ งผ ใช งานสามารถจ ดเก บและแบ งป นข อม ล ร วมก บคนในองค กร ให เข

More information

ว ธ การใช E-mail จากเว บไซต Gmail

ว ธ การใช E-mail จากเว บไซต Gmail ว ธ การใช E-mail จากเว บไซต Gmail ข นตอนการสม คร และเข าใช Gmail 1. ทาการเข าเว บไซต ของ Gmail โดยพ มพ www.gmail.com ท Address Bar ของโปรแกรม Browser (ในท น ค อ Internet Explorer) 2. ทาการสม ครใช งาน Gmail

More information

จะได ผลการค นหาต อไปน

จะได ผลการค นหาต อไปน การใช งาน Google ป จจ บ นการใช งาน Internet จะปรากฏ Web Site ให เราสามารถเย ยมชมได มากมายหลาย ประเภท และได ม การบรรจ ข อม ลข าวสารอย ใน Web Site ต าง ๆ ซ งถ าเราต องการค นหาข อม ลท อย ใน ระบบ Internet1

More information

ค ม อการใช งานโปรแกรม FileZilla

ค ม อการใช งานโปรแกรม FileZilla ค ม อการใช งานโปรแกรม FileZilla FileZilla เป นโปรแกรมประเภท FTP Client ท ใช สำหร บกำรส งไฟล หร อร บไฟล ระหว ำงเคร อง คอมพ วเตอร ของเรำซ งเร ยกว ำ Client ก บคอมพ วเตอร แม ข ำยซ งเร ยกว ำ Hosting หร อจะพ

More information

เค าโครงการจ ดการเร ยนร โรงเร ยนเขาสวนกวางว ทยาน ก ล ภาคเร ยนท ๑ ป การศ กษา ๒๕๕๖

เค าโครงการจ ดการเร ยนร โรงเร ยนเขาสวนกวางว ทยาน ก ล ภาคเร ยนท ๑ ป การศ กษา ๒๕๕๖ เค าโครงการจ ดการเร ยนร โรงเร ยนเขาสวนกวางว ทยาน ก ล ภาคเร ยนท ๑ ป การศ กษา ๒๕๕๖ กล มสาระการเร ยนร การงานอาช พและเทคโนโลย ว ชา คอมพ วเตอร เพ มเต ม ๓ ช นม ธยมศ กษาป ท ๕ รห สว ชา ง๓๐๒๐๓ เวลาเร ยน ๔๐ ช วโมง/

More information

ว ธ การเข าใช งาน. ภาพท 1 หน าจอ Login

ว ธ การเข าใช งาน. ภาพท 1 หน าจอ Login 1 ระบบงานบร หารงานเคร อข าย ระบบงานบร หารงานเคร อข าย เป นระบบงานท เก บรวบรวมข อม ล เก ยวก บเคร อข ายต างๆ ประกอบด วย องค กรสว สด การส งคมและอาสาสม คร รวมท งข อม ลในด านอ นๆ เป นต นว าก จกรรมการด าเน นงาน

More information

ตอนท 3 การนาเข าข อม ล

ตอนท 3 การนาเข าข อม ล Page 27 ตอนท 3 การนาเข าข อม ล 3.1 การเร ยกเมน สาหร บกรอกรายงาน การกรอกรายงาน จาเป นต อง Login เข าส ระบบก อน เพ อเป นการตรวจสอบส ทธ การใช งาน (ด ห วข อการ Log in เข าส ระบบ) โดยการกรอกรายงานสามารถดาเน

More information

รายการการแข งข นคอมพ วเตอร

รายการการแข งข นคอมพ วเตอร รายการการแข งข นคอมพ วเตอร 1. การแข งข นการวาดภาพด วยโปรแกรมคอมพ วเตอร กราฟ ก ระด บช น ป.1-3 ท มละ 2 คน 2. การแข งข นการใช โปรแกรมนาเสนอ (Presentation) ระด บช น ป.4-6 ท มละ 2 คน 3. การแข งข นการสร าง Webpage

More information

ค ม อการใช งานเว บไซต สาเร จร ป. FreeWebFree.com

ค ม อการใช งานเว บไซต สาเร จร ป. FreeWebFree.com ค ม อการใช งานเว บไซต สาเร จร ป FreeWebFree.com Page 2 of 23 สารบ ญ การเข าส ระบบ 3 การแก ไขส วนแสดงผลด านบนห วเว บไซต 4 การแก ไขส วนแสดงผลด านล างเว บไซต 5 การแก ไขเมน บาร, เมน บร การร านค า, เมน หมวดหม

More information

การว เคราะห หล กส ตรสมรรถนะรายว ชา (ปร บปร ง 2)

การว เคราะห หล กส ตรสมรรถนะรายว ชา (ปร บปร ง 2) หล กส ตรสมรรถนะรายว ชา (ปร บปร ง ) ว ชา การใช โปรแกรมน าเสนอข อม ล รห สว ชา - ระด บ ปวช. ปวส. สาขางาน คอมพ วเตอร ธ รก จ ป การศ กษา / 6 ผ สอน นางจ ราย บ ญมาปล ก ล กษณะว ชา ทฤษฎ +ปฏ บ ต มาตรฐานรายว ชา. อธ

More information

แนวทางส ำหร บผ ขอร บรองเป นผ ก อการด การด ำเน นงานป องก นการจมน ำ ค ำน ำ

แนวทางส ำหร บผ ขอร บรองเป นผ ก อการด การด ำเน นงานป องก นการจมน ำ ค ำน ำ ค ำน ำ การจมน ำเป นสาเหต การเส ยช ว ตอ นด บหน งของเด กไทยกล มอาย ต ำกว า ๑๕ ป โดยเฉล ยป ละเก อบ ๑,๓๐๐ คน การเส ยช ว ตจากการตกน ำ จมน ำของเด กไทยม แนวโน มเพ มส งข นอย างต อเน องต งแต ป ๒๕๔๒-๒๕๔๘ และเร มม

More information

ค ม อการใช งานโปรแกรมระบบจ ดการคล งข อสอบส วนกลาง

ค ม อการใช งานโปรแกรมระบบจ ดการคล งข อสอบส วนกลาง ค ม อการใช งานโปรแกรม ระบบจ ดการคล งข อสอบส วนกลาง (เอกสารประกอบการประช มปฏ บ ต การช แจงและซ กซ อมความเข าใจการสร างข อสอบ Online) สาน กงานเขตพ นท การศ กษาม ธยมศ กษา เขต 5 :ส งห บ ร :ลพบ ร :ช ยนาท:อ างทอง:

More information

การออกจากโปรแกรมฝ กพ มพ (Microsoft word)

การออกจากโปรแกรมฝ กพ มพ (Microsoft word) 1. เล อกเมน แฟ ม 2. เล อกจบการท างาน การออกจากโปรแกรมฝ กพ มพ (Microsoft word) การจ ดเก บเอกสารท พ มพ เม อพ มพ งานเสร จ ก อนจะป ดโปรแกรม ควรจ ดเก บเอกสารก อนเพ อท เราจะได เร ยกใช เอกสารน ในคร งต อไปได ว

More information

การพ ฒนาโปรแกรมฐานข อม ล ส าหร บแฟ มข อม ลในคอมพ วเตอร ส วนบ คคล

การพ ฒนาโปรแกรมฐานข อม ล ส าหร บแฟ มข อม ลในคอมพ วเตอร ส วนบ คคล ว ทยาล ยการสาธารณส ขส ร นธร จ งหว ดพ ษณ โลก การพ ฒนาโปรแกรมฐานข อม ล ส าหร บแฟ มข อม ลในคอมพ วเตอร ส วนบ คคล THE DEVELOPMENT OF DATABASE PROGRAM FOR FILES OF PERSONAL COMPUTER éóâö ë½ë ÂÛËÎâÖ ÁÐ ã» ß ÃÛÂé

More information

CryptBot e-office/e-document Alert TM

CryptBot e-office/e-document Alert TM CryptBot e-office/e-document Alert TM (ระบบแจ งเต อนเอกสารอ เล กทรอน กส ) สามารถแจ งเต อนเม อได ร บเอกสารอ เล กทรอน กส เข าใหม ผ านทางหน าจอ Desktop ได โดยไม ต อง Logon หร อ เป ด ระบบe-Office ค างไว หร

More information

แผนการจ ดการความร ประจ าป การศ กษา 2557 ส าน กส งเสร มว ชาการและงานทะเบ ยน องค ความร หล กการให บร การท ด ของบ คลากร สวท.

แผนการจ ดการความร ประจ าป การศ กษา 2557 ส าน กส งเสร มว ชาการและงานทะเบ ยน องค ความร หล กการให บร การท ด ของบ คลากร สวท. แผนการจ ดการความร ประจ าป การศ กษา 2557 องค ความร หล กการให บร การท ด ของบ คลากร สวท. RT-KM1 การจ าแนกองค ความร ท จ าเป นต อการผล กด นตามประเด นย ทธศาสตร ของส วนราชการ ช อหน วยงาน ประเด นย ทธศาสตร เป าประสงค

More information

5. หน าต างโปรแกรมและการจ ดการแฟ มงาน

5. หน าต างโปรแกรมและการจ ดการแฟ มงาน 5. หน าต างโปรแกรมและการจ ดการแฟ มงาน 5.1 ส วนประกอบของหน าต างโปรแกรมตารางค านวณ ส วนประกอบของหน าต างโปรแกรม Microsoft Excel ประกอบด วย 1. แถบห วเร อง (Title bar) เป นแถบบนส ดของหน าต าง ใช แสดงช อของ

More information

บทท 3 การบร หารจ ดการ ระบบสารสนเทศภ ม ศาสตร ป าช มชน

บทท 3 การบร หารจ ดการ ระบบสารสนเทศภ ม ศาสตร ป าช มชน ค ม อผ ด แลระบบสารสนเทศภ ม ศาสตร ป าช มชน บทท 3 การบร หารจ ดการระบบสารสนเทศภ ม ศาสตร ป าช มชนระบบสารสนเทศภ ม ศาสตร ป าช มชน - ๑ บทท 3 การบร หารจ ดการ ระบบสารสนเทศภ ม ศาสตร ป าช มชน เจ าหน าท ผ ใช งานระบบสารสนเทศภ

More information

แผนการจ ดการเร ยนร ท 2 ว ชาคอมพ วเตอร

แผนการจ ดการเร ยนร ท 2 ว ชาคอมพ วเตอร แผนการจ ดการเร ยนร ท 2 ว ชาคอมพ วเตอร กล มสาระการเร ยนร การงานอาช พและเทคโนโลย หน วยการเร ยนร ท 2 ข อม ลและสารสนเทศ ช นม ธยมศ กษาป ท 1 ห วข อเร อง การ เวลา 1 ช วโมง ว นท ใช แผน 12 พฤศจ กายน 2557 ผ ใช แผน

More information

ใบความร ท 1.1 หน วยการเร ยนร ท 1 การเข ยนเว บเพจด วยภาษา HTML

ใบความร ท 1.1 หน วยการเร ยนร ท 1 การเข ยนเว บเพจด วยภาษา HTML ใบความร ท 1.1 หน วยการเร ยนร ท 1 การเข ยนเว บเพจด วยภาษา HTML เร อง ความร เบ องต นเก ยวก บภาษา HTML ประว ต ภาษา HTML HTML (HyperText Markup Language) ค อ ภาษาคอมพ วเตอร ท ออกแบบมาเพ อใช ใน การเข ยนเว บเพจ

More information

แผนการจ ดการเร ยนร และแผนการประเม นผลการเร ยนร (ฉบ บย อ)

แผนการจ ดการเร ยนร และแผนการประเม นผลการเร ยนร (ฉบ บย อ) แผนการจ ดการเร ยนร และแผนการประเม นผลการเร ยนร (ฉบ บย อ) สาขาว ชา กล มสาระการเร ยนร การงานอาช พและเทคโนโลย จ านวน.0 หน วยก ต (40 คาบ) รายว ชา ง0 การเข ยนโปรแกรมเบ องต น เวลา คาบ/ส ปดาห ระด บช น ม ธยมศ

More information

การเช อมโยงระหว างเว บบล อกก บข อม ลบน Server กรมการพ ฒนาช มชน โดย ผด งศ กย ข นเจร ญ ห วหน ากล มงานสารสนเทศการพ ฒนาช มชน

การเช อมโยงระหว างเว บบล อกก บข อม ลบน Server กรมการพ ฒนาช มชน โดย ผด งศ กย ข นเจร ญ ห วหน ากล มงานสารสนเทศการพ ฒนาช มชน การเช อมโยงระหว างเว บบล อกก บข อม ลบน Server กรมการพ ฒนาช มชน โดย ผด งศ กย ข นเจร ญ ห วหน ากล มงานสารสนเทศการพ ฒนาช มชน กรมการพ ฒนาช มชน ได จ ดสรรพ นท บน Server ของกรมฯ ให แก ส าน กงานพ ฒนาช มชนจ งหว

More information

วช.กวก.ศร. ภารก จของ รร.ร.ศร.

วช.กวก.ศร. ภารก จของ รร.ร.ศร. 5 นโยบายด านการศ กษาของ ทบ. ป 2555-2559 นโยบายเฉพาะก ำหนดให รร.เหล า/สายว ทยาการของ ทบ.ท กแห งให พ จารณาเป ดการสอน หล กส ตรต าง ๆ ตามล ำด บด งน หล กส ตรการผล ตก ำล งพล หล กส ตรตามแนวทางร บราชการส ำหร บก

More information

ค ม อระบบรายงานผลการดาเน นงานรายเด อน ความร เบ องต นในการใช โปรแกรม

ค ม อระบบรายงานผลการดาเน นงานรายเด อน ความร เบ องต นในการใช โปรแกรม ค ม อระบบรายงานการดาเน นงานรายเด อน (version 2.0) 1 ค ม อระบบรายงานผลการดาเน นงานรายเด อน ความร เบ องต นในการใช โปรแกรม 1. เป นป มท ใช เพ อล างค าของข อม ลท ใช ในการกาหนดเง อนไขในการค นหาของแต ละเมน 2.

More information

โครงการสอน ภาคเร ยนท...1...ป การศ กษา...2557... คร ผ สอน...ธนมญพฤทธ ส ขธนาน ภาส ร... ว ทยาล ยอาช วศ กษาพ ษณ โลก

โครงการสอน ภาคเร ยนท...1...ป การศ กษา...2557... คร ผ สอน...ธนมญพฤทธ ส ขธนาน ภาส ร... ว ทยาล ยอาช วศ กษาพ ษณ โลก โครงการสอน ภาคเร ยนท...1...ป การศ กษา...2557... คร ผ สอน...ธนมญพฤทธ ส ขธนาน ภาส ร... ว ทยาล ยอาช วศ กษาพ ษณ โลก 1. หล กส ตร ประกาศน ยบ ตรว ชาช พ (ปวช.) 2. ช อรายว ชา คอมพ วเตอร และสารสนเทศเพ องานอาช พ

More information

แนะน าการใช งานระบบเอกสารเผยแพร กรมปศ ส ตว (เจ าหน าท ) ส าหร บผ ใช งานท วไป

แนะน าการใช งานระบบเอกสารเผยแพร กรมปศ ส ตว (เจ าหน าท ) ส าหร บผ ใช งานท วไป แนะน าการใช งานระบบเอกสารเผยแพร กรมปศ ส ตว (เจ าหน าท ) ส าหร บผ ใช งานท วไป การด าเน นการ : ศ นย สารสนเทศ การบร หารจ ดการระบบ : ศ นย สารสนเทศ ผ น าเข าข อม ล : ส าน ก/กอง (ส วนกลาง) ผ ใช บร การ : หน วยงานในส

More information

ค ม อการใช งานระบบ admin เว บไซต มหาว ทยาล ยราชภ ฏนครราชส มา

ค ม อการใช งานระบบ admin เว บไซต มหาว ทยาล ยราชภ ฏนครราชส มา ค ม อการใช งานระบบ admin เว บไซต มหาว ทยาล ยราชภ ฏนครราชส มา ข )นตอนท * 1 เข าไปท http://www.nrru.ac.th/admin_nrru2010 ข )นตอนท *2 ให กรอกข อม ล (ช อผ ใช งาน, รห สผ าน, ต วเลขตามรห สภาพ) ในช องว าง แล

More information

- พระราชกฤษฎ กาว าด วยว ธ การแบบปลอดภ ยในการท าธ รกรรมทาง อ เล กทรอน กส พ.ศ. ๒๕๕๓

- พระราชกฤษฎ กาว าด วยว ธ การแบบปลอดภ ยในการท าธ รกรรมทาง อ เล กทรอน กส พ.ศ. ๒๕๕๓ ค าอธ บายระบบ เป นระบบสารสนเทศเพ อการต ดต อประสานงานระหว างส าน กงาน ปปง. ก บบ คคล หร อหน วยงานภายภาคร ฐ ภาคเอกชน บ คคลท วไป และหน วยงานระหว างประเทศต างๆ เพ อขอข อม ลหร อให ข อม ลการท าธ รกรรม โดยแบ งออกเป

More information

แบบประเม นประส ทธ ภาพและประส ทธ ผลการปฏ บ ต งานของล กจ างประจ า

แบบประเม นประส ทธ ภาพและประส ทธ ผลการปฏ บ ต งานของล กจ างประจ า แบบประเม นประส ทธ ภาพและประส ทธ ผลการปฏ บ ต งานของล กจ างประจ า คร งท 1 ( 1 ต.ค..- 31 ม.ค.. ) คร งท 2 (1 เม.ย..- 30 ก.ย.....) ช อผ ร บการประเม น..... ต าแหน ง หมวด.... ค าจ าง....ส งก ด. หน าท ความร บผ

More information

ค ม อการใช งานโปรแกรม ระบบสารสนเทศงานว จ ยและงานสร างสรรค

ค ม อการใช งานโปรแกรม ระบบสารสนเทศงานว จ ยและงานสร างสรรค ค ม อการใช งานโปรแกรม ระบบสารสนเทศงานว จ ยและงานสร างสรรค สถาบ นการพลศ กษา ว ทยาเขตมหาสารคาม การใช ระบบสารสนเทศงานว จ ยและงานสร างสรรค สถาบ นการพลศ กษา ว ทยาเขตมหาสารคาม การเข าส ระบบ ระบบสารสนเทศงานว

More information

ค ม อการใช งานโปรแกรม Skype โดย อาจารย สมชาย เม องม ล สาขาว ชาคอมพ วเตอร คณะคร ศาสตร มหาว ทยาล ยราชภ ฏล าปาง

ค ม อการใช งานโปรแกรม Skype โดย อาจารย สมชาย เม องม ล สาขาว ชาคอมพ วเตอร คณะคร ศาสตร มหาว ทยาล ยราชภ ฏล าปาง ค ม อการใช งานโปรแกรม Skype โปรแกรม TeamViewer เป นโปรแกรมส าหร บการใช ในการเช อมต อคอมพ วเตอร จากระยะไกลต วหน งท น า สนใจ เน องจากม ฟ เจอร ท ด และม ระบบความปลอดภ ยท น าเช อถ อ ขนาดโปรแกรมไม ใหญ มาก สามารถใช

More information

การจ ดก จกรรมต างๆ โดยใช ACTIVITY DIAGRAM

การจ ดก จกรรมต างๆ โดยใช ACTIVITY DIAGRAM Chapter 8 การจ ดก จกรรมต างๆ โดยใช ACTIVITY DIAGRAM 1 เน อหา ล กษณะของ Activity Diagram ร ปแบบการใช Activity Diagram การระบ ส วนของข อม ลให แก ก จกรรม การจ ดระเบ ยบข อม ล การสร างท พ ก/เก บข อม ล การแบ

More information

ค ม อการใช งาน ระบบจ ดส งรายช ออาจารย ผ สอนผ านเคร อข ายอ นเตอร เน ต

ค ม อการใช งาน ระบบจ ดส งรายช ออาจารย ผ สอนผ านเคร อข ายอ นเตอร เน ต ค ม อการใช งาน ระบบจ ดส งรายช ออาจารย ผ สอนผ านเคร อข ายอ นเตอร เน ต ระบบจ ดส งรายช ออาจารย ผ สอนผ านเคร อข ายอ นเตอร เน ต จ ดท าข นเพ ออ านวยความสะดวกให ก บ ภาคว ชาและคณะได ท าการจ ดอาจารย ผ สอนลงตามคาบเวลาตามท

More information

ใช Excel ต ดเกรด ง ายน ดเด ยว

ใช Excel ต ดเกรด ง ายน ดเด ยว โครงการจ ดการความร ของคณะมน ษยศาสตร ฯ - ใช Excel ต ดเกรด ง ายน ดเด ยว ผ ช วยศาสตราจารย เพชรร ตน บร ส ทธ โปรแกรม Microsoft Office Excel เป นโปรแกรมประเภทสเปรดซ ท (Spreadsheet) หร อตารางค านวณอ เล กทรอน

More information

ใบความร ช ดท 1 กระดาษ ค านวณ หน วยการเร ยนร ท 4 เร มต นร จ กก บโปรแกรมไมโครซอฟท เอ กเซล เร อง ความร เบ องต นเก ยวก บโปรแกรมไมโครซอฟท เอ กเซล

ใบความร ช ดท 1 กระดาษ ค านวณ หน วยการเร ยนร ท 4 เร มต นร จ กก บโปรแกรมไมโครซอฟท เอ กเซล เร อง ความร เบ องต นเก ยวก บโปรแกรมไมโครซอฟท เอ กเซล ใบความร ช ดท หน วยการเร ยนร ท 4 เร มต นร จ กก บโปรแกรมไมโครซอฟท เอ กเซล เร อง ความร เบ องต นเก ยวก บโปรแกรมไมโครซอฟท เอ กเซล เวลา 0 นาท ล กษณะและความเป นมาของโปรแกรมไมโครซอฟท เอ กเซล โปรแกรมไมโครซอฟท เอ

More information

ข นตอนในการจ ดท าระบบ HACCP ข นตอนท 12 การจ ดท าเอกสารและจ ดเก บบ นท ก

ข นตอนในการจ ดท าระบบ HACCP ข นตอนท 12 การจ ดท าเอกสารและจ ดเก บบ นท ก ข นตอนในการจ ดท าระบบ HACCP ข นตอนท 12 การจ ดท าเอกสารและจ ดเก บบ นท ก โดย น ศานาถ ต ณฑ ยย น กว ชาการผล ตภ ณฑ อาหารช านาญการ กองตรวจสอบร บรองมาตรฐานค ณภาพส ตว น าและผล ตภ ณฑ ส ตว น า กรมประมง 1 1 ข นตอนในการจ

More information

ปร บปร งข อม ล ค ม อการใช โปรแกรมปร บปร งข อม ล ส ระบบปร บปร งข อม ล 2. ว ธ เข าส ร ปท 1 เข าส ระบบปร บปร งข อม ล

ปร บปร งข อม ล ค ม อการใช โปรแกรมปร บปร งข อม ล ส ระบบปร บปร งข อม ล 2. ว ธ เข าส ร ปท 1 เข าส ระบบปร บปร งข อม ล 1. ความต องการของระบบ ค ม อการใช โปรแกรมปร บปร งข อม ล ปร บปร งข อม ล 1.1 Internet Explorer เวอร ช น 6.0 ข นไป (Windows XP จะเป นเวอร ช น 6 อย แล ว) 1.2 โปรแกรม Flash Player เวอร ช น 7 หร อมากกว าน 1.3

More information

จ ดทาโดย งานพ ฒนาระบบสารสนเทศ

จ ดทาโดย งานพ ฒนาระบบสารสนเทศ ค ม อการใช งาน ระบบระบบสารสนเทศเพ อการบร หารงานว จ ยและฐานข อม ลงานว จ ย มหาว ทยาล ยพะเยา จ ดทาโดย งานพ ฒนาระบบสารสนเทศ ศ นย บร การเทคโนโลย สารสนเทศและการส อสาร มหาว ทยาล ยพะเยา คานา ป จจ บ น มหาว ทยาล

More information

ในกรอบ Please Login ให ใส ข อม ลด งต อไปน 1. ใส ช อผ ใช งานลงในช อง Username 2. ใส รห สผ ใช ลงในช อง Password

ในกรอบ Please Login ให ใส ข อม ลด งต อไปน 1. ใส ช อผ ใช งานลงในช อง Username 2. ใส รห สผ ใช ลงในช อง Password การใช งาน Quartet : หน าจอ Login ด บเบ ลคล กท icon บน Desktop เพ อ เหน าจอ Login ท น าเข าส Quartet ช องลง ทะเบ ยน เข าใช งาน ในกรอบ Please Login ให ใส ข อม ลด งต อไปน 1. ใส ช อผ ใช งานลงในช อง Username

More information

โครงการสอน ภาคเร ยนท 1 ป การศ กษา 2557 อาจารย ผ สอน ว าท ร.ต.หญ งวรรณธ ดา วรส ทธ พงษ ว ทยาล ยอาช วศ กษาพ ษณ โลก

โครงการสอน ภาคเร ยนท 1 ป การศ กษา 2557 อาจารย ผ สอน ว าท ร.ต.หญ งวรรณธ ดา วรส ทธ พงษ ว ทยาล ยอาช วศ กษาพ ษณ โลก โครงการสอน ภาคเร ยนท 1 ป การศ กษา 2557 อาจารย ผ สอน ว าท ร.ต.หญ งวรรณธ ดา วรส ทธ พงษ ว ทยาล ยอาช วศ กษาพ ษณ โลก... 1. หล กส ตร ประกาศน ยบ ตรว ชาช พช นส ง (ปวส.) พ ทธศ กราช 2545 ( ปร บปร ง 2546 ) 2. ช อรายว

More information

ในกรอบ Please Login ให ใส ข อม ลด งต อไปน 1. ใส ช อผ ใช งานลงในช อง Username 2. ใส รห สผ ใช ลงในช อง Password

ในกรอบ Please Login ให ใส ข อม ลด งต อไปน 1. ใส ช อผ ใช งานลงในช อง Username 2. ใส รห สผ ใช ลงในช อง Password การใช งาน Quartet : หน าจอ Login ด บเบ ลคล กท icon บน Desktop เพ อ เหน าจอ Login ท น าเข าส Quartet ช องลง ทะเบ ยน เข าใช งาน ในกรอบ Please Login ให ใส ข อม ลด งต อไปน 1. ใส ช อผ ใช งานลงในช อง Username

More information

สถานศ กษาพอเพ ยงต นแบบ

สถานศ กษาพอเพ ยงต นแบบ การพ ฒนาสถานศ กษาพอเพ ยง ส มาตรฐาน สถานศ กษาพอเพ ยงต นแบบ และ ศ นย การเร ยนร ตามหล กปร ชญา ของเศรษฐก จพอเพ ยง ด านการศ กษา กระทรวงศ กษาธ การได กาหนด นโยบาย ภายในป ๒๕๕๔ ให สถาน ศ กษาในส งก ดท กแห ง จ ดการเร

More information

๔-๗-๑๒ มาตรฐานกาหนดตาแหน ง ตาแหน งประเภท ท วไป สายงาน เจ าหน าท บร หารงานอาคารสถานท

๔-๗-๑๒ มาตรฐานกาหนดตาแหน ง ตาแหน งประเภท ท วไป สายงาน เจ าหน าท บร หารงานอาคารสถานท ๔-๗-๑๒ มาตรฐานกาหนดตาแหน ง สายงาน เจ าหน าท บร หารงานอาคารสถานท ล กษณะงานโดยท วไป สายงานน คล มถ งตาแหน งต างๆ ท ปฏ บ ต งานกาก บ แนะนา ตรวจสอบการปฏ บ ต งาน บร หารงานอาคารสถานท ซ งม ล กษณะงานท ปฏ บ ต เก

More information