ประสบการณ์ การเผยแพร่สารสนเทศ ... ·...

ชยวฒน นาชมฝายเทคนค ส านกบรรณสารสนเทศ

8 พฤษภาคม 2562ณ หองประชม 1608 -1608/1 อาคารบรหาร ชน 6 มสธ.

ในกจกรรมการสมมนาแลกเปลยนเรยนร

เร อง การจดการเผยแพรสารสนเทศจดหมายเหต

มหาวทยาลยในรปหนงสอ

ประสบการณ

การเผยแพรสารสนเทศจดหมายเหตมหาวทยาลย

ในรปเวบไซต

การเผยแพรสารสนเทศจดหมายเหตมหาวทยาลยบนเวบไซต

เตรยมตวใหพรอมกอนสรางเวบ

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

เผยแพรเวบไซต บนเครอขายอนเตอรเนต ความหมายของค าตางๆ เกยวกบเวบไซต และขนตอนการสรางเวบไซตอยางมออาชพ

เพอใคร

จดเดน&ดอย

ของเวบ

ตนเอง

เพออะไร

จดเดน&ดอย

ของเวบ

ใกลเคยง

เวบไซตเผยแพรทางอนเทอรเนตไดอยางไรการทเวบไซตสามารถเผยแพรผานเครอขายอนเทอรเนต

นนม องคประกอบส าคญ 4 สวน ดงน

เวบเพจ (Webpage) คอ ไฟล HTML ของหนาเวบทสรางขน

บราวเซอร(Browser) คอ โปรแกรมทใชในการเปดไฟล HTML เชน Internet Explorer

หรอ Google Chrome หรอ Mozilla Fire Fox เปนตน

อนเทอรเนต (Internet) คอ เครอขายทใชในการสงผานเวบเพจและขอมลตาง ๆระหวาง เคร องทเชอมตอกนอยในเครอขาย

เวบเซรฟเวอร(Web Server) คอ เครองคอมพวเตอรทตดต งโปรแกรมส าหรบท าหนาท

เกบไฟลของเวบไซตตาง ๆ และใหบรการเมอมการรองขอเพอเปดด

เครอขาย

อนเทอรเนต

เครอขาย


รองขอเวบเพจจากเวบเซรฟเวอร

สงเวบเพจทตองการกลบไปยง Browser

Browser

Browser

เคร องผใช

เคร องผใช

ค าทควรรจกกอนสรางเวบไซต (1)

เวบไซต (Website) คอ ทกสงทกอยางทประกอบกนขนมาเปนเวบ

เวบเพจ (Webpage) คอ ไฟล HTML 1 ไฟลทแสดงผลบนบราวเซอรนนเอง

โฮมเพจ(Homepage) คอ เวบเพจหนาแรกของเวบไซต หรอเปรยบเหมอนหนาปกหนงสอ

URL (Universal Resource

Location) คอ มาตรฐานในการก าหนดทอยของเวบไซตในเครอขายอนเทอรเนต หรอเรยกอกอยางวาทอยของเวบไซต (Internet Address)

บราวเซอร (Browser) คอโปรแกรมทใชแสดงเวบเพจ เปนเสมอนเคร องมอทใชในการแปลภาษา HTML

ค าทควรรจกกอนสรางเวบไซต (2)HTML (Hyper Text Markup

Language) คอ ภาษามา

ตฐานทใชในการสรางเวบ

เพจ เพอน าไปแสดงบน

บราวเซอร FTP (File Transfer Protocol)

คอ โปรโตคอลหรอ

มาตรฐานรปแบบหนงทใช

ในการรบ-สงขอมลระหวาง

เคร องคอมพวเตอรผาน


เวบเซรฟเวอร (Web server)คอ เคร องคอมพวเตอรเคร องหนงในเครอขายอนเทอรเนตท

ท าหนาทเกบรวบรวมเวบไซต ตาง ๆ เอาไว เพอใหผใช สามารถเขามาเปดดเวบไซต นนได

ชอโดเมน (Domain name) คอชอทใชอางถงเวบไซตแทนIP Address เพอใหจดจ าได งาย

รจกรหสโดเมน

รหสโดเมนcom

edu

gov

mil

net

org

co.th

ใชส าหรบกลมการคาและเวบไซตทวไป

สถาบนการศกษา

หนวยงานของรฐทไมใช

หนวยงานทางการทหาร

หนวงงานทางการทหาร

หนวยงานเกยวกบเครอขาย

หนวยงานทไมหวงผลก าไร

บรษททจดทะเบยนใน

ประเทศไทย

ตวอยางPantip.com

Ucla.edu

Nasa.gov

Army.milIsp.net

Unesco.org

Infopress.co.th

ขนตอนในการสรางเวบไซตสรางแผนทเวบไซต

ออกแบบและลงมอสราง

การเผยแพรและประชาสมพนธ

ประเมนผลเวบไซต

การสรางแผนทเวบไซตสรางแผนทของเวบไซต เปนแผนผงของเวบไซตทจะบอกวา

เวบไซตนนจะมทงหมดกหนา การเชอมโยงระหวางแตละหนาเปน

อยางไร ภายในหนานนมรายละเอยดเปนอยางไรบาง ในขนตอนน

ประกอบดวย 2 กจกรรมหลกๆ คอ

ส ารวจความตองการ เพอหา

จดมงหมายในการจดท าเวบไซต โดย

ตองตอบค าถาม 4 ขอคอ “ท าเพอ

อะไร” “ท าเพอใคร” “จดเดนจดดอยของ

เวบใกลเคยง” และ “จดเดนและจดดอย

ของเวบทจะท า”

สราง Site mapคอการเขยนแบบราง

ออกมาวาเวบไซตจะมกหนา การ

เช อมโยงระหวางแตละหนาเปนอยางไร

ขอมลเนอหาของเวบไซต

ขอมลเนอหาส าหรบเวบไซต หลงจากได site map ออกมาเปนทเรยบรอยแลว จะเปนขนตอน

การเตรยมขอมลแตละหนา ทงสวนเนอหา ภาพประกอบ และ

ลกเลนอนๆ เชน เสยง รปเคลอนไหว

สรางสรรคขน

มาเอง

คดเลอกขอมล

จากแหลงอน ๆ

เชน นตยสาร

หนงสอพมพ

หรอเวบไซตอน

การตงชอโดเมนเนมหาชอโดนเมนทคดวาเหมาะสม โดยหลกการทส าคญในการ

ตง

ชอโดเมน คอควรสอถงวตถประสงคของเวบไซต

สะกดและจดจ าไดงาย

ไมซ ากบคนอน

https://library.stou.ac.th/odi/STOUArchive/index.html

https://library.stou.ac.th/wichit/

Sequence –

Chronological, alphabetical, etc.

Grid – Useful for inter-related pages – e.g.

courses, manuals

Hierarchy – Well

understood and often used – e.g.

organisational units

Web – Associative, complex links – e.g.

link internal/ external sites from within a page.

Typically, all these are used in most sites

Site Structuring

หลกการออกแบบเวบ

เพจ• สรางล าดบช นความส าคญขององคประกอบ

– เนนวาอะไรเปนเร องส าคญมาก ส าคญรอง

– จดระเบยบขององคประกอบอยางเหมาะสม

ต าแหนงและล าดบขององคประกอบ

สและความแตกตางของส

ภาพเคลอนไหว

• สรางรปแบบ บคลก และสไตล

• จดแตงเวบเพจใหเปนระเบยบและเรยบงาย

• ให Graphics อยางเหมาะสม

• เขาใจลกษณะการใชงานของเวบเพจ

(ผานจอภาพ หรอ ผานการพมพ)

ออกแบบและลงมอสรางเวบไซต

หลกการออกแบบโฮมเพจ

โฮมเพจทดควรมลกษณะดงตอไปน

แสดงถงภาพรวมและสงทเปนประโยชนในเวบไซต

ดนาสนใจและมลกษณะทสมพนธกบเนอหา

ม linkทสามารถเชอมโยงไปสสวนหลก ๆ ของเวบไซต

แสดงผลไดอยางรวดเรว โดยใชรปภาพ graphics อยางจ ากด

แสดงถงสงทปรบเปลยนใหม

แสดงถงเอกลกษณของเวบไซต ดวยการแสดงชอเวบไซตหรอชอหนวยงาน

ใชองคประกอบทมลกษณะทเหมอนกบในหนาอน ๆ ท าใหผใชร วาก าลงอยในเวบเดยวกน

ออกแบบและลงมอสรางเวบไซต

สถาปตยกรรมเวบไซต(Web Architecture)

การออกแบบเวบเพจใหมความยาวทเหมาะ

การออกแบบเวบเพจส าหรบการพมพ แบงเนอหาทยาวมาก ๆ ออกเปนสวนยอย ๆ

สวนประกอบของหนาเวบเพจ ม 3 สวนหลกๆคอ

สวนหว (Page Header) เปนสวนทส าคญทสด สวนใหญนยมใช วางโลโก ช อเวบไซต ปายก ากบ ลงคทส าคญ และระบบน าทาง

สวนของเนอหา (Page body) แสดงเนอหาภายในเวบเพจนน

สวนทาย (Page Footer) นยมวางระบบน าทางภายในเวบไซท

การออกแบบระบบน าทาง (Navigation)

Navigation Bar

จะประกอบดวยกลมลงคตาง ๆ ทรวมกนอยในบรเวณหนงของเวบอาจใชตวอกษรหรอกราฟกกได Frame Based

จะสามารถแสดงเวบหลาย ๆ หนาในหนาตางเวบบราวเซอรเดยวกน โดยท แตละหนายงเปนอสระตอกนSearch Box

เปนการเตรยมระบบการสบคน (Search) ภายในเวบไซต เหมาะกบเวบทมขอมลปรมาณมาก ๆ

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

สม าเสมอ มการตอบสนอง ทดตอผใช มความพรอมและ

เหมาะสมตอการใชงาน

การเผยแพรเวบไซต (Publish Website)

ประสบการณ์ การเผยแพร่สารสนเทศ ... ·...

Documents