tag:blogger.com,1999:blog-21164152822109043782024-03-20T03:57:06.859-07:00Information technology M.5 by Nat-AnongAnonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-2116415282210904378.post-15661069266061358452013-09-22T22:12:00.001-07:002013-09-22T22:12:17.079-07:00<h1 style="background-color: #f0f0f0; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 26px; font-style: italic; letter-spacing: -1px; line-height: 26px; margin: 0px; padding: 10px 0px 12px;">
What is jQuery เจคิวรี่ คืออะไร ?</h1>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
ถ้าเพื่อนๆรู้จักภาษา JavaScript ก็คงจะเข้าใจเรื่องนี้ได้ง่ายมาก แต่ถ้าคนที่ยังไม่รู้ว่า JavaScript คืออะไร อันนี้ต้องคุยกันยาวเลย ผมขอข้ามไปก่อนก็แล้วกันนะครับ ผมคิดว่าคนที่ Search คำว่า jQuery ใน Google นั้นอย่างน้อยจะต้องรู้จักกับภาษา JavaScript แน่นอน (บทความนี้จะยาวนิดหนึ่ง กดอ่านเพิ่มเติมที่ ”Continue Reading” ด้านล่างนี้ได้เลยครับ)คงมีอีกหลาย ต่อหลายคนที่ยังสงสัยว่า jQuery มันคืออะไร? ก็เลยปักหัวข้อนี้เอาไว้ก่อนเลย เวลาคนที่เข้ามาจากทาง Google และกำลังหาคำตอบจากคำว่า jQuery คืออะไร หรือ What is jQuery ? ก็จะได้เข้ามาอ่านกันตรงนี้ได้เลย จะได้หายสังสัยกันไปเลย</div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
<span id="more-2169" style="margin: 0px; padding: 0px;"></span></div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
ภาษา JavaScript นั้นเกิดมานานพร้อมๆกับยุคแรกๆของ Internet แล้วละครับ เพื่อใช้ในการจัดการด้าน Client หรือการทำงานทางด้าน Browser นั้นเอง เราสามารถที่จะเขียนให้ Browser มันทำงานตามที่เราต้องการได้ สาเหตุที่ทำไมต้องเขียนโปรแกรมทางฝั่ง Browser ด้วยละ นั้นก็เพราะว่า พวกโปรแกรมทางด้าน Server Side นั้นไม่สามารถที่จะสั่งงาน Browser ได้โดยตรงครับ</div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
ทำได้เพียงส่ง Script กลับมาให้ Browser ประมวลผล มันก็เลยถูกเรียกว่า ภาษา Script นั้นเอง เช่นเวลาคนเปิดเว็บอะไรสักเว็บหนึ่ง โปรแกรมทางด้าน Web Server มันก็จะส่ง Code HTML และ JavaScript นั้นกลับมาให้กับ Browser ของเรา จากนั้น Browser ของเรามันก็จะทำการประมวลผลครับ ถ้าเป็น Code HTML เราก็จะเรียกมันว่าการ Render หรือวาดภาพต่างๆที่เขียนจาก HTML อย่างเช่นแสดงรูปภาพ แสดงปุ่ม หรือ ตัวหนังสือต่างๆ ส่วนการจัดการแสดงผลเช่นสีหรือขนาด เราก็ใช้ Style Sheet จัดการอีกที</div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
ตัวอย่าง Code HTML และ JavaScript ที่ Browser ของเราได้รับมา</div>
<div class="crayon-syntax crayon-theme-ado crayon-font-monaco crayon-os-pc print-yes" data-settings=" minimize scroll-mouseover" id="crayon-523fce9d97daa219736610" style="background-color: rgb(253, 253, 253) !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(153, 153, 153) !important; box-sizing: border-box; clear: both; color: #333333; direction: ltr !important; float: none; font-family: Monaco, MonacoRegular, 'Courier New', monospace; font-size: 12px !important; height: auto; line-height: 15px !important; margin: 12px 0px; overflow: hidden !important; padding: 0px; position: relative !important; text-shadow: none !important; width: 580px;">
<div class="crayon-plain-wrap" style="background-position: 0px 50%; border: 0px; height: auto !important; margin: 0px !important; padding: 0px !important;">
<textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-webkit-box-shadow: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-width: 0px; box-shadow: none; color: black; font-family: Monaco, MonacoRegular, 'Courier New', monospace !important; height: 195px; line-height: 15px !important; margin: 0px; opacity: 0; overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 0px; position: absolute; resize: none; tab-size: 4; white-space: pre; width: 578px; word-wrap: normal; z-index: 0;" wrap="off"></textarea></div>
<div class="crayon-main" style="background-position: 0px 50%; border: 0px; margin: 0px; overflow: hidden; padding: 0px; position: relative; width: 578px; z-index: 1;">
<table class="crayon-table" style="background-image: none !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-collapse: collapse !important; border-spacing: 0px !important; border-top-left-radius: 5px; border-top-right-radius: 5px; border: none !important; font-size: 12px; margin-bottom: 0px !important; margin-left: 0px; margin-right: 0px !important; margin-top: 0px !important; overflow: hidden !important; padding: 0px !important; width: auto !important;"><tbody style="margin: 0px; padding: 0px;">
<tr class="crayon-row" style="background-position: 0px 50%; border: none !important; margin: 0px !important; padding: 0px !important; vertical-align: top !important;"><td class="crayon-nums " data-settings="show" style="background-color: rgb(51, 51, 51) !important; border-bottom-width: 0px; border-left-width: 0px; border-right-color: rgb(32, 32, 32) !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-width: 0px; color: rgb(222, 222, 222) !important; margin: 0px !important; padding: 0px !important; vertical-align: top !important;"><div class="crayon-nums-content" style="background-position: 0px 50%; border: 0px; line-height: 15px !important; margin: 0px; padding: 0px;">
<div class="crayon-num" data-line="crayon-523fce9d97daa219736610-1" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
1</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-523fce9d97daa219736610-2" style="background-color: rgb(91, 91, 91) !important; border: 0px; color: rgb(255, 255, 255) !important; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
2</div>
<div class="crayon-num" data-line="crayon-523fce9d97daa219736610-3" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
3</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-523fce9d97daa219736610-4" style="background-color: rgb(91, 91, 91) !important; border: 0px; color: rgb(255, 255, 255) !important; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
4</div>
<div class="crayon-num" data-line="crayon-523fce9d97daa219736610-5" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
5</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-523fce9d97daa219736610-6" style="background-color: rgb(91, 91, 91) !important; border: 0px; color: rgb(255, 255, 255) !important; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
6</div>
<div class="crayon-num" data-line="crayon-523fce9d97daa219736610-7" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
7</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-523fce9d97daa219736610-8" style="background-color: rgb(91, 91, 91) !important; border: 0px; color: rgb(255, 255, 255) !important; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
8</div>
<div class="crayon-num" data-line="crayon-523fce9d97daa219736610-9" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
9</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-523fce9d97daa219736610-10" style="background-color: rgb(91, 91, 91) !important; border: 0px; color: rgb(255, 255, 255) !important; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
10</div>
<div class="crayon-num" data-line="crayon-523fce9d97daa219736610-11" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
11</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-523fce9d97daa219736610-12" style="background-color: rgb(91, 91, 91) !important; border: 0px; color: rgb(255, 255, 255) !important; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
12</div>
<div class="crayon-num" data-line="crayon-523fce9d97daa219736610-13" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
13</div>
</div>
</td><td class="crayon-code" style="background-position: 0px 50%; border: 0px; margin: 0px !important; padding: 0px !important; vertical-align: top !important; width: 553px;"><div class="crayon-pre" style="background-image: none !important; border: none !important; line-height: 15px !important; margin: 0px; overflow: visible; padding: 0px; white-space: pre;">
<div class="crayon-line" id="crayon-523fce9d97daa219736610-1" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">html</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-523fce9d97daa219736610-2" style="background-color: rgb(247, 247, 247) !important; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">head</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span></div>
<div class="crayon-line" id="crayon-523fce9d97daa219736610-3" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">title</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">JavaScript</span><span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-st" style="color: rgb(128, 0, 128) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">and</span><span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">HTML</span><span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">Sample</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">/</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">title</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-523fce9d97daa219736610-4" style="background-color: rgb(247, 247, 247) !important; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-ta" style="color: rgb(255, 0, 0) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><script></span></div>
<div class="crayon-line" id="crayon-523fce9d97daa219736610-5" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-t" style="color: rgb(128, 0, 128) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">function</span><span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">init</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-523fce9d97daa219736610-6" style="background-color: rgb(247, 247, 247) !important; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">{</span></div>
<div class="crayon-line" id="crayon-523fce9d97daa219736610-7" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-r" style="color: rgb(128, 0, 128) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">alert</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-s" style="color: rgb(0, 128, 0) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">"Loaded!!"</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-523fce9d97daa219736610-8" style="background-color: rgb(247, 247, 247) !important; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">}</span></div>
<div class="crayon-line" id="crayon-523fce9d97daa219736610-9" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-ta" style="color: rgb(255, 0, 0) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"></script></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-523fce9d97daa219736610-10" style="background-color: rgb(247, 247, 247) !important; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">/</span><span class="crayon-i" style="display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">head</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span></div>
<div class="crayon-line" id="crayon-523fce9d97daa219736610-11" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">body </span><span class="crayon-r" style="color: rgb(128, 0, 128) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">onLoad</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">=</span><span class="crayon-s" style="color: rgb(0, 128, 0) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">"init()"</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-523fce9d97daa219736610-12" style="background-color: rgb(247, 247, 247) !important; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">/</span><span class="crayon-i" style="display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">body</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span></div>
<div class="crayon-line" id="crayon-523fce9d97daa219736610-13" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"><</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">/</span><span class="crayon-i" style="display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">html</span><span class="crayon-o" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
พอ Browser ได้รับ Code จาก Web Server มาแล้วตามตัวอย่างด้านบน ก็ทำการประมวลผล พวก HTML ธรรมดา ก็แสดงผลไปตามปกติ แต่พออ่านมาถึงบรรทัดของ JavaScript มันก็จะทำตามคำสั่งนั้น จากตัวอย่างเป็นการประกาศ Function init ขึ้นมา ตัว Browser มันก็เก็บลง Memory เอาไว้ว่ามี Function init() เอาไว้ให้เรียกใช้ได้นะ ส่วนจะเรียกใช้ตอนนั้นก็แล้วแต่เราจะเขียน ในตัวอย่างนี้ผมเขียนให้มันเรียกใช้ที่ Event onLoad ก็คือหลังจากที่ Browser มันโหลด DOM เสร็จแล้ว (ไม่รวมการโหลดรูปภาพจาก Tag IMG) มันก็จะทำการ เรียกใช้ Function init() ที่เราเขียนเอาไว้ขึ้นมาทันที ก็จะแสดง Popup ขึ้นมาครับ</div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
ภาษา JavaScript นั้นเราจะต้องเขียนกันยืดยาวมาก และต้องรู้ทั้ง Event และสิ่งต่างๆอีกมากมายถึงจะสามารถเขียนได้ครบถ้วนกระบวนความ (ว่าไปนั้น) มันก็เลยเกิดคำถามขึ้นมาในหัวของ Developer ท่านหนึ่ง ว่า แล้วทำไมเราจะต้องเขียนอะไรที่มันยาวๆ แถมบางอันก็เขียนเหมือนเดิมด้วย ก็เลยเกิดไอเดียในการที่จะย่อทั้งคำสั่ง และ การใช้งานที่ง่ายขึ้นกว่าเดิม ไม่ต้องไปจำคำสั่งยากๆ เอาง่ายๆก็ทำงานได้แล้ว เช่น</div>
<div class="crayon-syntax crayon-theme-ado crayon-font-monaco crayon-os-pc print-yes" data-settings=" minimize scroll-mouseover" id="crayon-523fce9d97dbb959189358" style="background-color: rgb(253, 253, 253) !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(153, 153, 153) !important; box-sizing: border-box; clear: both; color: #333333; direction: ltr !important; float: none; font-family: Monaco, MonacoRegular, 'Courier New', monospace; font-size: 12px !important; height: auto; line-height: 15px !important; margin: 12px 0px; overflow: hidden !important; padding: 0px; position: relative !important; text-shadow: none !important; width: 580px;">
<div class="crayon-plain-wrap" style="background-position: 0px 50%; border: 0px; height: auto !important; margin: 0px !important; padding: 0px !important;">
<textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-webkit-box-shadow: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-width: 0px; box-shadow: none; color: black; font-family: Monaco, MonacoRegular, 'Courier New', monospace !important; height: 45px; line-height: 15px !important; margin: 0px; opacity: 0; overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 0px; position: absolute; resize: none; tab-size: 4; white-space: pre; width: 578px; word-wrap: normal; z-index: 0;" wrap="off"></textarea></div>
<div class="crayon-main" style="background-position: 0px 50%; border: 0px; margin: 0px; overflow: hidden; padding: 0px; position: relative; width: 578px; z-index: 1;">
<table class="crayon-table" style="background-image: none !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-collapse: collapse !important; border-spacing: 0px !important; border-top-left-radius: 5px; border-top-right-radius: 5px; border: none !important; font-size: 12px; margin-bottom: 0px !important; margin-left: 0px; margin-right: 0px !important; margin-top: 0px !important; overflow: hidden !important; padding: 0px !important; width: auto !important;"><tbody style="margin: 0px; padding: 0px;">
<tr class="crayon-row" style="background-position: 0px 50%; border: none !important; margin: 0px !important; padding: 0px !important; vertical-align: top !important;"><td class="crayon-nums " data-settings="show" style="background-color: rgb(51, 51, 51) !important; border-bottom-width: 0px; border-left-width: 0px; border-right-color: rgb(32, 32, 32) !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-width: 0px; color: rgb(222, 222, 222) !important; margin: 0px !important; padding: 0px !important; vertical-align: top !important;"><div class="crayon-nums-content" style="background-position: 0px 50%; border: 0px; line-height: 15px !important; margin: 0px; padding: 0px;">
<div class="crayon-num" data-line="crayon-523fce9d97dbb959189358-1" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
1</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-523fce9d97dbb959189358-2" style="background-color: rgb(91, 91, 91) !important; border: 0px; color: rgb(255, 255, 255) !important; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
2</div>
<div class="crayon-num" data-line="crayon-523fce9d97dbb959189358-3" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px; text-align: center;">
3</div>
</div>
</td><td class="crayon-code" style="background-position: 0px 50%; border: 0px; margin: 0px !important; padding: 0px !important; vertical-align: top !important; width: 560px;"><div class="crayon-pre" style="background-image: none !important; border: none !important; line-height: 15px !important; margin: 0px; overflow: visible; padding: 0px; white-space: pre;">
<div class="crayon-line" id="crayon-523fce9d97dbb959189358-1" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">$</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-s" style="color: rgb(0, 128, 0) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">'#div'</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">.</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">fadeIn</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-523fce9d97dbb959189358-2" style="background-color: rgb(247, 247, 247) !important; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">$</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-s" style="color: rgb(0, 128, 0) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">'body'</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">.</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">fadeOut</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">;</span></div>
<div class="crayon-line" id="crayon-523fce9d97dbb959189358-3" style="background-position: 0px 50%; border: 0px; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px 5px;">
<span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">$</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-i" style="display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">document</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">.</span><span class="crayon-e" style="color: rgb(0, 78, 208) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">ready</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-t" style="color: rgb(128, 0, 128) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">function</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">(</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">{</span><span class="crayon-h" style="color: rgb(0, 111, 224) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;"> </span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">}</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">)</span><span class="crayon-sy" style="color: rgb(51, 51, 51) !important; display: inline-block; font-family: inherit; font-size: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0px; padding: 0px; zoom: 1;">;</span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
แค่บรรทัดแรกเนี่ย ถ้าเขียนด้วย JavaScript เราจะเขียนกันได้ยืดยาวและยุ่งยากมากกกก แต่ jQuery JavaScript Framework ก็ช่วยทำให้ชีวิตเรานั้นง่ายขึ้น แค่เราจับ Object ที่เราต้องการจะทำงานกับมัน แล้วเอาไปต่อด้วย Function ต่างๆ มันก็สามารถที่จะทำงานได้ด้วยตัวของมันเอง จบและง่ายมาก</div>
<span style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px;"></span><br />
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
ส่วนที่ว่ามันจะง่ายแค่ใหน สั้นแค่ใหน ทำให้ชีวิตดีขึ้นแค่ใหนนั้น ผมว่าเพื่อนๆไปโหลดมาลองเล่น แล้วอ่านบทความในเว็บ jQuery.in.th นี้จะดีกว่า ลงมือทดลองกันไปเลย ง่ายๆ</div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
ที่มา <a href="http://www.jquery.in.th/what-is-jquery-%E0%B9%80%E0%B8%88%E0%B8%84%E0%B8%B4%E0%B8%A7%E0%B8%A3%E0%B8%B5%E0%B9%88-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/" style="background-color: transparent;">http://www.jquery.in.th/what-is-jquery-%E0%B9%80%E0%B8%88%E0%B8%84%E0%B8%B4%E0%B8%A7%E0%B8%A3%E0%B8%B5%E0%B9%88-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitMSLm2CcknuoRjhDHCGIG3wdtbEP8pmfzU41NIdBz0UA6jHe4Q6QuVp1xuBmNTRYnMeM2FnR6rnMfdXztrCRsgE47QUd_OAmNnADQblsZ6bQAQnckmvkyFV__H1aNZg5_xmmVl-IDrf8/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitMSLm2CcknuoRjhDHCGIG3wdtbEP8pmfzU41NIdBz0UA6jHe4Q6QuVp1xuBmNTRYnMeM2FnR6rnMfdXztrCRsgE47QUd_OAmNnADQblsZ6bQAQnckmvkyFV__H1aNZg5_xmmVl-IDrf8/s1600/images.jpg" /></a></div>
<div style="background-color: #f0f0f0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; padding: 0px;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.com0tag:blogger.com,1999:blog-2116415282210904378.post-17717104608614213142013-09-22T22:06:00.001-07:002013-09-22T22:06:13.706-07:00<h2>
<b>มาทำความรู้จักกับ Macromedia Dreamweaver 8</b></h2>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/001.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
โปรแกรม Macromedia Dreamweaver โปรแกรมสำหรับการสร้างเว็บเพจ บริหารจัดการเว็บไซต์ รวมไปถึงการพัฒนาเว็บแอปพลิเคชัน เนื่องจากตัว Dreamweaver มีความสามารถที่โดดเด่น ดังนี้ สามารถเขียนโปรแกรมสำหรับเว็บได้ทุกรูปแบบ เช่น ASP, ASP.Net, ColdFusion,JSP, PHP, XML, XHTML เมนูคำสั่งและเครื่องมือต่างๆ เรียกใช้งานได้ง่ายและสะดวกมีการปรับปรุงกลไกภายในให้มีประสิทธิภาพสูงขึ้น สามารถสร้างแอปพลิเคชันง่ายๆ โดยไม่จำเป็นต้องเขียนโปรแกรม สร้างเว็บเพจภาษาไทยได้ทันทีโดยไม่ต้องติดต้องโปรแกรมเสริมเพราะ Dreamweaver รองรับตัวอักษรแบบ Unicode</div>
</blockquote>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">การเข้าสู่โปรแกรม Macromedia Dreamweaver 8</strong></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
มีขั้นตอน คือ คลิกเลือก Start -> Program -> Macromedia -> Macromedia Dreamweaver 8 ในการเข้าสู่ระบบในครั้งแรกโปรแกรมจะถามรูปแบบการใช้งาน 2 รูปแบบ คือ</div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
1. Designer หมายถึง การสร้างและออกแบบเว็บเพจโดยทั่วไป ส่วนมากนิยมเลือกรูปแบบนี้<br style="margin: 0px; padding: 0px;" />2. Code หมายถึง วิธีการสร้างเว็บเพจที่เน้นการเขียนชุดคำสั่งเอง</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/002.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
(ข้อแนะนำ ในที่นี้ขอแนะนำให้เลือก Designer เพื่อง่ายต่อการทำความเข้าใจ)</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">ส่วนประกอบของหน้าต่างโปรแกรม Macromedia Dreamweaver 8</strong></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
โปรแกรม Macromedia Dreamweaver 8 มีองค์ประกอบของหน้าต่างโปรแกรม ดังต่อไปนี้</div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">หน้าจอ Start Page</strong>ทุกครั้งเมื่อเปิดโปรแกรม Macromedia Dreamweaver 8 จะปรากฏหน้าจอเริ่มต้น (Start Page) สำหรับเปิดเอกสารเว็บเพจเดิมหรือสร้างเอกสารเว็บเพจใหม่ โดยทั่วไปแบ่งออกเป็น 3 กลุ่ม ดังต่อไปนี้</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/003.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
แต่ละส่วน มีรายละเอียด ดังต่อไปนี้<br style="margin: 0px; padding: 0px;" />1. ใช้สำหรับเปิดไฟล์เอกสารเว็บเพจที่เคยใช้งานมาแล้ว (Open a Recent Item) เป็นส่วนแรกของหน้าจอเริ่มต้นใช้สำหรับเปิดงานที่เราทำค้างไว้ ซึ่งเลือกจากรายการชื่อที่แสดงอยู่ โดยโปรแกรมจะแสดงงานที่เปิดใช้บ่อยอยู่ด้านบน<br style="margin: 0px; padding: 0px;" />2. การสร้างงานใหม่ (Create New) ในส่วนนี้เป็นการเลือกประเภทงานที่ต้องการสร้างใหม่ โดยเลือกประเภทไฟล์ต่างๆ ได้ เช่น HTML,PHP, ASP JavaScript, ASP VBScript, ASP.NET C#, ASP.NET VB, JSS, CSS หรือเลือกแบบฟอร์มอื่นๆ เป็นต้น<br style="margin: 0px; padding: 0px;" />3. การสร้างงานตามแบบฟอร์ม (Create from Sample) เป็นสร้างเว็บเพจตามแบบฟอร์มที่โปรแกรมได้จัดไว้ให้แล้ว ซึ่งมีรูปแบบให้เลือกหลายประเภท</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">ส่วนประกอบของหน้าต่างโปรแกรม</strong></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
เมื่อเราเลือกประเภทการทำงานแล้ว (ในกรณีนี้ผู้สอนคลิกเลือก HTML จากส่วนของ Create New) จะปรากฏหน้าต่างการทำงานของโปรแกรม โดยมีรายละเอียดดังต่อไปนี้</div>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/004.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">1. แถบชื่อเรื่อง (Titlebar)</strong> เป็นส่วนที่ใช้แสดงชื่อโปรแกรม Dreamweaver 8 และชื่อไฟล์เอกสารเว็บเพจที่กำลังทำงานอยู่</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">2. แถบรายการคำสั่ง (Menu Bar)</strong> เป็นส่วนที่รวบรวมรายการคำสั่งการทำงานเอาไว้ สามารถเปิดรายการคำสั่งต่างๆ ขึ้นมาใช้งานโดยคลิกที่ชื่อรายการคำสั่งแล้วเลื่อนเมาส์ไปยังตำแหน่งที่ต้องการใช้งาน หากรายการคำสั่งใดมีรายการคำสั่งย่อยจะแสดงลูกศรอยู่มุมขวาของรายการ หากเลื่อนเมาส์ไปยังบริเวณดังกล่าว จะแสดงรายการคำสั่งย่อยเพื่อใช้งานต่อไป</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">3. แถบแทรก (Insert Bar)</strong> เป็นแถบที่ประกอบด้วยปุ่มคำสั่งที่ใช้ในการแทรกออบเจ็กต์หรือวัตถุต่างๆ ลงในเอกสารเว็บเพจ โดยแบ่งเป็นหมวดหมู่ มีรายละเอียดดังต่อไปนี้</div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Common</strong> เป็นชุดคำสั่งสำหรับแทรกออปเจ็กต์ที่เรียกใช้งานบ่อยๆ ในการสร้างเว็บเพจ เช่น รูปภาพ กราฟิก ตาราง ไฟล์มีเดีย เป็นต้น</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/005.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Layout</strong> สำหรับเลือกมุมมองในการสร้างเว็บเพจ เช่น มุมมองปกติ มุมมองแบบขยาย เพื่อให้เห็นออปเจ็กต์ต่างๆ ได้อย่างชัดเจน</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/006.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Forms</strong> ใช้สำหรับแทรกออปเจ็กต์ที่ใช้สร้างแบบฟอร์มรับข้อมูลจากผู้ชม เช่น ช่องรับข้อความ และฟิลด์ (Field) ชนิดต่างๆ</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/007.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Text</strong> สำหรับจัดรูปแบบข้อความในเว็บเพจ เช่น หัวเรื่อง ตัวหนา ตัวเอียง จัดหัวข้อ จัดย่อหน้า และแทรกสัญลักษณ์พิเศษต่างๆ</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/008.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Application</strong> สำหรับแทรกคำสั่งและการดึงข้อมูลจากฐานข้อมูลมาแสดงบนเว็บ</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/009.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Flash element</strong> สำหรับนำไฟล์ Flash เข้ามาใช้งาน</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/010.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;"> Favorite</strong> สำหรับจัดเก็บออบเจ็กต์ที่ชอบเพื่อความสะดวกในการใช้งาน</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/011.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<blockquote style="background-color: #eef2d0; border-color: rgb(223, 231, 169); border-style: solid; border-width: 2px 2px 2px 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 10px; padding: 0.5em;">
<div style="margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Show as Tabs</strong> เปลี่ยนแถบเครื่องมือให้แสดงผลในลักษณะแท็บคำสั่งเรียงต่อกันไป ลักษณะการแสดงผลจะเหมือนกับเวอร์ชั่นก่อนหน้านี้ เช่น Macromedia Dreamweaver MX, 2004 เป็นต้น</div>
</blockquote>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/012.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">4. Toolbar</strong> เป็นแถบเครื่องมือที่เก็บปุ่มคำสั่งที่ต้องใช้งานบ่อยๆ ซึ่งประกอบด้วย </div>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/013.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<ul style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin: 10px; padding: 0px;">
<li style="background-image: url(http://www.freebsd.sru.ac.th/templates/jj_serenity/images/bullet.gif); background-position: 0px 5px; background-repeat: no-repeat no-repeat; list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 13px;"><div style="margin: 0px; padding: 0px;">
Show Code View สำหรับแสดงการทำงานในรูปแบบ HTML นอกจากนี้ยังสามารถเขียนคำสั่ง HTML หรือคำสั่งภาษาสคริปต์ (Script) อื่นๆ ได้ด้วย</div>
</li>
<li style="background-image: url(http://www.freebsd.sru.ac.th/templates/jj_serenity/images/bullet.gif); background-position: 0px 5px; background-repeat: no-repeat no-repeat; list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 13px;"><div style="margin: 0px; padding: 0px;">
Show Code and Design สำหรับแสดงการทำงานแบบ HTML กับการแสดงพื้นที่ออกแบบ โดยจะแสดงส่วนของคำสั่งไว้ด้านบนและแสดงเว็บเพจปกติไว้ด้านล่าง</div>
</li>
<li style="background-image: url(http://www.freebsd.sru.ac.th/templates/jj_serenity/images/bullet.gif); background-position: 0px 5px; background-repeat: no-repeat no-repeat; list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 13px;"><div style="margin: 0px; padding: 0px;">
Show Design View สำหรับแสดงเว็บเพจคล้ายกับที่เราเห็นใจเบราเซอร์ เช่น ข้อความ กราฟิก หรือออปเจ็กต์อื่นๆ และสามารถแก้ไขเนื้อหาลงเว็บเพจได้</div>
</li>
</ul>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">5. Document Area</strong> เป็นส่วนที่ใช้สำหรับสร้างหน้าเว็บเพจ โดยการใส่เนื้อหาและจัดองค์ประกอบต่างๆ นำมาวางใน Document Area และสามารถเลือกพื้นที่การทำงานได้หลายมุมมอง เช่น Show Code View,Show Code and Design View ดังที่ได้กล่าวไว้แล้วข้างต้น</div>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/014.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">6. Status Bar</strong> คือ แถบแสดงสถานะที่อยู่บริเวณด้านล่างของพื้นที่สร้างงาน (Document Area) ซึ่งประกอบด้วย 2 ส่วน คือ ทางด้านซ้ายเรียกว่า Tag Selector ใช้สำหรับแสดงคำสั่ง HTML ของส่วนประกอบในเว็บเพจที่เลือกอยู่ และทางด้านขวาเป็นส่วนที่บอกขนาดและเวลาที่ใช้ในการดาวน์โหลดเว็บเพจ</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">7. Properties Inspector</strong> เป็นหน้าต่างแสดงคุณสมบัติของออปเจ็กต์ที่เรากำลังเลือกในเว็บเพจ และสามารถกำหนดหรือแก้ไขคุณสมบัติของส่วนประกอบต่างๆ ในหน้าเว็บเพจได้ เช่น ข้อความ สี ขนาด ตาราง ลิงก์ เป็นต้น โดยรายละเอียดภายในหน้าต่าง Properties Inspector จะไม่เหมือนกันขึ้นอยู่กับว่าขณะนั้นเรากำลังเลือกทำงานกับออปเจ็กต์ใดอยู่</div>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/015.jpg" style="border: 0px; margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" />Properties Inspector ของภาพกราฟิก</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/017.jpg" style="border: 0px; margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" />Properties Inspector ของข้อความ</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/018.jpg" style="border: 0px; margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" />Properties Inspector ของตาราง</div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">8. Panels</strong> เป็นกรอบเล็กๆ บริเวณด้านขวา ประกอบด้วยเครื่องมือสำหรับใช้ทำงานต่างๆ ซึ่งแต่ละส่วนของ Panels จะมีหน้าที่แตกต่างกันไป เช่น การจัดเก็บ Code, CSS, Behavior อีกทั้งไฟล์และโฟลเดอร์ภายในเว็บไซต์ (โดยรายละเอียดต่างๆ จะอธิบายใน Chapter ต่อๆ ไป) และเรียกขึ้นมาใช้งานโดยใช้คำสั่ง Windows จากนั้นเลือกชื่อ Panels ที่ต้องการเปิด/ปิด หรือใช้คีย์ลัดด้านหลังชื่อ Panels ก็ได้ เช่นกัน</div>
<div align="center" style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<img border="0" src="http://www.freebsd.sru.ac.th/images/stories/dreamweaver/019.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
ที่มา <a href="http://www.freebsd.sru.ac.th/index.php/macromedia-dreamweaver-8/36-chapter-1-intro" style="background-color: transparent;">http://www.freebsd.sru.ac.th/index.php/macromedia-dreamweaver-8/36-chapter-1-intro</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidP1HWEivO7peUpGZwizexsNC0nMgihayFuykHsCR9GFJi3vFhcHdwSzsuM5JTUCM837_Td6rqNrJbw5EE_5dGOMbLx7cj3YyLUwitRdDkGDf1R0rc0WZsQ0WJ4xzxppQ459_KlNcksVw/s1600/%E0%B8%94%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C%E0%B9%82%E0%B8%AB%E0%B8%A5%E0%B8%94+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidP1HWEivO7peUpGZwizexsNC0nMgihayFuykHsCR9GFJi3vFhcHdwSzsuM5JTUCM837_Td6rqNrJbw5EE_5dGOMbLx7cj3YyLUwitRdDkGDf1R0rc0WZsQ0WJ4xzxppQ459_KlNcksVw/s1600/%E0%B8%94%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C%E0%B9%82%E0%B8%AB%E0%B8%A5%E0%B8%94+(1).jpg" /></a></div>
<div style="background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15.828125px; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0px;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.com0tag:blogger.com,1999:blog-2116415282210904378.post-22448698211553967572013-09-22T22:00:00.003-07:002013-09-22T22:00:44.818-07:00<img src="http://www.techmoblog.com/uploads/content_images/201210/images_1349338755001.jpg" /><br />
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
หากคุณเป็นคนที่ชื่นชอบ เทคโนโลยี รวมถึง เป็นคนที่ใช้งานสมาร์ทโฟนอยู่แล้ว ก็คงจะคุ้นเคยกับคำว่า แอนดรอยด์ (Android) เป็นอย่างดี ซึ่งในตลาดสมาร์ทโฟนในปัจจุบันนั้น แอนดรอยด์ ถือเป็นอีกหนึ่งระบบปฏิบัติการในตลาด ที่ได้รับความสนใจเป็นอย่างมาก ไม่แพ้กับระบบปฏิบัติการอื่นๆ ซึ่งในวันนี้ ทีมงานได้รวบรวมเอาข้อมูล ที่อาจจะช่วยให้ หลายๆท่านที่กำลังสนใจนั้น ได้รู้จักกับ ระบบปฏิบัติการตัวนี้กันมากขึ้น ว่า แอนดรอยด์คืออะไร และ ทำอะไรได้บ้าง ลองมาชมกันเลยครับ</div>
<h2 style="background-color: white; font-family: Tahoma; font-size: 18px; text-decoration: underline;">
แอนดรอยด์ (Android) คืออะไร?</h2>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<br /></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<center style="background-color: white; font-family: Tahoma; font-size: 12px;">
<img alt="" src="http://www.techmoblog.com/uploads/content_images/201210/images_1349341008002.jpg" /></center>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<br /></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
วิธีที่จะเข้าใจว่า <a href="http://www.techmoblog.com/tag/android/" style="text-decoration: none;" target="_blank">Android(แอนดรอยด์) </a>คืออะไร? อย่างง่ายๆ ให้เราลองนึกถึง คอมพิวเตอร์ที่บ้านครับ ตอนนี้ใช้ Windows อะไรอยู่ครับ บางคนก็จะตอบว่า Windows 7, Windows Vista บางคนก็ตอบว่า Windows XP หรือบางคนอาจจะตอบว่า ผมไม่ใช้ Windows ผมใช้ Linux ซึ่งจะเป็น Linux รุ่นไหนก็ว่ากันไป … Windows หรือ Linux เราเรียกมันว่า ระบบปฏิบัติการ(OS) ซึ่งเป็นที่ทราบกันดีว่าถ้าคอมพิวเตอร์ไม่ลง Windows ก็จะเปิดเครื่องเพื่อทำงานไม่ได้ ฉันใดก็ฉันนั้น <strong>โทรศัพท์มือถือ SmartPhone ก็เช่นเดียวกันครับ มันต้องการ OS </strong>ซึ่งใน iPhone นั้นบริษัทแอปเปิ้ลใช้ OS ที่ชื่อว่า iPhone OS ครับ ในขณะที่บริษัท<a href="http://www.techmoblog.com/tag/google/" style="text-decoration: none;" target="_blank">กูเกิ้ล(Google) </a>บริษัทยักษ์ใหญ่แห่งวงการไอที อีกรายก็ได้ซุ่มพัฒนา OS ที่มีชื่อว่า <a href="http://www.techmoblog.com/tag/android/" style="text-decoration: none;" target="_blank">Android(แอนดรอยด์) </a>OS ขึ้นมา ซึ่ง <a href="http://www.techmoblog.com/tag/android/" style="text-decoration: none;" target="_blank">Android(แอนดรอยด์)</a> เวอร์ชั่น 1.0 ได้ถูกปล่อยออกมาใช้งานอย่างเป็นทางการครั้งแรก<strong>เมื่อวันที่ 28 กันยายน ค.ศ 2008</strong></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<strong><br /></strong></div>
<h2 style="background-color: white; font-family: Tahoma; font-size: 18px; text-decoration: underline;">
ต้นกำเนิด แอนดรอยด์ (Android)</h2>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<br /></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<center style="background-color: white; font-family: Tahoma; font-size: 12px;">
<img alt="" src="http://www.techmoblog.com/uploads/content_images/201210/images_1349341018003.jpg" /></center>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
ย้อนไปเมื่อประมาณ เดือน ตุลาคม ปี 2003 Andy Rubin ได้ก่อตั้งบริษัท แอนดรอยด์ (Android, Inc.) พร้อมกับเพื่อนร่วมงานที่ถือว่ามีความสามารถแตกต่างกันออกไปในแต่ละด้าน ร่วมกันพัฒนามาเรื่อยจนเมื่อวันที่ 23 กันยายน 2550 โทรศัพท์มือถือรุ่นแรก ที่ใช้ระบบปฏิบัติการ แอนดรอยด์ ก็ได้ออกวางจำหน่าย ซึ่งสมาร์ทโฟนรุ่นแรกที่ใช้ระบบปฏิบัติการแอนดรอยด์ คือ HTC Dream</div>
<h2 style="background-color: white; font-family: Tahoma; font-size: 18px; text-decoration: underline;">
<a href="http://www.techmoblog.com/tag/android/" style="color: #0066cc; text-decoration: none;" target="_blank">Android </a>4.0 หรือ <a href="http://www.techmoblog.com/tag/android/" style="color: #0066cc; text-decoration: none;" target="_blank">Android </a>4.1? ตัวเลขข้างหลังคืออะไร? เพื่ออะไร?</h2>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<br /></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<center style="background-color: white; font-family: Tahoma; font-size: 12px;">
<img alt="" src="http://www.techmoblog.com/uploads/content_images/201210/images_1349343465004.jpg" /></center>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
Android(แอนดรอยด์) 4.0 เป็นหมายเลขเวอร์ชั่นของ ระบบปฏิบัติการ แอนดรอยด์ ครับ เหมือนที่ Windows มีทั้ง Windows95, Windows 2000, Windows XP, Windows Vista ซึ่งทั้งหมดนี้เป็นเวอร์ชั่นที่พัฒนาต่อๆกันมาของ Windows ครับ ใน Android OS เองก็มีการพัฒนาอย่างต่อเนื่องทำให้ตอนนี้ Android OS มีทั้งหมด 10 เวอร์ชั่นแล้วครับและมีชื่อเล่นสำหรับเรียกง่ายๆด้วยครับ</div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<center style="background-color: white; font-family: Tahoma; font-size: 12px;">
<img alt="" src="http://www.techmoblog.com/uploads/content_images/201210/images_1349343914005.jpg" /></center>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<br /></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
ซึ่ง ก็ได้แก่ Apple Pie(Android 1.0),Banana Bread(Android 1.1),CupCake(Android 1.5), Donut(Android 1.6), Éclair(Android 2.1), Froyo(Android 2.2), Gingerbread(Android 2.3), Honeycomb(Android 3.0), Ice Cream Sandwich(Android 4.0), Jelly Bean (Android 4.1) จะสังเกตุเห็นได้ว่า ชื่อรุ่นทุกรุ่นเป็นของหวานทั้งหมดเลยครับ และในรุ่น Android ที่จะพัฒนาในอนาคตซึ่งยังไม่มีการกำหนดเลขเวอร์ชั่นก็จะมีชื่อว่า Key lime pie อีกด้วย.</div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<br /></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
ที่มา <a href="http://www.techmoblog.com/android_phone_guide/" style="background-color: transparent;">http://www.techmoblog.com/android_phone_guide/</a></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
<br /></div>
<div style="background-color: white; font-family: Tahoma; font-size: 12px;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfvc5OIOyjXwUR-Lr87msjmzc0xxQgeFmoe_pf2O7uQL-6Crr0PgCk5zHiydZBjPVnW_ka1fGZN2QKqzsr8Ylkiew5D_Vi7TP3CgkFZ9D1utv4nvckEekxAboPu5ZGnKrEmjbUSEb-JBI/s1600/%E0%B8%94%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C%E0%B9%82%E0%B8%AB%E0%B8%A5%E0%B8%94.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfvc5OIOyjXwUR-Lr87msjmzc0xxQgeFmoe_pf2O7uQL-6Crr0PgCk5zHiydZBjPVnW_ka1fGZN2QKqzsr8Ylkiew5D_Vi7TP3CgkFZ9D1utv4nvckEekxAboPu5ZGnKrEmjbUSEb-JBI/s1600/%E0%B8%94%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C%E0%B9%82%E0%B8%AB%E0%B8%A5%E0%B8%94.jpg" /></a></div>
Anonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.com0tag:blogger.com,1999:blog-2116415282210904378.post-316302877449803752013-07-29T19:43:00.003-07:002013-07-29T19:43:52.672-07:00ตอบคำถามหลักปฏิบัติการใช้อินเทอร์เน็ตนักเรียนมีหลักปฏิบัติการใช้อินเทอร์เน็ตอย่างไรให็เกิดประโยชน์สูงสุดเเก่ตนเองและไม่ให้เกิดผลกระทบต่อผู้อื่นและสังคม<br />
ตอบ ผู้ใช้อินเทอร์เน็ตตต้องมีจรรยาบรรณในการใช้อินเทอร์เน็ต มีความรับผิดชอบต่อข้อมูลที่่ส่งไป มีความซื่อสัตย์ ดังนี้<br />
<b>ตอบ </b> <b><i> จรรยาบรรณของผู้ใช้อินเทอร์เน็ต (Netiquette)</i></b><br />
1.1) จรรยาบรรณของผู้ใช้ E-Mail<br />
-ต้องตรวจสอบข้อมูลเเละจำกัดจำนวนไฟล์ในตู้จดหมายตามที่เว็บกำหนด<br />
-ลบข้อความที่ไม่จำเป็นทิ้งไป<br />
-โอนย้ายข้อมูลที่จำเป็นไปไว้ในคอมพิวเตอร์ส่วนตัวหรือ ฮาร์ดดีสของตนเอง<br />
-ไม่เก็บข้อมูลที่่จำเป็นไว้ในตู้จดหมาย เพราะอาจถูกเเอบอ่านได้ง่าย<br />
-ไม่ควรส่งจดหมายกระจัดกระจายหรือจดหมายลูกโซ่ไปยังผู้รับจำนวนมาก<br />
1.2) จรรยาบรรณของผู้สนทนาผ่านเครือข่าย<br />
-ครสนกับผู้ที่ต้องการสนทนาด้วยเท่านั้น<br />
-ก่อนเรียกคู่สนทนาต้องตรวจสอบสถานะการใช้งานของคู่สนทนาก่อนเพื่อป้องกันการรบกวน คู่สนทนา<br />
-หากคู่ สนทนาไม่ตอบกับ ควรหยุดการสนทนานั้น<br />
-ควรใช้วาจาที่เหมาะสมเเละสุภาพ<br />
1.3) จรรยาบรรณสำหรับผู้ใช้กระดานสนทนาหรือกระดานข่าว<br />
-เขียนให้กระชับ ใช้ข้อความสั้นๆตรงประเด็น<br />
-ไม่ควรพาดพิงหรือระเมิดถึงสถาบันชาติในทางที่ไม่ควร<br />
-ไม่ควรล้วงระเมิดลิขสิทธ์ของผู้อื่น ควรอ้างอิงแแหล่งที่มา<br />
-ไม่ควรสร้างข้อความเท็จ เพื่อหลอกหลวงผู้อื่น<br />
-ไม่ควรใช้เครือข่ายส่วนรวมเพืี่อประโยชน์ส่วนตัว<br />
<br />
<b><i> ทั้งนี้ไม่เพียงแต่ผู้ใช้เท่านั้นที่จะต้องมีจรรยาบรรณ แต่หมายถึงพวกเราทุกที่จะต้องมีจรรยาบรรณในตนเองในการใช้อินเตอร์เน็ต</i></b>Anonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.com0tag:blogger.com,1999:blog-2116415282210904378.post-14081219857035069862013-06-30T06:13:00.000-07:002013-06-30T06:15:37.783-07:00เครือข่ายคอมพิวเตอร์<br />
<h2>
<b><i>เครือข่ายคอมพิวเตอร์</i></b></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
<b>เครือข่ายคอมพิวเตอร์</b> หรือ <b>คอมพิวเตอร์เน็ตเวิร์ก</b> (<a href="http://th.wikipedia.org/wiki/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="ภาษาอังกฤษ">อังกฤษ</a>: <span lang="en" xml:lang="en">computer network</span>; ศัพท์บัญญัติว่า <i>ข่ายงานคอมพิวเตอร์</i>) คือระบบ<a href="http://th.wikipedia.org/wiki/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%AA%E0%B8%B2%E0%B8%A3" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="การสื่อสาร">การสื่อสาร</a>ระหว่าง<a href="http://th.wikipedia.org/wiki/%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="คอมพิวเตอร์">คอมพิวเตอร์</a>จำนวนตั้งแต่สองเครื่องขึ้นไป</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
การที่ระบบเครือข่ายมีบทบาทสำคัญมากขึ้นในปัจจุบัน เพราะมีการใช้งานคอมพิวเตอร์อย่างแพร่หลาย จึงเกิดความต้องการที่จะเชื่อมต่อคอมพิวเตอร์เหล่านั้นถึงกัน เพื่อเพิ่มความสามารถของระบบให้สูงขึ้น และลดต้นทุนของระบบโดยรวมลง</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
การโอนย้ายข้อมูลระหว่างกันในเครือข่าย ทำให้ระบบมีขีดความสามารถเพิ่มมากขึ้น การแบ่งการใช้<a href="http://th.wikipedia.org/wiki/%E0%B8%97%E0%B8%A3%E0%B8%B1%E0%B8%9E%E0%B8%A2%E0%B8%B2%E0%B8%81%E0%B8%A3" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="ทรัพยากร">ทรัพยากร</a> เช่น <a class="mw-redirect" href="http://th.wikipedia.org/wiki/%E0%B8%AB%E0%B8%99%E0%B9%88%E0%B8%A7%E0%B8%A2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%A1%E0%B8%A7%E0%B8%A5%E0%B8%9C%E0%B8%A5" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="หน่วยประมวลผล">หน่วยประมวลผล</a>, <a href="http://th.wikipedia.org/wiki/%E0%B8%AB%E0%B8%99%E0%B9%88%E0%B8%A7%E0%B8%A2%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%88%E0%B8%B3" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="หน่วยความจำ">หน่วยความจำ</a>, <a class="new" href="http://th.wikipedia.org/w/index.php?title=%E0%B8%AB%E0%B8%99%E0%B9%88%E0%B8%A7%E0%B8%A2%E0%B8%88%E0%B8%B1%E0%B8%94%E0%B9%80%E0%B8%81%E0%B9%87%E0%B8%9A%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: none;" title="หน่วยจัดเก็บข้อมูล (หน้านี้ไม่มี)">หน่วยจัดเก็บข้อมูล</a>, <a href="http://th.wikipedia.org/wiki/%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="โปรแกรมคอมพิวเตอร์">โปรแกรมคอมพิวเตอร์</a> และอุปกรณ์ต่าง ๆ ที่มีราคาแพงและไม่สามารถจัดหามาให้ทุกคนได้ เช่น <a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%9E%E0%B8%B4%E0%B8%A1%E0%B8%9E%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="เครื่องพิมพ์">เครื่องพิมพ์</a> <a class="new" href="http://th.wikipedia.org/w/index.php?title=%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%81%E0%B8%A3%E0%B8%B2%E0%B8%94%E0%B8%A0%E0%B8%B2%E0%B8%9E&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: none;" title="เครื่องกราดภาพ (หน้านี้ไม่มี)">เครื่องกราดภาพ</a>(scanner) ทำให้ลดต้นทุนของระบบลงได้</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbSl16d4j0S9PA6V2N0r5vcWah2nDPAKQpHVIyKaO2OfJvTiituYkB8-7HQ52rlYctWzCkfaPuQkYD1Jz8jw5OktgClaZ4i_wQ58UMsUjSJ9MbHeKefUnZMBAqCnKpZQh4L5Wwo03ZPwE/s1600/Internet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbSl16d4j0S9PA6V2N0r5vcWah2nDPAKQpHVIyKaO2OfJvTiituYkB8-7HQ52rlYctWzCkfaPuQkYD1Jz8jw5OktgClaZ4i_wQ58UMsUjSJ9MbHeKefUnZMBAqCnKpZQh4L5Wwo03ZPwE/s320/Internet.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19.1875px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em; text-align: start;">
<span class="mw-headline" id=".E0.B8.8A.E0.B8.99.E0.B8.B4.E0.B8.94.E0.B8.82.E0.B8.AD.E0.B8.87.E0.B9.80.E0.B8.84.E0.B8.A3.E0.B8.B7.E0.B8.AD.E0.B8.82.E0.B9.88.E0.B8.B2.E0.B8.A2">ชนิดของเครือข่าย</span></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: start; text-indent: 2.5em;">
เครือข่าย เป็นการเชื่อมต่อ<a href="http://th.wikipedia.org/wiki/%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="คอมพิวเตอร์">คอมพิวเตอร์</a>ตั้งแต่ 2 เครื่องขึ้นไปเข้าด้วยกัน เพื่อสะดวกต่อการร่วมใช้ข้อมูล, <a href="http://th.wikipedia.org/wiki/%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="โปรแกรม">โปรแกรม</a> หรือ<a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%9E%E0%B8%B4%E0%B8%A1%E0%B8%9E%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="เครื่องพิมพ์">เครื่องพิมพ์</a> และยังสามารถอำนวยความสะดวกในการติดต่อแลกเปลี่ยนข้อมูลระหว่างเครื่องได้ตลอดเวลา ระบบเครือข่ายจะถูกแบ่งออกตามขนาดของเครือข่าย ซึ่งปัจจุบันเครือข่ายที่รู้จักกันดีมีอยู่ 6 แบบ ได้แก่</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; margin: 0.3em 0px 0px 2.5em; padding: 0px; text-align: start;">
<li style="margin-bottom: 0.1em;">เครือข่ายภายใน หรือ <a href="http://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%A5%E0%B8%99" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="แลน">แลน</a> (Local Area Network: <a class="mw-redirect" href="http://th.wikipedia.org/wiki/LAN" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="LAN">LAN</a>) เป็นเครือข่ายที่ใช้ในการ เชื่อมโยงกันในพื้นที่ใกล้เคียงกัน เช่นอยู่ในห้อง หรือภายในอาคารเดียวกัน</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO4jVDVNKBqw4N5TQKkCbGDGYzhfLoxPTV0iVDHwNbtaziFt-KQHwEIBv5LN3jOsl4T9f_FsRodb-N8zhzNf6HmWKDWpMtgxF23QQBef5RM_c3rKUKkUS2SISAnW-LNvnoNwS-Oi_YQWI/s1600/Internet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO4jVDVNKBqw4N5TQKkCbGDGYzhfLoxPTV0iVDHwNbtaziFt-KQHwEIBv5LN3jOsl4T9f_FsRodb-N8zhzNf6HmWKDWpMtgxF23QQBef5RM_c3rKUKkUS2SISAnW-LNvnoNwS-Oi_YQWI/s1600/Internet.jpg" /></a></div>
<div style="text-align: left;">
<span style="font-family: sans-serif; font-size: x-small;"><span style="line-height: 19.18402862548828px;"><br /></span></span></div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; margin: 0.3em 0px 0px 2.5em; padding: 0px; text-align: start;">
<li style="margin-bottom: 0.1em;">เครือข่ายวงกว้าง หรือ <a href="http://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%A7%E0%B8%99" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="แวน">แวน</a> (Wide Area Network: <a class="mw-redirect" href="http://th.wikipedia.org/wiki/WAN" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="WAN">WAN</a>) เป็นเครือข่ายที่ใช้ในการ เชื่อมโยงกัน ในระยะทางที่ห่างไกล อาจจะเป็น กิโลเมตร หรือ หลาย ๆ กิโลเมตร</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFO1v1NkcLqR7s0dvKW7f8pHRSt4IaeePmce0_h2WzWGLVAqYz-oapJ7FsEeRirkfstvudpTKvnq-evsnmBCNhQTlBC4KrzONi3ZcrvOUKbr1gU2Tx_6wrKVV9bnMqELJJRd3nIFfo9Uk/s1600/Internet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFO1v1NkcLqR7s0dvKW7f8pHRSt4IaeePmce0_h2WzWGLVAqYz-oapJ7FsEeRirkfstvudpTKvnq-evsnmBCNhQTlBC4KrzONi3ZcrvOUKbr1gU2Tx_6wrKVV9bnMqELJJRd3nIFfo9Uk/s1600/Internet.jpg" /></a></div>
<div style="text-align: left;">
<span style="font-family: sans-serif; font-size: x-small;"><span style="line-height: 19.18402862548828px;"><br /></span></span></div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; margin: 0.3em 0px 0px 2.5em; padding: 0px; text-align: start;">
<li style="margin-bottom: 0.1em;">เครือข่ายงานบริเวณนครหลวง หรือ <a href="http://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%A1%E0%B8%99" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="แมน">แมน</a> (Metropolitan area network : <a class="mw-redirect" href="http://th.wikipedia.org/wiki/MAN" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="MAN">MAN</a>)</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjeh3-nyut9pKxQLMuFIgdDWEc2oZHdAjAuYyQoibeaSaKMCq513KuFnqpKnzf567hu0a0-2YIp4WFOjW-WzUJTBPQFPvyMlTtO5btnoI8HmM_dP_Zoc5taLRJGEeZ1W6ap1ttlSfzupo/s1600/Internet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjeh3-nyut9pKxQLMuFIgdDWEc2oZHdAjAuYyQoibeaSaKMCq513KuFnqpKnzf567hu0a0-2YIp4WFOjW-WzUJTBPQFPvyMlTtO5btnoI8HmM_dP_Zoc5taLRJGEeZ1W6ap1ttlSfzupo/s1600/Internet.jpg" /></a></div>
<div style="text-align: left;">
<span style="font-family: sans-serif; font-size: x-small;"><span style="line-height: 19.18402862548828px;"><br /></span></span></div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; margin: 0.3em 0px 0px 2.5em; padding: 0px; text-align: start;">
<li style="margin-bottom: 0.1em;">เครือข่ายของการติดต่อระหว่างไมโครคอนโทรลเลอร์ หรือ <a class="new" href="http://th.wikipedia.org/w/index.php?title=%E0%B9%81%E0%B8%84%E0%B8%99_(%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B8%AD%E0%B8%82%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C)&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: none;" title="แคน (เครือข่ายคอมพิวเตอร์) (หน้านี้ไม่มี)">แคน</a> (Controller area network) : <a class="new" href="http://th.wikipedia.org/w/index.php?title=CAN&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: none;" title="CAN (หน้านี้ไม่มี)">CAN</a>) เป็นเครือข่ายที่ใช้ติดต่อกันระหว่าง<a href="http://th.wikipedia.org/wiki/%E0%B9%84%E0%B8%A1%E0%B9%82%E0%B8%84%E0%B8%A3%E0%B8%84%E0%B8%AD%E0%B8%99%E0%B9%82%E0%B8%97%E0%B8%A3%E0%B8%A5%E0%B9%80%E0%B8%A5%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="ไมโครคอนโทรลเลอร์">ไมโครคอนโทรลเลอร์</a> (Micro Controller unit: MCU)</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRU4VFyXMimYdE33XsUIlpZkae4XJZaf4lvWikPBB8z1hiEC7xDJBuH4uac-TOqsc8Bpupu4NG9UdqUBOQMDlLBuGgpFTemqutcEmhZqfF3f0P5BwCM1EEeSpYMCrVn8gULg5ENIDfPE/s1600/Internet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRU4VFyXMimYdE33XsUIlpZkae4XJZaf4lvWikPBB8z1hiEC7xDJBuH4uac-TOqsc8Bpupu4NG9UdqUBOQMDlLBuGgpFTemqutcEmhZqfF3f0P5BwCM1EEeSpYMCrVn8gULg5ENIDfPE/s1600/Internet.jpg" /></a></div>
<div style="text-align: left;">
<span style="font-family: sans-serif; font-size: x-small;"><span style="line-height: 19.18402862548828px;"><br /></span></span></div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; margin: 0.3em 0px 0px 2.5em; padding: 0px; text-align: start;">
<li style="margin-bottom: 0.1em;">เครือข่ายส่วนบุคคล หรือ <a href="http://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%9E%E0%B8%99" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="แพน">แพน</a> (Personal area network) : <a class="mw-redirect" href="http://th.wikipedia.org/wiki/PAN" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="PAN">PAN</a>) เป็นเครือข่ายระหว่างอุปกรณ์เคลื่อนที่ส่วนบุคคล เช่น โน้ตบุ๊ก มือถือ อาจมีสายหรือไร้สายก็ได้</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEike9q6Y9QL6h9eXXhlfr2uwY6Zq4SyP4LeM6fwCGzFAoD54f4uLozcVdrUyFxsTXONWL6KtCW-m4VWzj_YfruMHmXg9gP-DJ7cD5WTIf8JFLLKrLmsug2fEJTxehIBBW4QrsoqV7u78Rg/s1600/Internet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEike9q6Y9QL6h9eXXhlfr2uwY6Zq4SyP4LeM6fwCGzFAoD54f4uLozcVdrUyFxsTXONWL6KtCW-m4VWzj_YfruMHmXg9gP-DJ7cD5WTIf8JFLLKrLmsug2fEJTxehIBBW4QrsoqV7u78Rg/s1600/Internet.jpg" /></a></div>
<div style="text-align: left;">
<span style="font-family: sans-serif; font-size: x-small;"><span style="line-height: 19.18402862548828px;"><br /></span></span></div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; margin: 0.3em 0px 0px 2.5em; padding: 0px; text-align: start;">
<li style="margin-bottom: 0.1em;">เครือข่ายข้อมูล หรือ <a href="http://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%8B%E0%B8%99" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="แซน">แซน</a> (Storage area network) : <a class="new" href="http://th.wikipedia.org/w/index.php?title=SAN&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: none;" title="SAN (หน้านี้ไม่มี)">SAN</a>) เป็นเครือข่าย (หรือเครือข่ายย่อย) ความเร็วสูงวัตถุประสงค์เฉพาะที่เชื่อมต่อภายในกับอุปกรณ์จัดเก็บข้อมูลชนิดต่างกันด้วยแม่ข่ายข้อมูลสัมพันธ์กันบนคัวแทนเครือข่ายขนาดใหญ่ของผู้ใช้</li>
</ul>
<div style="text-align: left;">
<span style="font-family: sans-serif; font-size: x-small;"><span style="line-height: 19.18402862548828px;"><br /></span></span></div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; margin: 0.3em 0px 0px 2.5em; padding: 0px; text-align: start;">
<li style="margin-bottom: 0.1em;"><h2 style="background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19px; font-weight: normal; line-height: 19.1875px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id=".E0.B8.AD.E0.B8.B8.E0.B8.9B.E0.B8.81.E0.B8.A3.E0.B8.93.E0.B9.8C.E0.B9.80.E0.B8.84.E0.B8.A3.E0.B8.B7.E0.B8.AD.E0.B8.82.E0.B9.88.E0.B8.B2.E0.B8.A2">อุปกรณ์เครือข่าย</span></h2>
<ul style="font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; list-style-type: disc; margin: 0.3em 0px 0px 2.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%8B%E0%B8%B4%E0%B8%A3%E0%B9%8C%E0%B8%9F%E0%B9%80%E0%B8%A7%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="เซิร์ฟเวอร์">เซิร์ฟเวอร์</a> (Server) หรือเรียกอีกอย่างหนึ่งว่า เครื่องแม่ข่าย เป็นเครื่องคอมพิวเตอร์หลักในเครือข่าย ที่ทำหน้าที่จัดเก็บและให้บริการไฟล์ข้อมูลและทรัพยากรอื่นๆ กับคอมพิวเตอร์เครื่องอื่น ๆ ใน เครือข่าย โดยปกติคอมพิวเตอร์ที่นำมาใช้เป็นเซิร์ฟเวอร์มักจะเป็นเครื่องที่มีสมรรถนะสูง และมีฮาร์ดดิสก์ความจำสูงกว่าคอมพิวเตอร์เครื่องอื่น ๆ ในเครือข่าย</li>
<li style="margin-bottom: 0.1em;"><a href="http://th.wikipedia.org/wiki/%E0%B9%84%E0%B8%84%E0%B8%A5%E0%B9%80%E0%B8%AD%E0%B8%99%E0%B8%95%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="ไคลเอนต์">ไคลเอนต์</a> (Client) หรือเรียกอีกอย่างหนึ่งว่า เครื่องลูกข่าย เป็นคอมพิวเตอร์ในเครือข่ายที่ร้องขอ บริการและเข้าถึงไฟล์ข้อมูลที่จัดเก็บในเซิร์ฟเวอร์ หรือพูดง่าย ๆ ก็คือ ไคลเอนต์ เป็นคอมพิวเตอร์ ของผู้ใช้แต่ละคนในระบบเครือข่าย</li>
<li style="margin-bottom: 0.1em;"><a class="mw-redirect" href="http://th.wikipedia.org/wiki/%E0%B8%AE%E0%B8%B1%E0%B8%9A" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="ฮับ">ฮับ</a> (HUB) หรือ เรียก <a class="new" href="http://th.wikipedia.org/w/index.php?title=%E0%B8%A3%E0%B8%B5%E0%B8%9E%E0%B8%B5%E0%B8%95%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: none;" title="รีพีตเตอร์ (หน้านี้ไม่มี)">รีพีตเตอร์</a> (Repeater) คืออุปกรณ์ที่ใช้เชื่อมต่อกลุ่มคอมพิวเตอร์ ฮับ มีหน้าที่รับส่งเฟรมข้อมูลทุกเฟรมที่ได้รับจากพอร์ตใดพอร์ตหนึ่ง ไปยังพอร์ตที่เหลือ คอมพิวเตอร์ที่เชื่อมต่อเข้ากับฮับจะแชร์แบนด์วิธหรืออัตราข้อมูลของเครือข่าย เพราะฉะนั้นถ้ามีคอมพิวเตอร์เชื่อมต่อมากจะทำให้อัตราการส่งข้อมูลลดลง</li>
<li style="margin-bottom: 0.1em;"><a href="http://th.wikipedia.org/wiki/%E0%B8%AA%E0%B8%A7%E0%B8%B4%E0%B8%95%E0%B8%8A%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="สวิตช์">สวิตช์</a> (Switch) คืออุปกรณ์เครือข่ายที่ทำหน้าที่ในเลเยอร์ที่ 2 และทำหน้าที่ส่งข้อมูลที่ได้รับมาจากพอร์ตหนึ่งไปยังพอร์ตเฉพาะที่เป็นปลายทางเท่านั้น และทำให้คอมพิวเตอร์ที่เชื่อมต่อกับพอร์ตที่เหลือส่งข้อมูลถึงกันในเวลาเดียวกัน ดังนั้น อัตราการรับส่งข้อมูลหรือแบนด์วิธจึงไม่ขึ้นอยู่กับคอมพิวเตอร์ ปัจจุบันนิยมเชื่อมต่อแบบนี้มากกว่าฮับเพราะลดปัญหาการชนกันของข้อมูล</li>
<li style="margin-bottom: 0.1em;"><a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%A3%E0%B8%B2%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="เราเตอร์">เราเตอร์</a> (Router)เป็นอุปรณ์ที่ทำหน้าที่ในเลเยอร์ที่ 3 เราท์เตอร์จะอ่านที่อยู่ (Address) ของสถานีปลายทางที่ส่วนหัว (Header) ข้อแพ็กเก็ตข้อมูล เพื่อที่จะกำหนดและส่งแพ็กเก็ตต่อไป เราท์เตอร์จะมีตัวจัดเส้นทางในแพ็กเก็ต เรียกว่า เราติ้งเทเบิ้ล (Routing Table) หรือตารางจัดเส้นทางนอกจากนี้ยังส่งข้อมูลไปยังเครือข่ายที่ให้โพรโทคอลต่างกันได้ เช่น IP (Internet Protocol) , IPX (Internet Package Exchange) และ AppleTalk นอกจากนี้ยังเชื่อมต่อกับเครือข่ายอื่นได้ เช่น เครือข่ายอินเทอร์เน็ต</li>
<li style="margin-bottom: 0.1em;"><a href="http://th.wikipedia.org/wiki/%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%94%E0%B8%88%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="บริดจ์">บริดจ์</a> (Bridge) เป็นอุปกรณ์ที่มักจะใช้ในการเชื่อมต่อวงแลน (LAN Segments) เข้าด้วยกัน ทำให้สามารถขยายขอบเขตของ LAN ออกไปได้เรื่อยๆ โดยที่ประสิทธิภาพรวมของระบบ ไม่ลดลงมากนัก เนื่องจากการติดต่อของเครื่องที่อยู่ในเซกเมนต์เดียวกันจะไม่ถูกส่งผ่าน ไปรบกวนการจราจรของเซกเมนต์อื่น และเนื่องจากบริดจ์เป็นอุปกรณ์ที่ทำงานอยู่ในระดับ Data Link Layer จึงทำให้สามารถใช้ในการเชื่อมต่อเครือข่ายที่แตกต่างกันในระดับ Physical และ Data Link ได้ เช่น ระหว่าง Eternet กับ Token Ring เป็นต้น</li>
</ul>
<div style="font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
บริดจ์ มักจะถูกใช้ในการเชื่อมเครือข่ายย่อย ๆ ในองค์กรเข้าด้วยกันเป็นเครือข่ายใหญ่ เพียงเครือข่ายเดียว เพื่อให้เครือข่ายย่อยๆ เหล่านั้นสามารถติดต่อกับเครือข่ายย่อยอื่นๆ ได้</div>
</li>
<ul style="font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; list-style-type: disc; margin: 0.3em 0px 0px 2.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%81%E0%B8%95%E0%B9%80%E0%B8%A7%E0%B8%A2%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="เกตเวย์">เกตเวย์</a> (Gateway) เป็นอุปกรณ์ฮาร์ดแวร์ที่เชื่อมต่อเครือข่ายต่างประเภทเข้าด้วยกัน เช่น การใช้เกตเวย์ในการเชื่อมต่อเครือข่าย ที่เป็นคอมพิวเตอร์ประเภทพีซี (PC) เข้ากับคอมพิวเตอร์ประเภทแมคอินทอช (MAC) เป็นต้น</li>
<li style="margin-bottom: 0.1em;"><u><span style="color: blue;">โมเด็ม</span></u>(Modem)<b style="font-family: 'Angsana New', serif; font-size: 18.66666603088379px; line-height: normal;"><span lang="TH" style="color: #000099; font-size: 20pt;"><b style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">โมเด็</b><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px;">มมาจากคำว่า MOdulator/DEModulator โดยแยกการทำงานออกเป็น Modulation คือการแปลงสัญญาณดิจิตอล จากเครื่องคอมพิวเตอร์ ต้นทางให้กลายเป็นสัญญาณอะนาลอกแล้วส่งไปตามสายโทรศัพท์ และ Demodulation คือการเปลี่ยนจากสัญญาณอะนาลอก ที่ได้จากสายโทรศัพท์ให้กลับไปเป็นสัญญาณดิจิตอล เพื่อส่งต่อไปยัง เครื่องคอมพิวเตอร์ปลายทาง สัญญาณจากคอมพิวเตอร์เป็นสัญญาณ Digital มีแค่ 0 กับ 1 เท่านั้น เมื่อเปลี่ยนมาเป็นสัญญาณอะนาลอกอยู่ในรูปที่คล้ายกับสัญญาณไฟฟ้าของ โทรศัพท์ จึงส่งไปทางสายโทรศัพท์ได้ สำหรับปัจจุบันนี้ความไวของโมเด็มจะสูงขึ้นที่ 56 Kbps ตอนแรกมีมาตรฐานออกมา 2 อย่างคือ X2 และ K56Flex ออกมาเพื่อแย่งชิงมาตรฐานกัน ทำให้สับสน ในการใช้งาน ต่อมามาตรฐานสากล ได้กำหนดออกมาเป็น V.90 เป็นการยุติความไม่แน่นอน ของการใช้งาน โมเด็มบางตัวสามารถ อัพเดทเป็น V.90 ได้ แต่บางตัวก็ไม่สามารถทำได้ สำหรับโมเด็มปัจจุบันนี้ยังมีความสามารถในการรับส่ง Fax ด้วย ความไวในการส่ง Fax จะอยู่ที่ 14.4 Kb. เท่านั้น </span></span></b></li>
</ul>
<ul style="font-size: 13px; line-height: 19.1875px; list-style-image: url(data:image/png; list-style-type: disc; margin: 0.3em 0px 0px 2.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><table border="0" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="font-family: 'Times New Roman'; width: 100%px;"><tbody>
<tr style="height: 13.5pt;"><td style="background-color: #99ccff; background-position: initial initial; background-repeat: initial initial; height: 13.5pt; padding: 0cm;" valign="top"><div class="MsoNormal" style="font-family: 'Angsana New', serif; font-size: 14pt; margin: 0cm 0cm 0.0001pt;">
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;">
<b style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;">อินเทอร์เน็ต</b><span style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;"> (</span><a href="http://th.wikipedia.org/wiki/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9" style="background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-decoration: none; text-indent: 32px;" title="ภาษาอังกฤษ">อังกฤษ</a><span style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;">: </span><span lang="en" style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;" xml:lang="en">Internet</span><span style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;">) หมายถึง </span><a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B8%AD%E0%B8%82%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-decoration: none; text-indent: 32px;" title="เครือข่ายคอมพิวเตอร์">เครือข่ายคอมพิวเตอร์</a><span style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;">ขนาดใหญ่ ที่มีการเชื่อมต่อระหว่างเครือข่ายหลายๆ เครือข่ายทั่วโลก โดยใช้ภาษาที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (Protocol) ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้ในหลายๆ ทาง อาทิเช่น </span><a href="http://th.wikipedia.org/wiki/%E0%B8%AD%E0%B8%B5%E0%B9%80%E0%B8%A1%E0%B8%A5" style="background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-decoration: none; text-indent: 32px;" title="อีเมล">อีเมล</a><span style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;"> </span><a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B8%9A%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B8%94" style="background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-decoration: none; text-indent: 32px;" title="เว็บบอร์ด">เว็บบอร์ด</a><span style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;"> และสามารถสืบค้นข้อมูลและข่าวสารต่างๆ รวมทั้งคัดลอกแฟ้มข้อมูลและ</span><a href="http://th.wikipedia.org/wiki/%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1" style="background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-decoration: none; text-indent: 32px;" title="โปรแกรม">โปรแกรม</a><span style="color: black; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; text-align: start; text-indent: 32px;">มาใช้ได้</span></div>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19.1875px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id=".E0.B8.81.E0.B8.B2.E0.B8.A3.E0.B8.9B.E0.B8.A3.E0.B8.B0.E0.B8.A2.E0.B8.B8.E0.B8.81.E0.B8.95.E0.B9.8C.E0.B9.83.E0.B8.8A.E0.B9.89.E0.B8.87.E0.B8.B2.E0.B8.99.E0.B8.AD.E0.B8.B4.E0.B8.99.E0.B9.80.E0.B8.97.E0.B8.AD.E0.B8.A3.E0.B9.8C.E0.B9.80.E0.B8.99.E0.B9.87.E0.B8.95">การประยุกต์ใช้งานอินเทอร์เน็ต</span></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
การประยุกต์ใช้อินเทอร์เน็ตในปัจจุบันทำได้หลากหลาย อาทิเช่น ไปรษณีย์อิเล็กทรอนิกส์ หรือ อีเมล (e-Mail) , สนทนา (Chat), อ่านหรือแสดงความคิดเห็นในเว็บบอร์ด, การติดตามข่าวสาร, การสืบค้นข้อมูล / การค้นหาข้อมูล, การชม หรือซื้อสินค้าออนไลน์ , การดาวโหลด เกม เพลง ไฟล์ข้อมูล ฯลฯ, การติดตามข้อมูล ภาพยนตร์ รายการบันเทิงต่างๆ ออนไลน์, การเล่นเกมคอมพิวเตอร์ออนไลน์, การเรียนรู้ออนไลน์ (e-Learning), การประชุมทางไกลผ่านอินเทอร์เน็ต (Video Conference), โทรศัพท์ผ่านอินเทอร์เน็ต (VoIP), การอับโหลดข้อมูล หรือ อื่นๆ</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
แนวโน้มล่าสุดของการใช้อินเทอร์เน็ตคือการใช้อินเทอร์เน็ตเป็นแหล่งพบปะสังสรรค์เพื่อสร้าง<a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B8%AD%E0%B8%82%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B8%AA%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%A1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="เครือข่ายสังคม">เครือข่ายสังคม</a> ซึ่งพบว่าปัจจุบันเว็บไซต์ที่เกี่ยวข้องกับกิจกรรมดังกล่าวกำลังได้รับความนิยมอย่างแพร่หลายเช่น <a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%9F%E0%B8%8B%E0%B8%9A%E0%B8%B8%E0%B9%8A%E0%B8%81" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="เฟซบุ๊ก">เฟซบุ๊ก</a> <a href="http://th.wikipedia.org/wiki/%E0%B8%97%E0%B8%A7%E0%B8%B4%E0%B8%95%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="ทวิตเตอร์">ทวิตเตอร์</a> <a href="http://th.wikipedia.org/wiki/%E0%B9%84%E0%B8%AE%E0%B9%84%E0%B8%9F%E0%B8%9F%E0%B9%8C" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="ไฮไฟฟ์">ไฮไฟฟ์</a> และการใช้เริ่มมีการแพร่ขยายเข้าไปสู่การใช้อินเทอร์เน็ตผ่านโทรศัพท์มือถือ (Mobile Internet) มากขึ้น เนื่องจากเทคโนโลยีปัจจุบันสนับสนุนให้การเข้าถึงเครือข่ายผ่านโทรศัพท์มือถือทำได้ง่ายขึ้นมาก</div>
<div style="font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
</div>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19px; font-weight: normal; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em; text-indent: 0px;">
<span class="mw-headline" id=".E0.B8.88.E0.B8.B3.E0.B8.99.E0.B8.A7.E0.B8.99.E0.B8.9C.E0.B8.B9.E0.B9.89.E0.B9.83.E0.B8.8A.E0.B9.89.E0.B8.AD.E0.B8.B4.E0.B8.99.E0.B9.80.E0.B8.97.E0.B8.AD.E0.B8.A3.E0.B9.8C.E0.B9.80.E0.B8.99.E0.B9.87.E0.B8.95.E0.B8.97.E0.B8.B1.E0.B9.88.E0.B8.A7.E0.B9.82.E0.B8.A5.E0.B8.81">จำนวนผู้ใช้อินเทอร์เน็ตทั่วโลก</span></h2>
<div>
<span class="mw-headline"></span><br />
<div style="background-color: white; font-size: 13px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
<span class="mw-headline">ปัจจุบัน จำนวนผู้ใช้อินเทอร์เน็ตทั่วโลกโดยประมาณ 2.095 พันล้านคน หรือ 30.2 % ของประชากรทั่วโลก (ข้อมูล ณ เดือน มีนาคม 2554) โดยเมื่อเปรียบเทียบในทวีปต่างๆ พบว่าทวีปที่มีผู้ใช้อินเทอร์เน็ตมากที่สุดคือ เอเชีย โดยคิดเป็น 44.0 % ของผู้ใช้อินเทอร์เน็ตทั้งหมด และประเทศที่มีประชากรผู้ใช้อินเทอร์เน็ตมากที่สุดคือประเทศจีน คิดเป็นจำนวน 384 ล้านคน</span></div>
<span class="mw-headline">
</span>
<div style="background-color: white; font-size: 13px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
<span class="mw-headline">หากเปรียบเทียบจำนวนผู้ใช้อินเทอร์เน็ตกับจำนวนประชากรรวม พบว่าทวีปอเมริกาเหนือมีสัดส่วนผู้ใช้ต่อประชากรสูงที่สุดคือ 78.3 % รองลงมาได้แก่ ทวีปออสเตรเลีย 60.1 % และ ทวีปยุโรป คิดเป็น 58.3 % ตามลำดับ</span></div>
<span class="mw-headline">
<div style="background-color: white; font-size: 13px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
<b style="font-size: 13px; text-indent: 32px;"></b></div>
<h1 class="firstHeading" id="firstHeading" lang="th" style="background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.6em; font-weight: normal; line-height: 1.6em; margin: 0px 0px 0.1em; overflow: hidden; padding-bottom: 0px; padding-top: 0px; text-indent: 0px;">
<b style="font-size: 13px; text-indent: 32px;"><span dir="auto">อีเมล</span></b></h1>
<br />
<div style="background-color: white; font-size: 13px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
<b style="font-size: 13px; text-indent: 32px;">อีเมล</b><span style="font-size: 13px; text-indent: 32px;"> (</span><a href="https://th.wikipedia.org/wiki/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9" style="background-image: none; color: #0b0080; font-size: 13px; text-decoration: none; text-indent: 32px;" title="ภาษาอังกฤษ">อังกฤษ</a><span style="font-size: 13px; text-indent: 32px;">: </span><span lang="en" style="font-size: 13px; text-indent: 32px;" xml:lang="en">e-mail, email</span><span style="font-size: 13px; text-indent: 32px;">) ย่อมาจาก </span><b style="font-size: 13px; text-indent: 32px;">จดหมายอิเล็กทรอนิกส์</b><span style="font-size: 13px; text-indent: 32px;"> หรือ </span><b style="font-size: 13px; text-indent: 32px;">ไปรษณีย์อิเล็กทรอนิกส์</b><span style="font-size: 13px; text-indent: 32px;"> (</span><a href="https://th.wikipedia.org/wiki/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9" style="background-image: none; color: #0b0080; font-size: 13px; text-decoration: none; text-indent: 32px;" title="ภาษาอังกฤษ">อังกฤษ</a><span style="font-size: 13px; text-indent: 32px;">: </span><span lang="en" style="font-size: 13px; text-indent: 32px;" xml:lang="en">electronic mail</span><span style="font-size: 13px; text-indent: 32px;">) คือวิธีการหนึ่งของการแลกเปลี่ยนข้อความแบบ</span><a href="https://th.wikipedia.org/wiki/%E0%B8%94%E0%B8%B4%E0%B8%88%E0%B8%B4%E0%B8%97%E0%B8%B1%E0%B8%A5" style="background-image: none; color: #0b0080; font-size: 13px; text-decoration: none; text-indent: 32px;" title="ดิจิทัล">ดิจิทัล</a><span style="font-size: 13px; text-indent: 32px;"> ซึ่งออกแบบขึ้นเพื่อให้มนุษย์ใช้เป็นหลัก ข้อความนั้นจะต้องประกอบด้วยเนื้อหา ที่อยู่ของผู้ส่ง และที่อยู่ของผู้รับ (ซึ่งอาจมีมากกว่าหนึ่ง) เป็นอย่างน้อย บริการอีเมลบนอินเทอร์เน็ตในทุกวันนี้เริ่มมีการจัดตั้งมาจาก</span><a class="new" href="https://th.wikipedia.org/w/index.php?title=%E0%B8%AD%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%9E%E0%B8%B2%E0%B9%80%E0%B8%99%E0%B9%87%E0%B8%95&action=edit&redlink=1" style="background-image: none; color: #a55858; font-size: 13px; text-decoration: none; text-indent: 32px;" title="อาร์พาเน็ต (หน้านี้ไม่มี)">อาร์พาเน็ต</a><span style="font-size: 13px; text-indent: 32px;"> (ARPANET) และมีการดัดแปลงโค้ดจนนำไปสู่มาตรฐานของการเข้ารหัสข้อความ </span><a class="external mw-magiclink-rfc" href="https://tools.ietf.org/html/rfc733" rel="nofollow" style="background-image: url(data:image/png; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #663366; font-size: 13px; padding-right: 13px; text-decoration: none; text-indent: 32px;">RFC 733</a><span style="font-size: 13px; text-indent: 32px;"> อีเมลที่ส่งกันในยุคคริสต์ทศวรรษ 1970 นั้นมีความคล้ายคลึงกับอีเมลในปัจจุบัน การเปลี่ยนแปลงจากอาร์พาเน็ตไปเป็นอินเทอร์เน็ตในคริสต์ทศวรรษ 1980 ทำให้เกิดรายละเอียดแบบสมัยใหม่ของการบริการ โดยส่งข้อมูลผ่าน</span><a class="new" href="https://th.wikipedia.org/w/index.php?title=%E0%B9%80%E0%B8%81%E0%B8%93%E0%B8%91%E0%B9%8C%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%96%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B9%82%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%9B%E0%B8%A3%E0%B8%A9%E0%B8%93%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B8%AD%E0%B8%A2%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%87%E0%B9%88%E0%B8%B2%E0%B8%A2&action=edit&redlink=1" style="background-image: none; color: #a55858; font-size: 13px; text-decoration: none; text-indent: 32px;" title="เกณฑ์วิธีถ่ายโอนไปรษณีย์อย่างง่าย (หน้านี้ไม่มี)">เกณฑ์วิธีถ่ายโอนไปรษณีย์อย่างง่าย</a><span style="font-size: 13px; text-indent: 32px;">(SMTP) ซึ่งได้เผยแพร่เป็น</span><a class="new" href="https://th.wikipedia.org/w/index.php?title=%E0%B8%A1%E0%B8%B2%E0%B8%95%E0%B8%A3%E0%B8%90%E0%B8%B2%E0%B8%99%E0%B8%AD%E0%B8%B4%E0%B8%99%E0%B9%80%E0%B8%97%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%99%E0%B9%87%E0%B8%95&action=edit&redlink=1" style="background-image: none; color: #a55858; font-size: 13px; text-decoration: none; text-indent: 32px;" title="มาตรฐานอินเทอร์เน็ต (หน้านี้ไม่มี)">มาตรฐานอินเทอร์เน็ต</a><span style="font-size: 13px; text-indent: 32px;"> 10 (</span><a class="external mw-magiclink-rfc" href="https://tools.ietf.org/html/rfc821" rel="nofollow" style="background-image: url(data:image/png; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #663366; font-size: 13px; padding-right: 13px; text-decoration: none; text-indent: 32px;">RFC 821</a><span style="font-size: 13px; text-indent: 32px;">) เมื่อ พ.ศ. 2525 (ค.ศ. 1982) และเปลี่ยน </span><a class="external mw-magiclink-rfc" href="https://tools.ietf.org/html/rfc733" rel="nofollow" style="background-image: url(data:image/png; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #663366; font-size: 13px; padding-right: 13px; text-decoration: none; text-indent: 32px;">RFC 733</a><span style="font-size: 13px; text-indent: 32px;"> ไปเป็นมาตรฐานอินเทอร์เน็ต 11 (</span><a class="external mw-magiclink-rfc" href="https://tools.ietf.org/html/rfc822" rel="nofollow" style="background-image: url(data:image/png; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #663366; font-size: 13px; padding-right: 13px; text-decoration: none; text-indent: 32px;">RFC 822</a><span style="font-size: 13px; text-indent: 32px;">) การแนบไฟล์</span><a class="mw-redirect" href="https://th.wikipedia.org/wiki/%E0%B8%A1%E0%B8%B1%E0%B8%A5%E0%B8%95%E0%B8%B4%E0%B8%A1%E0%B8%B5%E0%B9%80%E0%B8%94%E0%B8%B5%E0%B8%A2" style="background-image: none; color: #0b0080; font-size: 13px; text-decoration: none; text-indent: 32px;" title="มัลติมีเดีย">มัลติมีเดีย</a><span style="font-size: 13px; text-indent: 32px;">เริ่มมีการทำให้เป็นมาตรฐานใน พ.ศ. 2539 (ค.ศ. 1996) ด้วย </span><a class="external mw-magiclink-rfc" href="https://tools.ietf.org/html/rfc2045" rel="nofollow" style="background-image: url(data:image/png; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #663366; font-size: 13px; padding-right: 13px; text-decoration: none; text-indent: 32px;">RFC 2045</a><span style="font-size: 13px; text-indent: 32px;"> ไปจนถึง </span><a class="external mw-magiclink-rfc" href="https://tools.ietf.org/html/rfc2049" rel="nofollow" style="background-image: url(data:image/png; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #663366; font-size: 13px; padding-right: 13px; text-decoration: none; text-indent: 32px;">RFC 2049</a><span style="font-size: 13px; text-indent: 32px;"> และภายหลังก็เรียกกันว่า</span><a class="new" href="https://th.wikipedia.org/w/index.php?title=%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%82%E0%B8%A2%E0%B8%B2%E0%B8%A2%E0%B8%AA%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%AA%E0%B8%A1%E0%B9%83%E0%B8%99%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%9A%E0%B8%AD%E0%B8%B4%E0%B8%99%E0%B9%80%E0%B8%97%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%99%E0%B9%87%E0%B8%95%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B8%AD%E0%B9%80%E0%B8%99%E0%B8%81%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%AA%E0%B8%87%E0%B8%84%E0%B9%8C&action=edit&redlink=1" style="background-image: none; color: #a55858; font-size: 13px; text-decoration: none; text-indent: 32px;" title="ส่วนขยายสื่อประสมในระบบอินเทอร์เน็ตแบบอเนกประสงค์ (หน้านี้ไม่มี)">ส่วนขยายสื่อประสมในระบบอินเทอร์เน็ตแบบอเนกประสงค์</a><span style="font-size: 13px; text-indent: 32px;"> (MIME)</span></div>
<div style="font-size: 13px; margin-bottom: 0.5em; margin-top: 0.4em; text-indent: 2.5em;">
<span style="font-size: 13px; text-indent: 32px;"></span></div>
<div style="color: #333333; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: normal; text-indent: 0px;">
<u style="background-color: magenta;">mailing lists </u><span style="background-color: white;">คือ กลุ่มรายชื่อของอีเมล์ซึ่งเมื่อคุณส่งอีเมล์ไปที่ mailing lists นั้น mailing lists จะช่วยทำการกระจายไปให้กับอีเมล์ที่อยู่ในกลุ่มโดยอัตโนมัติ เช่น สมมุติว่าคุณตั้งชื่อ maling list ว่า group@domain.com แล้วก็นำเอาอีเมล์ของผู้ที่ต้องการอยู่ในกลุ่มมาลงทะเบียนไว้กับโปรแกรมจัดการ mailing list ดังนั้นเมื่อบุคคลในกลุ่ม mailing lists ส่งอีเมล์ไปที่ group@domain.com ระบบก็จะช่วยทำการกระจายให้กับทุกคนในกลุ่ม</span></div>
<div style="background-color: white; color: #333333; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: normal; text-indent: 0px;">
วิธีการสร้าง mailin lists ก็ให้เข้าไปที่ cPanel แล้วไปที่ mailing lists จากนั้นให้ทำตามขั้นตอนตาม link : </div>
</span></div>
<br />
<b><span lang="TH" style="color: #000099; font-size: 20pt;"><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px;" /></span></b>
<b><span lang="TH" style="color: #000099; font-size: 20pt;"></span></b><br />
<h2>
<b><span lang="TH" style="color: #000099; font-size: 20pt;"><span dir="ltr" id="sites-page-title">2.3 ประเภทเครือข่ายระยะไกล</span></span></b></h2>
<div class="sites-canvas-main" id="sites-canvas-main" style="background-color: white; color: #444444; font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; line-height: 21px; min-height: 150px; padding-bottom: 5px; padding-top: 15px;">
<div id="sites-canvas-main-content">
<table cellspacing="0" class="sites-layout-name-one-column sites-layout-hbox" style="margin: 0px; table-layout: fixed; width: 755px;" xmlns="http://www.w3.org/1999/xhtml"><tbody>
<tr><td class="sites-layout-tile sites-tile-name-content-1" style="padding: 10px; vertical-align: top;"><div dir="ltr">
<span style="font-family: MS Sans Serif;"><strong>ระบบเครือข่ายระยะไกล (Wide Area Network : WAN)</strong> หมายถึง การเชื่อมต่อคอมพิวเตอร์ ระยะไกล เป็นเครือข่ายขนาดใหญ่ เช่น ระหว่างประเทศ การเชื่อมต่อเครือข่ายทั่วโลก ติดตั้งใช้งานบริเวณกว้างมีสถานีหรือจุดเชื่อมมากมาย และใช้สื่อกลางหลายชนิด เช่น ไมโครเวฟ ดาวเทียม เนื่องจากเป็นการติดต่อสื่อสารระยะไกล อัตราการรับส่งข้อมูลจึงต่ำ และมีโอกาสผิดพลาดได้สูง การสื่อสารระยะไกล จำเป็นต้องมีอุปกรณ์แปลงสัญญาณ คือ โมเด็ม ช่วยในการติดต่อสื่อสาร และสามารถนำเครือข่าย LAN มาเชื่อมต่อกัน เป็นเครือข่ายระยะไกลได้ ตัวอย่างของเครือข่ายระยะไกล เช่น อินเทอร์เน็ต เครือข่ายระบบงานธนาคารทั่วโลก เครือข่ายของสายการบิน เป็นต้น <span style="font-size: x-small;"> </span></span></div>
</td></tr>
</tbody></table>
</div>
</div>
<br />
<br /></div>
</td></tr>
</tbody></table>
</li>
</ul>
</ul>
Anonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.com0tag:blogger.com,1999:blog-2116415282210904378.post-78901446165673365382013-06-24T11:22:00.000-07:002013-06-24T11:22:03.664-07:00ระบบสารสนเทศและเทคโนโลยีเพื่อการตัดสินใจ ^^<br />
<span style="color: #134f5c;"><span style="font-family: Georgia, Times New Roman, serif;"><b><i><br /></i></b></span><span style="font-family: Georgia, Times New Roman, serif;"><b><i>ระบบสารสนเทศ (infomation system) หมายถึง?</i></b></span></span><br />
<div style="text-align: center;">
<img height="200" src="http://www.thailandonlinefocus.com/assets/upload/images/thailandonlinefocus20130111105105.gif" width="200" /></div>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;"> : ระบบที่มีการนำคอมพิวเตอร์มาช่วยในการรวบรวม จัดเก็บ หรือจัดการกับข้อมูลข่าวสารเพื่อให้ข้อมุลนั้นกลายเป็นสารสนเทศที่ดี สามารถนำไปใช้ในการประกอบการตัดสินใจได้ในเวลาอันรวดเร็วและถูกต้อง</span><br />
<span style="color: #134f5c;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;"><b><i>องค์ประกอบของสารสนเทศมีอะไรบ้าง?</i></b></span></span><br />
<div style="text-align: center;">
<img height="320" src="http://thepeculiarja.files.wordpress.com/2012/07/it_system31.gif" width="320" /></div>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;"> : <b>ฮาร์ดแวร์</b> เป็นองค์ประกอบสำคัญของระบบสารสนเทศ หมายถึง เครื่องคอมพิวเตอร์อุปกรณ์รอบข้าง รวมทั้งอุปกรณ์สื่อสารสำหรับเชื่อมโยงคอมพิวเตอร์เข้าเป็นเครือข่าย เช่น เครื่องพิมพ์ เครื่องกราดตรวจเมื่อพิจารณาเครื่องคอมพิวเตอร์ สามารถแบ่งเป็น 3 หน่วย คือ<br /><br />หน่วยรับข้อมูล (input unit) ได้แก่ แผงแป้นอักขระ เมาส์<br />หน่วยประมวลผลกลาง (Central Processing Unit : CPU)<br />หน่วยแสดงผล (output unit) ได้แก่ จอภาพ เครื่องพิมพ์<br /><br /> การทำงานของเครื่องคอมพิวเตอร์ เมื่อเปรียบเทียบกับมนุษย์ จะพบว่าคล้ายกัน กล่าวคือ เมื่อมนุษย์ได้รับข้อมูลจากประสาทสัมผัส ก็จะส่งให้สมองในการคิด แล้วสั่งให้มีการโต้ตอบ<br /><br /> <b>ซอฟต์แวร์</b> หรือโปรแกรมคอมพิวเตอร์เป็นองค์ประกอบที่สำคัญประการที่สอง ซึ่งก็คือลำดับขั้นตอนของคำสั่งที่จะสั่งงานให้ฮาร์ดแวร์ทำงาน เพื่อประมวลผลข้อมูลให้ได้ผลลัพธ์ตามความต้องการของการใช้งาน ในปัจจุบันมีซอฟต์แวร์ระบบปฏิบัติงาน ซอฟต์แวร์ควบคุมระบบงาน ซอฟต์แวร์สำเร็จ และซอฟต์แวร์ประยุกต์สำหรับงานต่างๆ ลักษณะการใช้งานของซอฟต์แวร์ก่อนหน้านี้ ผู้ใช้จะต้องติดต่อใช้งานโดยใช้ข้อความเป็นหลัก แต่ในปัจจุบันซอฟต์แวร์มีลักษณะการใช้งานที่ง่ายขึ้น โดยมีรูปแบบการติดต่อที่สื่อความหมายให้เข้าใจง่าย เช่น มีส่วนประสานกราฟิกกับผู้ใช้ที่เรียกว่า กุย (Graphical User Interface : GUI) ส่วนซอฟต์แวร์สำเร็จที่มีใช้ในท้องตลาดทำให้การใช้งานคอมพิวเตอร์ในระดับบุคคลเป็นไปอย่างกว้างขวาง และเริ่มมีลักษณะส่งเสริมการทำงานของกลุ่มมากขึ้น ส่วนงานในระดับองค์กรส่วนใหญ่มักจะมีการพัฒนาระบบตามความต้องการโดยการว่าจ้าง หรือโดยนักคอมพิวเตอร์ที่อยู่ในฝ่ายคอมพิวเตอร์ขององค์กร เป็นต้น</span><br />
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;"><br /></span>
<div>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;">ซอฟต์แวร์ คือ ชุดคำสั่งที่สั่งงานคอมพิวเตอร์ แบ่งออกได้หลายประเภท เช่น</span><br />
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;">1. ซอฟต์แวร์ระบบ คือ ซอฟต์แวร์ที่ใช้จัดการกับระบบคอมพิวเตอร์ และอุปกรณ์ต่างๆ ที่มีอยู่ในระบบ เช่น ระบบปฏิบัติการวินโดว์ส ระบบปฏิบัติการดอส ระบบปฏิบัติการยูนิกซ์<br />2. ซอฟต์แวร์ประยุกต์ คือ ซอฟต์แวร์ที่พัฒนาขึ้นเพื่อใช้งานด้านต่างๆ ตามความต้องการของผู้ใช้ เช่น ซอฟต์แวร์กราฟิก ซอฟต์แวร์ประมวลคำ ซอฟต์แวร์ตารางทำงาน ซอฟต์แวร์นำเสนอข้อมูล<br /><br /> <b>ข้อมูล</b> เป็นองค์ประกอบที่สำคัญอีกประการหนึ่งของระบบสารสนเทศ อาจจะเป็นตัวชี้ความสำเร็จหรือความล้มเหลวของระบบได้ เนื่องจากจะต้องมีการเก็บข้อมูลจากแหล่งกำเนิด ข้อมูลจะต้องมีความถูกต้อง มีการกลั่นกรองและตรวจสอบแล้วเท่านั้นจึงจะมีประโยชน์ ข้อมูลจำเป็นจะต้องมีมาตรฐาน โดยเฉพาะอย่างยิ่งเมื่อใช้งานในระดับกลุ่มหรือระดับองค์กร ข้อมูลต้องมีโครงสร้างในการจัดเก็บที่เป็นระบบระเบียบเพื่อการสืบค้นที่รวดเร็วมีประสิทธิภาพ<br /><br /> <b>บุคลากร</b> บุคลากรในระดับผู้ใช้ ผู้บริหาร ผู้พัฒนาระบบ นักวิเคราะห์ระบบ และนักเขียนโปรแกรม เป็นองค์ประกอบสำคัญในความสำเร็จของระบบสารสนเทศ บุคลากรมีความรู้ความสามารถทางคอมพิวเตอร์มากเท่าใดโอกาสที่จะใช้งานระบบสารสนเทศและระบบคอมพิวเตอร์ได้เต็มศักยภาพและคุ้มค่ายิ่งมากขึ้นเท่านั้น โดยเฉพาะระบบสารสนเทศในระดับบุคคลซึ่งเครื่องคอมพิวเตอร์มีขีดความสามารถมากขึ้น ทำให้ผู้ใช้มีโอกาสพัฒนาความสามารถของตนเองและพัฒนาระบบงานได้เองตามความต้องการ สำหรับระบบสารสนเทศในระดับกลุ่มและองค์กรที่มีความซับซ้อนจะต้องใช้บุคลากรในสาขาคอมพิวเตอร์โดยตรงมาพัฒนาและดูแลระบบงาน<br /><br /> <b>ขั้นตอนการปฏิบัติงาน</b> ที่ชัดเจนของผู้ใช้หรือของบุคลากรที่เกี่ยวข้องก็เป็นเรื่องสำคัญอีกประการหนึ่ง เมื่อได้พัฒนาระบบงานแล้วจำเป็นต้องปฏิบัติงานตามลำดับขั้นตอนในขณะที่ใช้งานก็จำเป็นต้องคำนึงถึงลำดับขั้นตอนการปฏิบัติของคนและความสัมพันธ์กับเครื่อง ทั้งในกรณีปกติและกรณีฉุกเฉิน เช่น ขั้นตอนการบันทึกข้อมูล ขั้นตอนการประมวลผล ขั้นตอนปฏิบัติเมื่อเครื่องชำรุดหรือข้อมูลสูญหาย และขั้นตอนการทำสำเนาข้อมูลสำรองเพื่อความปลอดภัย เป็นต้น สิ่งเหล่านี้จะต้องมีการซักซ้อม มีการเตรียมการ และการทำเอกสารคู่มือการใช้งานที่ชัดเจน</span><br />
<span style="color: #134f5c;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;"><b><i>ชนิดของระบบสารสนเทศ</i></b></span></span><br />
<div style="text-align: center;">
<img height="320" src="http://yuy514722048.exteen.com/images/DSS1.JPG" width="299" /></div>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;">: ระบบจัดทำรายงานสำหรับการจัดการ<br /> ระบบสารสนเทศสำนักงาน<br /> ระบบสนับสนุนการตัดสินใจ<br /> ระบบสนับสนุนผู้บริหาร<br /> ระบบผู้เชี่ยวชาญ<br /> ระบบสารสนเทศทางธุรกิจ<br /> ระบบสารสนเทศ<br /> ระบบประมวลผลรายการ</span><br />
<span style="color: #134f5c;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;"><b><i>เทคโนโลยีสารสนเทศหมายถึง</i></b></span></span><br />
<div>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;">: เทคโนโลยีที่ใช้จัดการสารสนเทศ เป็นเทคโนโลยีที่เกี่ยวข้องตั้งแต่ การเก็บรวบรวมข้อมูล</span><br />
<div>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;">การประมวลผล การแสดงผลลัพธ์ การทำสำเนา และการสื่อสารโทรคมนาคม เพื่อให้ได้สารสนเทศที่<br />เหมาะสมและสามารถนำไปใช้ให้เกิดประโยชน์ได้</span><br />
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;"><b><i><br /></i></b></span>
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;"><b><i>เทคโนโลยีสารสนเทศเพื่อการตัดสินใจมีอยู่ 6 ระดับดังนี้</i></b></span><br />
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;">: 1.) ระบบสารสนเทศที่ใช้สำหรับการสนับสนุนผู้ตัดสินใจทางการบริหารทั้งที่เป็นตัวบุคคลหรือกลุ่ม โดยการตัดสินใจนั้นจะเกี่ยวข้องกับสถานการณ์ที่มีลักษณะเป็นแบบ ไม่มีโครงสร้าง (unstructured situations) โดยจะมีการนำวิจารณญาณของมนุษย์กับข้อมูล จากคอมพิวเตอร์มาใช้ประกอบในการตัดสินใจ<br />2.) ระบบ DSS ช่วยในการตอบสนองความต้องการที่ไม่ได้คาดการณ์มาก่อนโดยผู้ใช้สามารถปรับข้อมูลใน DSS ได้ตลอดเวลาเพื่อจัดการกับเงื่อนไขต่างๆ ที่เปลี่ยนแปลงไป โดยใช้การวิเคราะห์ที่เรียกว่า Sensitivity Analysis<br />3.) ช่วยในการตัดสินใจที่ต้องการความรวดเร็วสูง เพื่อใช้ประกอบในการกำหนดกลยุทธ์ในการแข่งขัน ดังนั้น DSS จึงมีลักษณะการโต้ตอบได้ (interactive)<br />4.) เสนอทางวิเคราะห์ในทางเลือกต่างๆ ในสถานการณ์ที่มีความซับซ้อน<br />5.) จัดการเก็บข้อมูลซึ่งมาจากหลายแหล่งได้ ทั้งภายในและภายนอกหน่วยงาน<br />6.) นำเสนอได้ทั้งรายงานที่เป็นข้อความและกราฟฟิค</span><br />
<span style="color: #134f5c; font-family: Georgia, Times New Roman, serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN8I9hRI6vxIzZ37TH8TfqW0BYxbmnYRpS6sYeX7W4EjTrmSuiGhR8c9AahX_iNqJfMCxoub5uZzkpBc9e2XRfhOYUmafWVga3VtIKpKxIJzyVXik7w2dMBAlTTGBjZmiwC38TYLXjh4E/s1600/109769277.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN8I9hRI6vxIzZ37TH8TfqW0BYxbmnYRpS6sYeX7W4EjTrmSuiGhR8c9AahX_iNqJfMCxoub5uZzkpBc9e2XRfhOYUmafWVga3VtIKpKxIJzyVXik7w2dMBAlTTGBjZmiwC38TYLXjh4E/s1600/109769277.jpg" /></a></div>
<div style="text-align: center;">
<span style="font-family: Georgia, Times New Roman, serif;"><b><i><span style="color: red;"><br /></span></i></b></span></div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.com0tag:blogger.com,1999:blog-2116415282210904378.post-181338778725168702013-06-17T20:20:00.003-07:002013-06-17T20:20:57.760-07:00Get to know about writer<span style="color: #0b5394;">Hello!!!!! everybody </span><br />
<span style="color: #0b5394;"> </span><br />
<span style="color: #0b5394;"> my name's Nat-Anong Mudtham or you can call me Kra tong. Now i'm 17,someone may be known me from Adnium Comics magazine. i'm just one student that have a dream as other, and you can share or chat about your story, dream and everything that you wanna do . </span><br />
<span style="color: #0b5394;"> </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_M2mPE0jMNvkw6hsyziQdhaNmDwbWmjGKxlWQY8a3M7xnE-ClbUJNHnq1JOOg_XrS7hENoBuL9Y11eIqGazE29MpSXKJt_H9roX5uO82Ax7nFnnJcgPcNEfvgla-KJZbKcEjCqls6n18/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_M2mPE0jMNvkw6hsyziQdhaNmDwbWmjGKxlWQY8a3M7xnE-ClbUJNHnq1JOOg_XrS7hENoBuL9Y11eIqGazE29MpSXKJt_H9roX5uO82Ax7nFnnJcgPcNEfvgla-KJZbKcEjCqls6n18/s1600/images.jpg" /></a><b><i><span style="color: #0b5394;">Don't give up before your try and try untill you die </span></i></b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Anonymoushttp://www.blogger.com/profile/09756021273271972855noreply@blogger.com2