Transcript การออกแบบ การจัดทา และการบริหาร เว็บไซต ์ ศุกรที ์ ่ 20 กันยายน 2556 08.00 – 12.00น. สอนเขียนเว็บเพจดวย MS Word ้ http://www.thaiall.com/office/wordpage/slides.pptx ผศ.บุรน ิ ทร ์ รุจจนพันธุ ์ http://www.thaiall.com/html/website49.ppt 22 สิ งหาคม 2556 http://www.thaiall.com/html [email protected] Mobile.08-1992-7223 Page: 1

การออกแบบ การจัดทา และการบริหารเว็บไซต ์
ศุกร ์ที่ 20 กันยายน 2556
08.00 – 12.00น.
สอนเขียนเว็บเพจด ้วย MS Word
http://www.thaiall.com/office/wordpage/slides.pptx
ผศ.บุรน
ิ ทร ์ รุจจนพันธุ ์
http://www.thaiall.com/html/website49.ppt
22 สิงหาคม 2556
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 1
FAQs
1. การมีเว็บไซต ์เป็ นของตนเอง จะเสีย
ค่าใช้จา
่ ยเท่าไร
่
่ คนเข้ามาก
2. เว็บไซต ์ของไทยชืออะไร
ทีมี
่ ด
ทีสุ
่ คนเข้ามาก
3. เว็บไซต ์ในกลุ่มการศึกษาทีมี
่ ด เข้าวันละเท่าใด
ทีสุ
4. การประชาสัมพันธ ์เว็บไซต ์ของเราให้ใคร
ๆ รู ้จักต้องทาอย่างไร
่
่ เขียนเว็บเพจ หรือ
5. เครืองมื
ออะไรทีใช้
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 2
อินเทอร ์เน็ ตคืออะไร
่ ดจากเครือข่ายเล็ก ๆ มากมาย รวม
คือ เครือข่ายนานาชาติ ทีเกิ
้
เป็ นเครือข่ายเดียวกันทังโลก
่
่ อมโยงก
่
้
คือ เครือข่ายสือสาร
ซึงเชื
ันระหว่างคอมพิวเตอร ์ทังหมด
ที่
ต ้องการเข ้ามาในเครือข่าย
่
อกันระหว่างเครือข่าย
คือ การเชือมต่
คือิ
อนเครื
อข่์เน็
ายของเครื
อข่Internet)
าย (A network of network)
เทอร
ต (อ ังกฤษ:
หมายถึง เครือข่ายคอมพิวเตอรhttp://www.thaiall.com/article/internet.htm
์ขนาด
่ อระหว่างเครือข่ายhttp://en.wikipedia.org/wiki/Internet
ใหญ่ทมี
ี ่ การเชือมต่
่
่ ้
หลายๆ เครือข่ายทัวโลก
โดยใช ้ภาษาทีใช
่
่ ยกว่า
สือสารกั
นระหว่างคอมพิวเตอร ์ทีเรี
โพรโทคอล (Protocol) ผูใ้ ช ้เครือข่ายนี ้
่
สามารถสือสารถึ
งกันได ้ในหลายทาง
อาทิ อีเมล เว็บบอร ์ด สามารถสื
บค ้น
http://www.thaiall.com/html
[email protected]
Mobile.08-1992-7223 Page: 3
ประโยชน์ของอินเทอร ์เน็ ต
่
1. การติดต่อสือสาร
(Communication)
2. ความบันเทิง
(Entertainment)
3. ธุรกิจการพาณิ ชย ์
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 4
ความหมายของเว็บไซต ์
1. เว็บไซต ์ (Website) มีโดเมนเนม
(Domain Name)
เช่น http://www.lampang.net
2. เว็บเพจ (Webpage)
เช่น http://www.thaiall.com/article/dotcom.htm
3. โฮมเพจ (Homepage)
เช่น
http://www.nation.ac.th/exmba
http://exmba.nation.ac.th
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 5
่
มีเว็บไซต ์เพืออะไร
สาหร ับหน่ วยงานทางราชการ ...
… ช่องทางเผยแพร่ขอ
้ มู ล สู ่
สาธารณชน
่
...
ช่
อ
งทางสื
อสาร
เช่น ส่ง หรือร ับ
เช่น
ข่
า
วสาร
่
- ข้อมู ลเกียวกับหน่ วยงาน บุคลากร
่
ผู เ้ กียวข้
อง
่ ร ับเรืองร
่ ้องเรียน
- กระดานข่าว สมุดเยียม
สายตรง
่ นประโยชน์ เช่น การปฐม
- ข้อมู ลทีเป็
้ น
พยาบาลเบืองต้
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 6
ความจาเป็ นของส่วนราชการ
ข ้อมูลเพจวิวจาก TRUEHITS.NET
(สิงหาคม 2549)
http://truehits.net/index/html/sec_indices.html
1. บันเทิง (41.79 %)
10. คอมพิวเตอร ์ (2.52
%)
2. ข่าว-สือ่ (8.27 %)
3. ช ๊อปปิ ้ ง (6.69 %)
11. การศึกษา (2.40 %)
4. บุคคล-สังคม (6.06
12. หน่ วยงานราชการ
%)
(2.21 %)
5. อินเทอร ์เน็ ต (5.23
13. ธนาคาร-การเงิน
%)
(1.98 %)
6. ธุรกิจ (5.07 %)
14. มือถือ-พีดเี อ (1.92
7. เกมส ์ (3.79 %)
%)
่ (1.91 %)
8. ยานยนต ์ (2.94 %)
15. ท่องเทียว
9. บันเทิงสาหร ับผู
ใ้ หญ่
16. กีฬMobile.08-1992-7223
า (1.88 %) Page: 7
http://www.thaiall.com/html
[email protected]
รูปแบบของเว็บไซต ์ (1/5)
ตัวอย่างเช่น pantip.com หรือ google.com
รูปแบบ
1. ส่วนหัว
2. ส่วนกลาง
3. ส่วนท ้าย
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 8
รูปแบบของเว็บไซต ์ (2/5)
ตัวอย่างเช่น sanook.com หรือ manager.co.th
รูปแบบ
1. ส่วนหัว
2. เมนู ทส่
ี่ วนหัว
3. ส่วนซ ้าย
4. ส่วนกลาง
5. ส่วนขวา
6. ส่วนท ้าย
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 9
รูปแบบของเว็บไซต ์ (3/5)
ตัวอย่างเช่น gotoknow.org หรือกลุม่ BLOG
(Wordpress)
http://www.thaiall.com/html
รูปแบบ
1. ส่วนหัว
2. ส่วนกลาง
3. ส่วนขวา
4. ส่วนท ้าย
[email protected] Mobile.08-1992-7223 Page: 10
รูปแบบของเว็บไซต ์ (4/5)
ตัวอย่าง เช่น facebook profile
รูปแบบ
1. ส่วนหัว
2. ส่วนซ ้าย
3. ส่วนกลาง
4. ส่วนโฆษณา
5. ส่วนท ้าย
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 11
รูปแบบของเว็บไซต ์ (5/5)
ตัวอย่างเช่น baylor.edu bu.ac.th
chula.ac.th
รูปแบบ
1. ส่วนหัว
2. ส่วนสไลด ์
้
3. ส่วนเนื อหา
4. ส่วนขวา
5. ส่วนตัวเลือกท ้าย
6. ส่วนท ้าย
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 12
องค ์ประกอบของเว็บไซต ์
1. Logo &
Policy
2. News &
Event
3. Product &
Service
4. Information
5. Contact Us
http://www.thaiall.com/html
7. Site Map & Map
8. Last Update
9. Webboard &
Guest Book
10. Counter & Stat
11. Link
12. Document
Download
[email protected] Mobile.08-1992-7223 Page: 13
้
จดโดเมน และเว็บโฮสติง
THNIC.CO.TH
856 บาท/ปี (Starter =
3,852 บาท/ปี )
PHITSANULOKS.COM 650 - 2500 บาท/ปี
GODADDY.COM
- Domain Name $10
เช่น Lampang.net
่ ม
ข ้อมูลเพิมเติ
- WebHosting $40 เช่น
่
-ThaiABC.com
บริษท
ั ของคนไทย 99% ร ับค่านายหน้าเกียวกั
บการ
จดโดเมน
- WebHosting ในไทย เลิกกิจการเพราะรายได ้ไม่คุม้
มีหลายราย
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 14
การประชาสัมพันธ ์เว็บไซต ์
่
1. ส่งหนังสือขอความร่วมมือเชือมโยง
เว็บไซต ์
2. Post in Webboard, Blog, Social
Media
3. นามบัตร และ Sticker หลังรถ
4. ลงวารสาร หนังสือพิมพ ์ และวิทยุ
่ ชอโดเมนเนมของ
5. ใช ้อีเมลทีมี
ื่
หน่ วยงาน
่ ยวข
่
6. แลกลิงค ์กับหน่ วยงานทีเกี
้อง
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 15
ซอฟท ์แวร ์สาหร ับติดตังเครือง
บริการ
1. APACHE หรือ IIS
บริการ .html ผ่าน
www
2. PHP, ASP, ASP.NET, JSP
่
บริ
ก
าร
เชื
อมต่
อ
3. MySQL, MariaDB หรือ
ฐานข ้อมูล
SQL
บริการ เก็บข ้อมูล
แนะนา
http://www.thaiabc.com
http://www.apachefriends.org/en/xampp-windows.html
http://www.appservnetwork.com
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 16
่
ภาษา และเครืองมือ
ภาษา
1.
HTML
2. PHP
3.
ASP.NET
4. JAVA
5. JSP
่ อ
เครืองมื
1.
Dreamweav
er
2. Notepad
3. Word
4. Flash
5.
http://www.thaiall.com/html
ระบบ CMS
1. Mambo
2. JoomLa
3. PHPNuke
4.
Wordpress
5. Moodle
6.
[email protected] Mobile.08-1992-7223 Page: 17
่
ตรวจสอบเครืองบริการ
่
netstat - แสดง Port และการเชือมต่
อ
่ กเปิ ด
na
ทีถู
ipconfig แสดงหมายเลข IP ของ
/all
ตนเอง
่ ก Start
net start แสดง Service ทีถู
แล ้ว
net
่
่
share
แสดงรายชื
อ
Folder
ที
ถู
ก
Speedtest.n
Share
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 18
แนะนาเว็บไซต ์
http://www.wikipedia.org
http://www.gotoknow.org
http://www.google.com
http://www.truehits.net
http://www.thaiall.com
http://www.thainame.net
http://www.thaiabc.com
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 19
End of Presentation
http://www.thaiall.com/html
http://www.thaiabc.com
http://www.thainame.net
http://www.lovelampang.com
http://www.lampang.net
http://www.nation.ac.th
http://www.thaiall.com/html
[email protected] Mobile.08-1992-7223 Page: 20