8

Click here to load reader

07 ใบเนื้อหา หน่วยที่ 2

Embed Size (px)

Citation preview

Page 1: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท :

หนวยท 2 หลกเรมตนการใชงานโปรแกรม

สาระการเรยนร 2.1 ความรพนฐานเกยวกบอนเทอรเนต 2.2 กระบวนการพฒนาเวบไซต 2.3 หลกการออกแบบเวบไซต

วตถประสงคเชงพฤตกรรม 2.1 บอกลกษณะทวไปเกยวกบอนเตอรเนตได 2.2 อธบายกระบวนการพฒนาเวบไซตได 2.3 บอกหลกการออกแบบเวบไซตได

Page 2: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท : ในยคเรมตนทคอมพวเตอรเกดขนใหมๆนน การใชงานยงจ ากดอยในวงแคบ เนนการใชงานเฉพาะเครองเดยวๆ ไมม การเชอมตอคอมพวเตอรเขาดวยกน การยายขอมลจากเครองหนงไปใชงานกบอกเครองหนงท าไดโดยใชแผนบนทกหรอหนวยบนทกขอมลแลวน าไปใชกบอกเครอง ตอมาไดมแนวคดทจะเชอมโยงคอมพวเตอรหลายๆ เครองเขาดวยกนเพอใหสามารถรบสงขอมลซงกนและกนได เ รยกวา เครอขายคอมพวเตอร หรอ คอมพวเตอรเนตเวรค(Computer Network)หมายถง การเชอมโยงคอมพวเตอรหลายๆ เครองหรอตงแต 2 เครองขนไปเขาดวยกนผานตวกลาง เชน สายเคเบล เพอใหคอมพวเตอรแตละเครองสามารถรบสงขอมลตลอดจนการน าทรพยากรมาใชรวมกนได ในระยะแรกระบบเครอขายคอมพวเตอรจะเปนเครอขายเลกๆ ภายในหนวยงานเดยวกน หรออาณาเขตไมไกลกนมากนก เชน ภายในบรษทเดยวกน ชวยใหแตละแผนกสามารถแบงปนขอมลและท างานรวมกนไดสะดวกมากยงขน ตอมาไดน าเอาระบบยอยของแตละหนวยงานเชอมโยงเขาเปนเครอขายเดยวกน ท าใหระบบเครอขายคอมพวเตอรขยายวงกวางออกไปเปนเครอขายระหวางเมองและในทสดกไดขยายครอบคลมไปทวทงโลกอยางในปจจบน อนเทอรเนต (Internet) เปนเครอขายคอมพวเตอรสาธารณะทใหญทสดในโลกซงรวมเอาเครอขายย อยเปนจ านวนมากตอเชอมเขาดวยกนภายใตมาตรฐานเดยวกนจนเปนเครอขายคอมพวเตอรขนาดใหญ มาตรฐานของเครอขายอนเทอรเนตประกอบดวย 3 มาตรฐาน คอ อนเทอรเนต โปรโตคอล( Internet Protocal – IP) ซมเปล เมล ทรานซเฟอร โปรโตคอล(Simple Mail Transfer Protocal – SMTP) และโดเมน เนม ซสเตม(Domain Name System-DNS) ดวยมาตรฐานดงกลาวท าใหคอมพวเตอรทวโลกสามารถเชอมโยงเปนเครอขายเดยวกนไดและเปนแพลตฟอรม(Platform) ของเวลด ไวด เวบ (world Wide Web – WWW) อนเตอรเนตก าเนดขนในป พ .ศ . 2512 โดยองคกรทางทหารของสหรฐอเมรกาชอ U.S. Defense Department ซงมวตถประสงคเพอใหเครอขายมความมนคง ไมเสยหาย แมสวนใดสวนหนงของระบบเครอขายถกท าลาย เครอขายไดรบการพฒนาขนใชชอวา อารพาเนต(ARPAnet)ยอมาจาก Advance Research Project Agency ไดชอวาเปนตนก าเนดของอนเทอรเนต อนเทอรเนตมพนฐานบรการทหลากหลาย เชน การรบสงอเมล(E-mail) การรบสงแฟมขอมล(FTP)การคนหาขาวสารหรอขอมล(Gopher)และการสนทนา(Chat)เปนตน ดวยบรการทหลากหลายดงกลาวท าใหอนเทอรเนตไดรบความนยมมากและแพรกระจายไปทวโลกอยางรวดเรว

2.1 ความรพนฐานเกยวกบอนเทอรเนต

Page 3: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท : 2.1.1 ลกษณะของ เวลด ไวด เวบ(world Wide Web – WWW) เวลด ไวด เวบ (WWW) มลกษณะเปนระบบเครอขายสอสารทโยงใยไปทวโลก ใหบรการการสอสารขอมลบอนเตอรเนตหลายรปแบบ ทงขอมลขาวสาร ภาพกราฟก และระบบมลตมเดย รวมทงความสามารถในการโตตอบระหวางผใหบรการได เวลดไวดเวบสามารถท างานไดในเครองคอมพวเตอรและโปรแกรมระบบปฏบตการ(Operating System) ทกชนด(Cross Platform) ขอมลขาวสารทงหมดของเวลดไวลเวบจะกระจายเกบอยในศนยอนเตอรเนตตางทวโลกและมการปรบปรงใหทนสมยอยตลอดเวลา ลกษณะการน าเสนอขอมลบนเวบจะเปน Graphic User Interface คอใชรปภาพเปนตวเชอมตอสอสารกบผใช ท าใหสะดวกตอการใชงานเปนอยางมาก หลกการท างานของเวบประกอบดวย 2 สวน คอ สวนทเปนเครองสงขอมล เรยกวา เครองใหบรการ หรอเซรฟเวอร(Server)และสวนทเปนเครองรบขอมล หรอไคลแอนด(Client)โดยทเมอสรางเวบไซตเสรจแลวกน าเวบไซตไปบนทกไวทเครองใหบรการ เมอผใชตองการอานขอมลกตอเชอมเขาสระบบและดาวนโหลดขอมลมาไวในเครองรบขอมลหรอคอมพวเตอรไคลแอนด 2.1.2 เวบเพจ(Webpage) เวบไซต(Web Site) หมายถง เวบเพจหลายๆมารวมกน และระบทอยในอนเทอรเนตหรอยอารแอล เวบเพจ(Web Page) คอ หนาเอกสารเวบทสรางขนดวยภาษา HTML(Hypertext Markup Language)ซงโปรแกรม เบราเซอรจะท าหนาทแปลภาษา HTML ออกมาเปนหนาเอกสารทางจอภาพคอมพวเตอร เวบเพจอาจจะประกอบดวยขอความ ภาพกราฟก หรอภาพเคลอนไหวอาจมเสยงประกอบดวยกได ท าใหดงดดความสนใจ และท าใหเวลด ไวด เวบ ไดรบความนยมเปนอยางมากในปจจบน เวบเพจแตละหนาจะถกระบดวยทอยของเวบเพจทเรยกวา URL(Uniform ResourceLocator) นนเอง และในเวบเพจ ยงม จดเชอมโยง(Links) หรอ ไฮเปอรลงก(Hyperlink) ทเปนขอความหรอภาพทใหคลกเมาสเพอเชอมโยง ไปยงทอยของ เวบเพจอนๆ ดวยการระบดวย URL ตวอยาง URL : http://www.klvschool.com/main.html

Page 4: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท : 2.1.3 โดเมนเนม(Domain Name) การเชอมตออนเทอรเนตจะตองก าหนดทอย(address)ของผใชงาน เรยกวา ไอพแอดเดรส(IP address) เพอนใชในการอางต าแหนงทอยของเครองคอมพวเตอรแตละเครอง เชน 158.108.2.71 เปนตน ไอพแอดเดรสเปนระบบตวเลขท าใหจ าไดยากและไมสอความหมายในระบบอนเทอรเนต จงไดมการตงชอใหมใหเกดความสะดวกตอการใชงานเรยกวา ระบบโดเมนเนม หรอดเอนเอส(DNS-Domain Name System) เปนระบบทแปลงตวเลขไอพแอดเดรสใหเปนชอทอานและเขาใจงายและสอดคลองกบหนวยงานหรอองคกรนนๆ 2.1.4 เวบ เบราวเซอร(Web Browser) เวบเบราวเซอร (web browser) เบราวเซอร หรอ โปรแกรมดเวบ คอโปรแกรมคอมพวเตอร ทผใชสามารถดขอมลและโตตอบกบขอมลสารสนเทศทจดเกบในหนาเวบทสรางดวยภาษาเฉพาะ เชน ภาษาเอชทเอมแอล (html) ทจดเกบไวทระบบบรการเวบหรอเวบเซรฟเวอร หรอระบบคลงขอมลอน ๆ โดยโปรแกรมคนดเวบเปรยบเสมอนเครองมอในการตดตอกบเครอขายคอมพวเตอรขนาดใหญทเรยกวาเวลดไวดเวบ โดยม เวบเบราวเซอร (web browser) ทเปนทนยมอยางแพรหลาย เชน Internet Explorer, Mozilla Firefox, Google Chrome, Safari เปนตน

2.1.5 ภาษาเอชทเอมแอล(HTML) ภาษาเอชทเอมแอล(HTML) ยอมาจากค าวา Hypertext Markp Language เปนภาษาทใชส าหรบสรางเวบเพจ โดยจะไดรบการแปลหรอแสดงผลโดยเวบ เบราวเซอร ซงสามารถแสดงไดทง ขอความ ภาพ เสยง และภาพเคลอนไหว รปแบบโครงสรางภาษา HTML ประกอบดวย สวนเรมตนของค าสง เรยกวา Tag เปดและสวนจบของค าสง เรยกวา Tag ปด โดย Tag ปด จะมเครองหมาย Slash(/)

ภาษา HTML แสดงผลดวยเวบเบราวเซอร

ภาษา HTML จงมโครงสรางทงาย เหมาะส าหรบผเรมตนสรางเวบเพจ และใชงานรวมกบโปรแกรมสรางเวบเพจอนๆ เพอท าใหเวบเพจสวยงามและมประสทธภาพมากยงขน

Page 5: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท :

การทจะสรางพฒนาเวบเพจและน าเวบไซตเขาสระบบเวลด ไวด เวบ ใหคนอนเขามาเยยมชมไดนน มกระบวนการ ทผพฒนาเวบไซตจะตองศกษาและปฏบตตาม ดงน 2.2.1 การวางแผนการท างาน การสรางเวบไซตกเหมอนกนจ าเปนตองมการวางแผนการท างานใหรอบดานกอนทจะเรมลงมอท า โดยมหลกทตองก าหนดในการวางแผน ดงน 1. ระยะเวลาการท างาน เปนการก าหนดชวงเวลาทจะใชในการสรางเวบ 2. ทมงานหรอผรวมงาน ปกตการสรางเวบตองท างานเปนทม อยางนอยตองมผเชยวชาญ 3 ฝาย คอ ผเชยวชาญดาน ภาษา HTML หรอโปรแกรมสรางเวบเพจ ผเชยวชาญดานการออกแบบและตกแตงภาพและผเชยวชาญดานเนอหา หรอบรรณาธการ 3. งบประมาณ เปนการก าหนดคาใชจาย 4. อปกรณหรอเครองมอชวยงาน เชน เครองคอมพวเตอร เครองสแกนเนอรและรปภาพประกอบ เปนตน 5. ปญหาและอปสรรค 2.2.2 การรวบรวมและวเคราะหโครงสราง เปนขนตอนหนงทตอจากการวางแผน เปนการแผนงานไปปฏบต โดยการรวบรวมขอมลทจ าเปนตองใชในการสรางเวบ ตามหวขอทเลอกไว ทงเนอหา ภาพ เสยงและภาพเคลอนไหว เกบรวบรวมเปนไฟลขอมล หรอใสแฟมแยกเปนหมวดหม เพอความสะดวกในการน ามาใชงาน 2.2.3 การออกแบบและการสรางเวบไซต เปนขนตอนการน าขอมลทงหมดมาสรางเปนเวบไซตดวยภาษา HTML หรอเครองมอในการสรางเวบอนๆ หลกส าคญในการออกแบบและสรางเวบ คอ 1. ก าหนดจดประสงคเวบไซต โดยวางเปาหมายของผเขาชมวาจะเปนกลมใด 2. เลอกเวบเบราวเซอร เปนการเลอกเวบเบราวเซอรทใชแสดงผลเวบไซต จะไดก าหนดขนาดกวาง ยาว และลกษณะ การวางองคประกอบเวบใหสวยงามและแสดงผลไดเรว 3. วางโครงรางของเวบไซต ก าหนดโครงรางวามทงหมดกเวบเพจ แตละเวบเพจมเนอหาอะไรบาง ควรเขยนเปนแผนผง เวบไซตออกมาบนกระดาษ 4. ออกแบบหนาตาเวบ เปนขนตอนในการลงมอสรางเวบเพจแตละหนาตามทไดออกแบบไว พรอมกบทดสอบผานเวบ เบราวเซอร (แบบ Offline) 2.2.4 ทดสอบและปรบปรงเวบไซต การทดสอบแบบออฟไลน โดยทยงไมไดน าเวบไซตเขาสอนเทอรเนต แตกสามารถแสดงผลไดเหมอนจรงผานเวบเบราวเซอร เชน IE เพอตรวจสอบตวอยางเวบทสรางไว เชน ขนาดตวอกษร ขนาดภาพ การใชส ตาราง ฯลฯ วาเหมาะสมหรอไม พรอมกบการปรบปรงจนเปนทนาพอใจ 2.2.5 เผยแพรผานเวบไซต เปนการเผยแพรใหคนทวไปไดรจก หรอเรยกวาการอพโหลด (Upload) โดยเจาของเวบจะตองจดทะเบยนโดเมนเนม และเชาพนทโฮสต กสามารถน าเวบเพจอพโหลดขนสอนเทอรเนต และประชาสมพนธใหคนทวไปไดรจก การทจะท าใหคนรบร และเขามาใชบรการเวบไซตไดมากนนจะตองมการประชาสมพนธอยางตอเนองและใชเวลาพอสมควร และถาจะใหดควรมเคานเตอร (Counter) หรอตวจดสถตผเขาชม กจะชวยใหประเมนไดวาเวบไซตของเราไดรบความสนใจมากนอยเพยงใด

2.2 กระบวนการพฒนาเวบไซต

Page 6: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท : 2.2.6 การพฒนาเวบไซต เปนการปรบปรงเนอหา ภาพประกอบหรออพเดท (Update) เวบไซต ถอเปนขนตอนส าคญเพราะในโลกของอนเทอรเนต มการเปลยนแปลงอยางรวดเรวอยตลอดเวลา ผชมเวบมกจะใชเวลาในการคนหาและเปดผานเวบไซตตางๆ อยางรวดเรวหากพบวาเวบไซตของเราไมไดเปลยนแปลงหรอมขอมลใหมๆ เพมขนเลย ผเขาชมเวบกจะลดจ านวนลงไปเรอยๆ จนกลายเปนเวบทไมมผคนเขามาเลยหรอเปนเวบทตายแลว ดงนนการปรบปรงเวบไซตอยเสมออาจจะวนละครง หรอสปดาหละครง โดยเพมขอมล ขาวสารใหมๆ อยเปนประจ ากจะท าใหเวบไซตทนสมย ผคนเขาชมเปนประจ าและมากขนจนพฒนาเปนเวบไซตยอดนยมไดในทสด การออกแบบเวบไซตเปนการวางโครงสรางทงหมดของเวบไซต วาแตละหนาจะประกอบดวยเนอหาอะไรบาง มภาพประกอบ ตาราง ฯลฯ ตลอดจนการเชอมโยงเวบเพจแตละหนาเขาดวยกน 2.3.1 รปแบบโครงสรางเวบไซต การออกแบบโครงสรางเวบไซต สามารถท าไดหลายแบบ ขนอยกบลกษณะของขอมล ความชอบของผออกแบบ ตลอดจนกลมเปาหมายทตองการน าเสนอ โครงสรางของเวบไซตประกอบไปดวย 4 รปแบบใหญๆ ไดดงน 1. เวบทมโครงสรางแบบเรยงล าดบ (Sequential Structure) เปนโครงสรางแบบทนยมใชกนมากทสดเนองจากงายตอการจดระบบขอมล ขอมลทนยมจดดวยโครงสรางแบบนมกเปนขอมล ทมลกษณะเปนเรองราวตามล าดบของเวลา เชน การเรยงล าดบตามตวอกษร ดรรชน สารานกรม หรออภธานศพท โครงสรางแบบน เหมาะกบเวบไซตทมขนาดเลก เนอหาไมซบซอนใชการลงก (Link) ไปทละหนา ทศทางของการเขาสเนอหา (Navigation) ภายในเวบจะเปนการด าเนนเรองในลกษณะเสนตรง โดยม ปมเดนหนา-ถอยหลงเปนเครองมอหลกในการก าหนดทศทาง ขอเสยของโครงสรางระบบนคอ ผใชไมสามารถก าหนดทศทางการเขาสเนอหาของตนเองได ท าใหเสยเวลาเขาสเนอ

2. เวบทมโครงสรางแบบล าดบขน (Hierarchical Structure) เปนวธทดทสดวธหนงในการจดระบบโครงสรางทมความซบซอนของขอมล โดยแบงเนอหา ออกเปนสวนตางๆ และมรายละเอยดยอยๆ ในแตละสวนลดหลนกนมาในลกษณะแนวคดเดยวกบ แผนภมองคกร จงเปนการงายตอการท าความเขาใจกบโครงสรางของเนอหาในเวบลกษณะน ลกษณะเดนเฉพาะของ เวบประเภทนคอการมจดเรมตนทจดรวมจดเดยว นนคอ โฮมเพจ (Homepage) และเชอมโยงไปสเนอหา ในลกษณะเปนล าดบจากบนลงลาง

2.3 หลกการออกแบบเวบไซต

Page 7: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท :

เวบทมโครสรางประเภทน จดเปนอกรปแบบหนงทงายตอการใชงาน ซงรปแบบโครงสราง คลายกบตนไมตนหนงทมการแตกกงออกไปเปน กงใหญ กงเลก ใบไม ดอก และผล เปนตน ขอดของโครงสรางรปแบบนกคอ งายตอการแยกแยะเนอหาของผใชและจดระบบขอมล ของผออกแบบ นอกจากนสามารถดแลและปรบปรงแกไขไดงายเนองจากมการแบงเปนหมวดหม ทชดเจน สวนขอเสยคอในสวนของการออกแบบโครงสรางตองระวงอยาใหโครงสรางทไมสมดล นนคอ มลกษณะทลกเกนไป หรอตนเกนไป โครงสรางทลกเกนไปเปนลกษณะ ของโครงสรางทเนอหาในแตละสวนมากเกนไปท าใหผใชตองเสยเวลานานในการเขาสเนอหาทตองการ เพราะตองคลกปมหนาตอไป (Next) หลายครง 3. เวบทมโครงสรางแบบตาราง (Grid Structure) โครงสรางรปแบบนมความซบซอนมากกวารปแบบทผานมา การออกแบบเพมความยดหยน ใหแกการเขาสเนอหาของผใช โดยเพมการเชอมโยงซงกนและกนระหวางเนอหาแตละสวน เหมาะแก การแสดงใหเหนความสมพนธกนของเนอหา การเขาสเนอหาของผใชจะไมเปนลกษณะเชงเสนตรง เนองจากผใชสามารถเปลยนทศทางการเขาสเนอหาของตนเองได เชน ในการศกษาขอมลประวตศาสตร สมยสโขทย อยธยา ธนบร และรตนโกสนทร โดยในแตละสมยแบงเปนหวขอยอยเหมอนกนคอ การปกครอง ศาสนา วฒนธรรม และภาษา ในขณะทผใชก าลงศกษาขอมลทางประวตศาสตรเกยวกบ การปกครองในสมยอยธยา ผใชอาจศกษาหวขอศาสนาเปนหวขอตอไปกได หรอจะขามไปดหวขอ การปกครองในสมยรตนโกสนทรกอนกไดเพอเปรยบเทยบลกษณะขอมลทเกดขนคนละสมยกน

ในการจดระบบโครงสรางแบบน เนอหาทน ามาใชแตละสวนควรมลกษณะทเหมอนกน และ สามารถใชรปแบบรวมกน หลกการออกแบบคอน าหวขอทงหมดมาบรรจลงในทเดยวกนซงโดยทวไป จะเปนหนาแผนภาพ (Map Page) ทแสดงในลกษณะเดยวกบโครงสรางของเวบ เมอผใชคลกเลอก หวขอใด กจะเขาไปสหนาเนอหา (Topic Page) ทแสดงรายละเอยดของหวขอนนๆ และภายในหนานน กจะมการเชอมโยงไปยงหนารายละเอยดของหวขออนทเปนเรองเดยวกน นอกจากนยงสามารถน า โครงสรางแบบเรยงล าดบและแบบล าดบขนมาใชรวมกนไดอกดวย ถงแมโครงสรางแบบน อาจจะสรางความยงยากในการเขาใจได และอาจเกดปญหาการคงคาง ของหวขอ (Cognitive Overhead) ได แตจะเปนประโยชนทสดเมอผใชไดเขาใจถงความสมพนธ ระหวางเนอหา ในสวนของการออกแบบจ าเปนจะตองมการวางแผนทด เนองจากมการเชอมโยงทเกดขน ไดหลายทศทาง นอกจากนการปรบปรงแกไขอาจเกดความยงยากเมอตองเพมเนอหาในภายหลง 4. เวบทมโครงสรางแบบใยแมงมม (Web Structure) โครงสรางประเภทนจะมความยดหยนมากทสด ทกหนาในเวบสามารถจะเชอมโยงไปถงกน ไดหมด เปนการสรางรปแบบการเขาสเนอหาทเปนอสระ ผใชสามารถก าหนดวธการเขาสเนอหาไดดวย ตนเอง การเชอมโยงเนอหาแตละหนาอาศยการโยงใยขอความทมมโนทศน (Concept) เหมอนกน ของแตละหนาในลกษณะของไฮเปอรเทกซหรอไฮเปอรมเดย โครงสรางลกษณะนจดเปนรปแบบท ไมมโครงสรางทแนนนอนตายตว (Unstructured) นอกจากนการเชอมโยงไมไดจ ากดเฉพาะเนอหา ภายในเวบนนๆ แตสามารถเชอมโยงออกไปสเนอหาจากเวบภายนอกได

Page 8: 07 ใบเนื้อหา หน่วยที่ 2

กลมสาระ : การงานอาชพและเทคโนโลย ชอวชา : การสรางเวบไซต รหสวชา ง 23203 หวขอ : หนวยท 2 เรมตนการใชงานโปรแกรม

ใบเนอหา หนาท

แผนท :

ลกษณะการเชอมโยงในเวบนน นอกเหนอจากการใชไฮเปอรเทกซหรอไฮเปอรมเดย กบขอความทมมโนทศน (Concept) เหมอนกนของแตละหนาแลว ยงสามารถใชลกษณะการเชอมโยง จากรายการทรวบรวมชอหรอหวขอของเนอหาแตละหนาไว ซงรายการนจะปรากฏอยบรเวณใด บรเวณหนงในหนาจอ ผใชสามารถคลกทหวขอใดหวขอหนงในรายการเพอเลอกทจะเขาไปสหนาใดๆ กไดตามความตองการ ขอดของรปแบบนคองายตอผใชในการทองเทยวบนเวบ โดยผใชสามารถก าหนดทศทาง การเขาสเนอหาไดดวยตนเอง แตขอเสยคอถามการเพมเนอหาใหมๆ อยเสมอจะเปนการยากในการ ปรบปรง นอกจากนการเชอมโยงระหวางขอมลทมมากมายนนอาจท าใหผใชเกดการสบสนและ เกดปญหาการคงคางของหวขอ (Cognitive Overhead) ได