หน่วยการเรียนรู้ที่ 17

20
กกกกกกกกก Web Site กกกกกกกกกกกก กกกกกกกกกกกกกกกกกกก เเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเ เ เเเเเเเเเเเเเเเเ เเเเเเเเ เเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเ เ เเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเ เเเเเเเเเ เเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเ

Upload: sangkom

Post on 08-Jun-2015

1.649 views

Category:

Education


0 download

DESCRIPTION

unit17

TRANSCRIPT

Page 1: หน่วยการเรียนรู้ที่ 17

การจั�ดทำา Web Site เพื่� อเผยแพื่ร�ข่�าวสารข่องสถานศึ�กษา

เป็�นที่��ที่ราบกั�นดี�อยู่��แล้�วว�า อ�นเตอร�เน�ตเป็�น ระบบสื่��อสื่ารที่��กั�าล้�งไดี�ร�บความน�ยู่มกั�นที่��วโล้กั ม�

กัารใช้�อ�นเตอร�เน�ตกั�นอยู่�างแพร�หล้ายู่ในหน�วยู่งาน ราช้กัารแล้ะองค�กัารธุ(รกั�จต�าง ๆ โดียู่เฉพาะ

น�กัเร�ยู่นน�กัศึ-กัษา ดี�วยู่เหต(น�/จ-งที่�าให�หน�วยู่งานต�าง ๆ โดียู่เฉพาะสื่ถานศึ-กัษาต�องพ�ฒนาเว�บไซต� อยู่�าง

หล้�กัเล้��ยู่งไม�ไดี� เราจ-งเห�นเว�บไซต�เกั�ดีขึ้-/นมากัมายู่

ดี�งน�/นกัารสื่ร�างเว�บไซต�ขึ้-/นมาจ-งต�องม�กัารกั�าหนดีเป็4าหมายู่ที่��แน�นอนแล้ะม�กัารพ�ฒนาป็ร�บป็ร(งอยู่��เสื่มอม�ฉะน�/นจะไม�ม�ใครมาใช้�บร�กัาร

Page 2: หน่วยการเรียนรู้ที่ 17

ความสาค�ญข่องการจั�ดทำาเว�บไซต์$

ป็5จจ(บ�นสื่ถานศึ-กัษาใดีที่��ม�เว�บไซต�เป็�นขึ้องต�ว เอง กั�จะม�ขึ้�อไดี�เป็ร�ยู่บเหน�อสื่ถานศึ-กัษาอ��น ๆ

เน��องจากัจ(ดีป็ระสื่งค�ขึ้องสื่ถานศึ-กัษาที่(กัแห�งคงจะ เหม�อนกั�นค�อ เป็�นหน�วยู่งานที่��เป็�นแหล้�งความร� � ให�

บร�กัารความร� �ต�อสื่�งคมแล้ะช้(มช้น

ดี�งน�/นกัารจ�ดีที่�าเว�บไซต�ขึ้-/นมาม�ใช้�จะเป็�นป็ระโยู่ช้น�แล้ะช้�วยู่อ�านวยู่ความสื่ะดีวกัเฉพาะสื่ถานศึ-กัษาเที่�าน�/นแต�จะไดี�ป็ระโยู่ช้น�ต�อบ(คคล้ภายู่นอกัดี�วยู่

Page 3: หน่วยการเรียนรู้ที่ 17

โปรแกรมช่�วยในการจั�ดทำาเว�บไซต์$

ป็5จจ(บ�น ม�โป็รแกัรมกัารจ�ดีที่�าเว�บไซต�มากัมายู่ให�เราเล้�อกัใช้� ขึ้-/นอยู่��กั�บความถน�ดีขึ้องผู้��สื่ร�างแล้ะความเหมาะสื่มขึ้องโป็รแกัรม ซ-�งกัารสื่ร�างเว�บเพจน�/นสื่ามารถที่�าไดี�ดี�วยู่กั�น 2 แบบค�อ

1. สื่ร�างเว�บเพจดี�วยู่ภาษา HTML 2 . สื่ร�างเว�บเพจดี�วยู่ภาษาโป็รแกัรมสื่�าเร�จร�ป็

Page 4: หน่วยการเรียนรู้ที่ 17

สื่ร�างเว�บเพจดี�วยู่ภาษา HTML

Dream weaver เป็�นโป็รแกัรมช้�วยู่สื่ร�างเว�บที่��ดี�โป็รแกัรมหน-�ง เน��องจากัม�ป็ระสื่�ที่ธุ�ภาพ ในกัารที่�างานสื่�ง จ-งเป็�นที่��น�ยู่มในกัล้(�มผู้��จ�ดีที่�าเว�บไซต�ในป็5จจ(บ�น ผู้��พ�ฒนาเว�บไซต�สื่ามารถจ�ดีกัารกั�บเว�บไซต�ไดี�สื่ะดีวกัโดียู่อาศึ�ยู่เคร��องม�อในโป็รแกัรม แล้ะสื่ามารถแกั�ไขึ้แล้ะเขึ้�ยู่นโค�ดี HTML ไดี�เองตามต�องกัาร นอกัจากัน�/ยู่�งม�เที่มเพล้ตที่��ที่�าให�ผู้��พ�ฒนาระบบใช้�โครงสื่ร�างขึ้องหน�าเว�บเป็�นแบบเดี�ยู่วกั�นในที่(กั ๆ หน�าเพ��อความสื่ะดีวกัแล้ะรวดีเร�วในกัารพ�ฒนาเว�บไซต�

Page 5: หน่วยการเรียนรู้ที่ 17

สื่ร�างเว�บเพจดี�วยู่ภาษา HTML

Microsoft FrontPage เป็�นโป็รแกัรมช้�วยู่สื่ร�างเว�บที่��เหมาะสื่�าหร�บเว�บไซต�ที่��ม�เน�/อหาเป็�น Microsoft office เป็�นสื่�วนใหญ่� เน��องจากัม�ล้�กัษณะเคร��องม�อแล้ะกัารที่�างานใกัล้�เค�ยู่งกั�บโป็รแกัรม อ��น ๆ ในช้(ดี Office โดียู่ผู้��พ�ฒนาระบบสื่ามารถเป็ล้��ยู่นไฟล้� เอกัสื่ารที่��เป็�น Word Excel Access แล้ะ Power point ให�เป็�น HTML ไดี�โดียู่ง�ายู่โป็รแกัรมน�/เป็�นที่��น�ยู่มสื่�าหร�บผู้��เร��มต�นพ�ฒนาระบบที่��ไม�ม�พ�/นฐานเกั��ยู่วกั�บภาษา HTML มากัน�กั

Page 6: หน่วยการเรียนรู้ที่ 17

กัระบวนกัารพ�ฒนาเว�บไซต�เฟสทำ* 1 สารวจัป+จัจั�ยสาค�ญ ( Research )

1 ร,-จั�กต์�วเอง -กาหนดเป0าหมายและสารวจัความพื่ร-อม

2 . เร*ยนร,-ผ,-ใช่- - ระบ3กล3�มผ,-ใช่-และศึ�กษาความต์-องการ

3 . ศึ�กษาค,�แข่�ง - สารวจัการแข่�งข่�นและเร*ยนร,ค,�แข่�ง

เฟสทำ* 2 พื่�ฒนาเน�5อหา ( SiteContent )

4 .. สร-างกลย3ทำธการออกแบบ

5 . หาข่-อสร3ปข่องข่อบเข่ต์เน�5อหา

เฟสทำ* 3 พื่�ฒนาโครงสร-างเว�บไซต์$ (Site structure )

6 . จั�ดระบบข่-อม,ล 7 .จั�ดทำาโครงสร-างข่-อม,ล

8 . พื่�ฒนาระบบเนว7เกช่�น

เฟสทำ* 4 ออกแบบและ พื่�ฒนาหน-าเว�บไซต์$ (Virtual Design )

9 . ออกแบบล�กษณะหน-าต์าเว�บเพื่จั 10. พื่�ฒนาเว�บต์-นแบบและข่-อกาหนดส3ดทำ-าย

เฟสทำ* 5 พื่�ฒนาและดาเน7นการ (Production and Operation )

11. ลงม�อพื่�ฒนาเว�บ 12.เป9ดต์�วเว�บไซต์$

13. ด,และและพื่�ฒนาต์�อเน� อง

Page 7: หน่วยการเรียนรู้ที่ 17

เฟสทำ* 1 สารวจัป+จัจั�ยสาค�ญ ( Research ) สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ

เป0าหมายหล�กข่องเว�บไซต์$ความต์-องการข่องผ,-ใช่-กลย3ทำธ$ในการแข่�งข่�น

Page 8: หน่วยการเรียนรู้ที่ 17

ป+จัจั�ยหล�ก 3 ประการทำ* เป:นพื่�5นฐานในการสารวจั

ข่�5นต์อนทำ* 1 ร,-จั�กต์นเอง

ข่�5นต์อนทำ* 2 เร*ยนร,-ผ,-ใช่- ข่�5นต์อนทำ* 3 สารวจัการแข่�งข่�นและ

ค,�แข่�ง

Page 9: หน่วยการเรียนรู้ที่ 17

สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ

แนวทำางการออกแบบเว�บไซต์$ข่อบเข่ต์เน�5อหาการใช่-งานข่-อม,ลทำ* ถ,กจั�ดอย�างเป:นระบบ

เฟสทำ* 2 พื่�ฒนาเน�5อหา ( Site Content )

Page 10: หน่วยการเรียนรู้ที่ 17

ป+จัจั�ยหล�ก 2 ประการในการพื่�ฒนาเน�5อหา

ข่�5นต์อนทำ* 4 สร-างกลย3ทำธ$การออกแบบ

ข่�5นต์อนทำ* 5 หาข่-อสร3ปข่อบเข่ต์เน�5อหา

Page 11: หน่วยการเรียนรู้ที่ 17

เฟสทำ* 3 พื่�ฒนาโครงสร-างเว�บไซต์$ (Site structure ) สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ

แผนผ�งโครงสร-างข่-อม,ลแนวทำางการทำ�องเว�บระบบเนว7เกช่�น

Page 12: หน่วยการเรียนรู้ที่ 17

ป+จัจั�ยหล�ก 3 ประการในการพื่�ฒนาโครงสร-างเว�บไซต์$

ข่�5นต์อนทำ* 6 จั�ดระบบข่-อม,ล

ข่�5นต์อนทำ* 7 จั�ดทำาโครงสร-างข่-อม,ล

ข่�5นต์อนทำ* 8 พื่�ฒนาระบบเนว7เกช่�น

Page 13: หน่วยการเรียนรู้ที่ 17

เฟสทำ* 4 ออกแบบและ พื่�ฒนาหน-าเว�บไซต์$ ( Virtual Design )

ล�กษณะหน-าต์าข่องเว�บไซต์$เว�บเพื่จัต์-นแบบในการพื่�ฒนา

ร,ปแบบโครงสร-างข่องเว�บไซต์$

สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ

ข่-อกาหนดในการพื่�ฒนา

Page 14: หน่วยการเรียนรู้ที่ 17

ป+จัจั�ยหล�ก 2 ประการในการพื่�ฒนาและออกแบบหน-าเว�บ

ข่�5นต์อนทำ* 9 ออกแบบล�กษณะหน-าต์าเว�บเพื่จั

ข่�5นต์อนทำ* 10 พื่�ฒนาต์-นแบบและโครงสร-างข่�5นส3ดทำ-าย

Page 15: หน่วยการเรียนรู้ที่ 17

สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ

เว�บไซต์$ทำ* สมบ,รณ$เป9ดต์�วเว�บไซต์$และทำาให-เป:นทำ* ร,-จั�ก

แนวทำางการด,แลและพื่�ฒนาต์�อไป

เฟสทำ* 5 พื่�ฒนาและดาเน7นการ ( Production and Operation )

Page 16: หน่วยการเรียนรู้ที่ 17

ป+จัจั�ยหล�ก 3 ประการในการพื่�ฒนาและดาเน7นการ

ข่�5นต์อนทำ* 11 ลงม�อพื่�ฒนาเว�บเพื่จั

ข่�5นต์อนทำ* 12 เป9ดต์�วเว�บไซต์$ ข่�5นต์อนทำ* 13 ด,แลและพื่�ฒนาต์�อ

เน� อง

Page 17: หน่วยการเรียนรู้ที่ 17

ต์�วอย�างเว�บไซต์$ทำ* น�าสนใจัข่องสถานศึ�กษา Web Site ข่อง msu.ac.th

Page 18: หน่วยการเรียนรู้ที่ 17

ต์�วอย�างเว�บไซต์$ทำ* น�าสนใจัข่องสถานศึ�กษา Web Site ข่อง kku.ac.th

Page 19: หน่วยการเรียนรู้ที่ 17

ต์�วอย�างเว�บไซต์$ทำ* น�าสนใจัข่องสถานศึ�กษา Web Site ข่อง chula.ac.th

Page 20: หน่วยการเรียนรู้ที่ 17