หน่วยการเรียนรู้ที่ 17
description
Transcript of หน่วยการเรียนรู้ที่ 17
การจั�ดทำา Web Site เพื่� อเผยแพื่ร�ข่�าวสารข่องสถานศึ�กษา
เป็�นที่��ที่ราบกั�นดี�อยู่��แล้�วว�า อ�นเตอร�เน�ตเป็�น ระบบสื่��อสื่ารที่��กั�าล้�งไดี�ร�บความน�ยู่มกั�นที่��วโล้กั ม�
กัารใช้�อ�นเตอร�เน�ตกั�นอยู่�างแพร�หล้ายู่ในหน�วยู่งาน ราช้กัารแล้ะองค�กัารธุ(รกั�จต�าง ๆ โดียู่เฉพาะ
น�กัเร�ยู่นน�กัศึ-กัษา ดี�วยู่เหต(น�/จ-งที่�าให�หน�วยู่งานต�าง ๆ โดียู่เฉพาะสื่ถานศึ-กัษาต�องพ�ฒนาเว�บไซต� อยู่�าง
หล้�กัเล้��ยู่งไม�ไดี� เราจ-งเห�นเว�บไซต�เกั�ดีขึ้-/นมากัมายู่
ดี�งน�/นกัารสื่ร�างเว�บไซต�ขึ้-/นมาจ-งต�องม�กัารกั�าหนดีเป็4าหมายู่ที่��แน�นอนแล้ะม�กัารพ�ฒนาป็ร�บป็ร(งอยู่��เสื่มอม�ฉะน�/นจะไม�ม�ใครมาใช้�บร�กัาร
ความสาค�ญข่องการจั�ดทำาเว�บไซต์$
ป็5จจ(บ�นสื่ถานศึ-กัษาใดีที่��ม�เว�บไซต�เป็�นขึ้องต�ว เอง กั�จะม�ขึ้�อไดี�เป็ร�ยู่บเหน�อสื่ถานศึ-กัษาอ��น ๆ
เน��องจากัจ(ดีป็ระสื่งค�ขึ้องสื่ถานศึ-กัษาที่(กัแห�งคงจะ เหม�อนกั�นค�อ เป็�นหน�วยู่งานที่��เป็�นแหล้�งความร� � ให�
บร�กัารความร� �ต�อสื่�งคมแล้ะช้(มช้น
ดี�งน�/นกัารจ�ดีที่�าเว�บไซต�ขึ้-/นมาม�ใช้�จะเป็�นป็ระโยู่ช้น�แล้ะช้�วยู่อ�านวยู่ความสื่ะดีวกัเฉพาะสื่ถานศึ-กัษาเที่�าน�/นแต�จะไดี�ป็ระโยู่ช้น�ต�อบ(คคล้ภายู่นอกัดี�วยู่
โปรแกรมช่�วยในการจั�ดทำาเว�บไซต์$
ป็5จจ(บ�น ม�โป็รแกัรมกัารจ�ดีที่�าเว�บไซต�มากัมายู่ให�เราเล้�อกัใช้� ขึ้-/นอยู่��กั�บความถน�ดีขึ้องผู้��สื่ร�างแล้ะความเหมาะสื่มขึ้องโป็รแกัรม ซ-�งกัารสื่ร�างเว�บเพจน�/นสื่ามารถที่�าไดี�ดี�วยู่กั�น 2 แบบค�อ
1. สื่ร�างเว�บเพจดี�วยู่ภาษา HTML 2 . สื่ร�างเว�บเพจดี�วยู่ภาษาโป็รแกัรมสื่�าเร�จร�ป็
สื่ร�างเว�บเพจดี�วยู่ภาษา HTML
Dream weaver เป็�นโป็รแกัรมช้�วยู่สื่ร�างเว�บที่��ดี�โป็รแกัรมหน-�ง เน��องจากัม�ป็ระสื่�ที่ธุ�ภาพ ในกัารที่�างานสื่�ง จ-งเป็�นที่��น�ยู่มในกัล้(�มผู้��จ�ดีที่�าเว�บไซต�ในป็5จจ(บ�น ผู้��พ�ฒนาเว�บไซต�สื่ามารถจ�ดีกัารกั�บเว�บไซต�ไดี�สื่ะดีวกัโดียู่อาศึ�ยู่เคร��องม�อในโป็รแกัรม แล้ะสื่ามารถแกั�ไขึ้แล้ะเขึ้�ยู่นโค�ดี HTML ไดี�เองตามต�องกัาร นอกัจากัน�/ยู่�งม�เที่มเพล้ตที่��ที่�าให�ผู้��พ�ฒนาระบบใช้�โครงสื่ร�างขึ้องหน�าเว�บเป็�นแบบเดี�ยู่วกั�นในที่(กั ๆ หน�าเพ��อความสื่ะดีวกัแล้ะรวดีเร�วในกัารพ�ฒนาเว�บไซต�
สื่ร�างเว�บเพจดี�วยู่ภาษา HTML
Microsoft FrontPage เป็�นโป็รแกัรมช้�วยู่สื่ร�างเว�บที่��เหมาะสื่�าหร�บเว�บไซต�ที่��ม�เน�/อหาเป็�น Microsoft office เป็�นสื่�วนใหญ่� เน��องจากัม�ล้�กัษณะเคร��องม�อแล้ะกัารที่�างานใกัล้�เค�ยู่งกั�บโป็รแกัรม อ��น ๆ ในช้(ดี Office โดียู่ผู้��พ�ฒนาระบบสื่ามารถเป็ล้��ยู่นไฟล้� เอกัสื่ารที่��เป็�น Word Excel Access แล้ะ Power point ให�เป็�น HTML ไดี�โดียู่ง�ายู่โป็รแกัรมน�/เป็�นที่��น�ยู่มสื่�าหร�บผู้��เร��มต�นพ�ฒนาระบบที่��ไม�ม�พ�/นฐานเกั��ยู่วกั�บภาษา HTML มากัน�กั
กัระบวนกัารพ�ฒนาเว�บไซต�เฟสทำ* 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. ด,และและพื่�ฒนาต์�อเน� อง
เฟสทำ* 1 สารวจัป+จัจั�ยสาค�ญ ( Research ) สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ
เป0าหมายหล�กข่องเว�บไซต์$ความต์-องการข่องผ,-ใช่-กลย3ทำธ$ในการแข่�งข่�น
ป+จัจั�ยหล�ก 3 ประการทำ* เป:นพื่�5นฐานในการสารวจั
ข่�5นต์อนทำ* 1 ร,-จั�กต์นเอง
ข่�5นต์อนทำ* 2 เร*ยนร,-ผ,-ใช่- ข่�5นต์อนทำ* 3 สารวจัการแข่�งข่�นและ
ค,�แข่�ง
สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ
แนวทำางการออกแบบเว�บไซต์$ข่อบเข่ต์เน�5อหาการใช่-งานข่-อม,ลทำ* ถ,กจั�ดอย�างเป:นระบบ
เฟสทำ* 2 พื่�ฒนาเน�5อหา ( Site Content )
ป+จัจั�ยหล�ก 2 ประการในการพื่�ฒนาเน�5อหา
ข่�5นต์อนทำ* 4 สร-างกลย3ทำธ$การออกแบบ
ข่�5นต์อนทำ* 5 หาข่-อสร3ปข่อบเข่ต์เน�5อหา
เฟสทำ* 3 พื่�ฒนาโครงสร-างเว�บไซต์$ (Site structure ) สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ
แผนผ�งโครงสร-างข่-อม,ลแนวทำางการทำ�องเว�บระบบเนว7เกช่�น
ป+จัจั�ยหล�ก 3 ประการในการพื่�ฒนาโครงสร-างเว�บไซต์$
ข่�5นต์อนทำ* 6 จั�ดระบบข่-อม,ล
ข่�5นต์อนทำ* 7 จั�ดทำาโครงสร-างข่-อม,ล
ข่�5นต์อนทำ* 8 พื่�ฒนาระบบเนว7เกช่�น
เฟสทำ* 4 ออกแบบและ พื่�ฒนาหน-าเว�บไซต์$ ( Virtual Design )
ล�กษณะหน-าต์าข่องเว�บไซต์$เว�บเพื่จัต์-นแบบในการพื่�ฒนา
ร,ปแบบโครงสร-างข่องเว�บไซต์$
สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ
ข่-อกาหนดในการพื่�ฒนา
ป+จัจั�ยหล�ก 2 ประการในการพื่�ฒนาและออกแบบหน-าเว�บ
ข่�5นต์อนทำ* 9 ออกแบบล�กษณะหน-าต์าเว�บเพื่จั
ข่�5นต์อนทำ* 10 พื่�ฒนาต์-นแบบและโครงสร-างข่�5นส3ดทำ-าย
สื่��งที่��ไดี�จากัขึ้�/นตอนน�/ค�อ
เว�บไซต์$ทำ* สมบ,รณ$เป9ดต์�วเว�บไซต์$และทำาให-เป:นทำ* ร,-จั�ก
แนวทำางการด,แลและพื่�ฒนาต์�อไป
เฟสทำ* 5 พื่�ฒนาและดาเน7นการ ( Production and Operation )
ป+จัจั�ยหล�ก 3 ประการในการพื่�ฒนาและดาเน7นการ
ข่�5นต์อนทำ* 11 ลงม�อพื่�ฒนาเว�บเพื่จั
ข่�5นต์อนทำ* 12 เป9ดต์�วเว�บไซต์$ ข่�5นต์อนทำ* 13 ด,แลและพื่�ฒนาต์�อ
เน� อง
ต์�วอย�างเว�บไซต์$ทำ* น�าสนใจัข่องสถานศึ�กษา Web Site ข่อง msu.ac.th
ต์�วอย�างเว�บไซต์$ทำ* น�าสนใจัข่องสถานศึ�กษา Web Site ข่อง kku.ac.th
ต์�วอย�างเว�บไซต์$ทำ* น�าสนใจัข่องสถานศึ�กษา Web Site ข่อง chula.ac.th