แนะนำ การพัฒนาเว็บไซต์

Adobe Dreamweaver
Adobe Dreamweaver
Adobe Dreamweaver

การพฒั นาเวบ็ ไซต์

Adobe Dreamweaver

NARUMON MEEMOOK ***

Adobe Dreamweaver

คาํ ศพั ทพื้นฐาน basic word
ท่เี กี่ยวขอ งกับเวบ็ ไซต
- Home page
- Web page
- WebSite
- Web Browser
- URL
- World Wide Web
- Upload / Download

Basic word - HOME PAGE
เว็บเพจหนาแรกที่ปรากฏของแตละเว็บไซต โดย
เปนทางเขาหลักของเว็บไซต เม่ือเปดเว็บไซตนั้น
ขึ้ น ม า จ ะ เ ป น ห น า แ ร ก ที่ ป ร า ก ฏ ขึ้ น เ มื่ อ เ ป ด
โ ป ร แ ก ร ม เ ว็ บ เ บ ร า ว เ ซ อ ร

- WEB PAGE
หนาเอกสารหน่ึงหนา ภายในเว็บเพจประกอบ
ดวยขอความ ภาพลิงก เว็บเพจแตละหนาจะ
เชื่อมโยงกัน เพ่ือใหเรียกดูเอกสารหนาอ่ืน ๆ ท่ี
เ ก่ี ย ว ข อ ง ไ ด อ ย า ง ส ะ ด ว ก

- WEBSITE
หนาเว็บเพจหลายหนา ซึ่งเช่ือมโยงกันผานทาง
ไฮเปอรลิงก สวนใหญจัดทาํ ขึ้นเพ่ือนาํ เสนอ
ข อ มู ล ผ า น ค อ ม พิ ว เ ต อ ร โ ด ย ถู ก จั ด เ ก็ บ ไ ว ใ น เ วิ ล ด ไ ว ด
เ ว็ บ

Basic word - WEB BROWSER
WEB PAGE เชน GOOGLE CHROME,
INTERNET EXPLORER,FIREFOX,
SAFARI,OPERA

- URL
ขอความท่ีบอกตําแหนงของขอมูลใน INTERNET
ไมวาจะเปน เว็บเพจ, ไฟลประเภทตางๆ เชน
รูปภาพ เสียง

- WORLD WIDE WEB
จะอยูในรูปเอกสารแบบ HYPERTEXT
ซึ่งภายในเอกสารจะมีจุดเช่ือมโยง (LINK) ไปยัง
เอกสารอ่ืนๆ ท่ีเก่ียวของ เอกสารตาง ๆ

ความหมายและความสาํ คัญของการออกแบบเว็บไซต์ ความหมายและความ
สาํ คัญของการออกแบบ
1) ความเรียบงา ย (Simplicity)
2) ความสม่ําเสมอ (Consistency) เว็บไซต
3) ความเปนเอกลักษณะ (Identity)
4) เนือ้ หาทมี่ ีประโยชน (Useful content)
5) ระบบนาํ ทางที่ใชง านงาย (User Friendly
Navigation)
6) มลี กั ษณะทีน่ าสนใจ (Visual Appeal)
7) การใชง านอยางไมจํากัด (Compatibility)
8) คุณภาพในการออกแบบ (Design Stability)
9) ระบบการใชง านท่ถี กู ตอง (Functional Stability)

สวนประกอบของเว็บเพจ

(Page Header)
(Page Body)

Page 

Website WWW.CANVA.COM WWW.FREEPIK.COM
แนะนาํ

WWW.PINTEREST.COM WWW.FLATICON.COM