Templates by BIGtheme NET
หน้าแรก / admin (page 3)

admin

HTML, XML, XHTML, DHTML, CSS คืออะไร แตกต่าง และเกี่ยวข้องกันอย่างไร

by enjoyday.net HTML, XML,  XHTML, DHTML, CSS  เป็นคำศัพท์ที่ได้ยินกันบ่อยๆ ในการสร้างเว็บไซต์  แต่หลายคนอาจยังไม่แน่ใจนักว่ามันคืออะไรกันแน่ มีความแตกต่าง  และเกี่ยวข้องกันอย่างไร    หาคำตอบได้ในบทความต่อไปนี้ค่ะ ก่อนที่จะลงรายละเอียดของแต่ละคำ ขอให้ความหมายแบบสรุปก่อน ดังนี้ค่ะ Markup Language  เป็นภาษาที่ใช้ในการนิยามหรืออธิบายข้อมูล HTML (ย่อมาจาก Hyper Text Markup Language) เป็นภาษาที่ใช้สำหรับสร้างเว็บเพจ มีโครงสร้างประกอบไปด้วย tag และ attribute ต่างๆ ที่ใช้ในการควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่น ๆ XML (ย่อมาจาก eXtensible Markup Language) เป็นภาษาที่ถูกออกแบบมาเพื่อใช้เป็นภาษากลางสำหรับแลกเปลี่ยนข้อมูลระหว่างกัน XML เหมาะกับการแลกเปลี่ยนข้อมูลผ่านเครือข่ายคอมพิวเตอร์ เนื่องจาก XML ไม่ได้ขึ้นอยู่กับโปรแกรมประยุกต์หรือระบบปฏิบัติการใด XHTML (ย่อมาจาก Extensible HyperText Markup ...

อ่านต่อ »

3.3.1 ส่วนประกอบของหน้าเว็บเพจ

design-website

ในหัวข้อก่อนหน้านี้เราได้ศึกษาเรื่องการออกแบบเว็บไซต์ (Site Design) ซึ่งเป็นภาพรวมไปแล้ว ได้แก่ 3.1 การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design) 3.2 การออกแบบระบบเนวิเกชั่น (Site Navigation Design) . ในหัวข้อนี้เราจะได้ศึกษาในรายละเอียดการออกแบบหน้าเว็บเพจ (Page Design) ซึ่งเป็นส่วนประกอบของเว็บไซต์กันค่ะ 3.3 การออกแบบเว็บเพจ (Page Design) ส่วนประกอบของหน้าเว็บเพจ แบ่งออกเป็น 3 ส่วนหลักๆ คือ 1. ส่วนหัวของหน้า (Page Header) เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของหน้า เพราะเป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์  มักใส่ภาพกราฟฟิกเพื่อสร้างความประทับใจ   ส่วนใหญ่ประกอบด้วย โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี และยังทำให้เว็บน่าเชื่อถือ ชื่อเว็บไซต์ เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์ . 2.ส่วนของเนื้อหา ...

อ่านต่อ »

3.2 การออกแบบระบบนำทาง (Site Navigation Design)

design-website

ระบบ Navigation เป็นระบบนำทางที่จะนำผู้ชมไปยังหน้าต่างๆ ของเว็บไซต์ ให้สามารถเข้าถึงข้อมูลที่ต้องการได้อย่างรวดเร็ว และรู้ว่ากำลังอยู่ตรงไหนของเว็บไซต์ นอกจากนี้ยังใช้กำหนดบทบาทของผู้ใช้ซึ่งแบ่งเป็นกลุ่มๆ ได้ โดยผู้ใช้แต่ละกลุ่มจะสามารถเข้าถึงหน้าเว็บเพจได้อย่างมีขอบเขต ตามสิทธิที่วางไว้เท่านั้น . องค์ประกอบของระบบ Navigation 1. เครื่องนำทาง เมนูหลัก เป็นเมนูสำหรับลิงค์ไปยังหน้าหัวข้อหลักของเว็บไซต์ มักอยู่ในรูปของลิงค์ที่เป็นข้อความหรือภาพกราฟฟิก และมักถูกจัดวางอยู่ด้านบนในเว็บเพจทุกหน้า เมนูเฉพาะกลุ่ม เป็นเมนูที่เชื่อโยงเว็บเพจปัจจุบันกับเว็บเพจอื่นภายในกลุ่มย่อยที่มี เนื้อหาเกี่ยวเนื่องกัน มักอยู่ในรูปแบบของลิงค์ข้อความหรือกราฟฟิกเช่นกัน เครื่องมือเสริม สำหรับช่วยเสริมการทำงานของเมนู มีได้หลายรูปแบบ เช่น ช่องค้นหาข้อมูล (Search Box) , เมนูแบบดร็อปดาวน์ (Drop-Down menu) , แผนผังเว็บไซต์ (Site Map), อิมเมจแมพ (Image Map) 2. เครื่องมือบอกตำแหน่ง (Location Indicator) เป็นสิ่งที่ใช้แสดงว่า ขณะนี้ผู้ชมกำลังอยู่ในตำแหน่งใดในเว็บไซต์ เครื่องบอกตำแหน่งมีได้หลายรูปแบบ เช่น ข้อความภาพกราฟฟิกที่แสดงชื่อเว็บเพจ ...

อ่านต่อ »

3.1 การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design)

design-website

การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design) คือ การจัดหมวดหมู่ และลำดับของเนื้อหา แล้วจัดทำเป็นแผนผังโครงสร้างเว็บไซต์ ซึ่งจะทำให้เรารู้ว่ามีเนื้อหาอะไรบ้างภายในเว็บไซต์ และแต่ละหน้าเว็บเพจนั้นมีการเชื่อมโยงกันอย่างไร โครงสร้างเว็บไซต์ที่ดีจะช่วยให้ผู้ชมไม่สับสนและค้นหาข้อมูลที่ต้องการได้อย่างรวดเร็ว ไม่ควรเป็นลำดับที่ลึกหลายชั้นเกินไป เพราะผู้ใช้จะเบื่อเสียก่อน กว่าจะค้นหาเจอหน้าที่ต้องการ อันนี้เจอกับตัว เช่น เว็บไซต์ดาวน์โหลดบางแห่ง คลิกแล้วคลิกอีก ยังหาไม่เจอลิงค์ดาวน์โหลด หาเว็บใหม่เลยค่ะ 1. จากเนื้อหาเว็บไซต์ที่เราเตรียมไว้ ให้นำมาจัดหมวดหมู่ และลำดับเนื้อหาก่อนหลัง Section 1       Section 1.1       Section 1.2       Section 1.3               Section 1.3.1               Section 1.3.2 Section 2 Section 3       ...

อ่านต่อ »

3. ออกแบบเว็บไซต์

design-website

3. ออกแบบเว็บไซต์ ปัจจุบันมีเว็บไซต์อยู่มากมาย และก็มีเว็บไซต์ใหม่เกิดขึ้นทุกวันในอินเตอร์เน็ต นั่นทำให้เรามีทางเลือกมากขึ้นที่จะเข้าไปใช้บริการเว็บไซต์ใดก็ได้ ถ้าเว็บไซต์ไหนใช้งานยาก ข้อมูลมากแต่ก็หาสิ่งที่ต้องการไม่เจอ ใช้เวลาโหลดหน้าเว็บนานเกินไป เราก็คงไม่อดทนต่อปัญหาที่เกิดขึ้น ปิดมันไปซะ แล้วก็เปลี่ยนไปดูเว็บไซต์อื่นๆ แทน ปัญหาเหล่านี้มักเกิดจาก การขาดการออกแบบเว็บไซต์ที่ดีนั่นเองค่ะ เว็บไซต์ที่ได้รับการออกแบบที่ดี ดูเรียบง่าย สวยงาม ข้อมูลจัดเป็นหมวดหมู่ ใช้งานง่าย ย่อมได้รับความสนใจจากผู้ใช้มากกว่า การออกแบบเว็บไซต์จึงเป็นกระบวนการหนึ่งที่สำคัญในการสร้างเว็บไซต์ เพื่อให้เกิดความประทับใจแก่ผู้ใช้ และทำให้อยากกลับเข้ามาใช้บริการเว็บไซต์ของเราอีกในครั้งต่อไป ถ้าเราคิดไม่ออกว่าจะออกแบบเว็บไซต์อย่างไรดี ให้ลองศึกษาจากเว็บไซต์อื่นๆ เป็นแนวทาง หรือว่าจะประยุกต์จากรูปแบบในสิ่งพิมพ์ต่างๆ เช่น นิตยสาร หนังสือ แผ่นพับ ที่มีรูปแบบน่าสนใจ   หัวข้อที่เราจะศึกษาเกี่ยวกับเรื่องการออกแบบเว็บไซต์ 3.1 การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design) 3.2 การออกแบบระบบเนวิเกชั่น (Site Navigation Design) 3.3 การออกแบบหน้าเว็บเพจ (Page Design)

อ่านต่อ »

2.4 การตั้งชื่อ Domain name ที่ดี

host-domain

การตั้งชื่อ Domain name ที่ดี Domain Name เปรียบเสมือนชื่อของเรา เป็นชื่อที่ใช้อ้างอิงมายังเว็บไซต์ของเรา ดังนั้นจึงมีความสำคัญมาก การเลือก Domain name ที่ดีจะเป็นส่วนช่วยให้เว็บไซต์ของเรามีชื่อเสียงได้ง่ายขึ้น   . Domain Name ที่ดี สั้น, จำง่าย, พิมพ์ง่าย เช่น yahoo.com, sanook.com, hi5.com ชื่อเป็น keyword ของเนื้อหาในเว็บไซต์ แค่เห็นชื่อเว็บก็รู้ว่าเป็นเว็บเกี่ยวกับอะไร เช่น tourthai.com, chulabook.com, hotelsthailand.com แบบนี้จะมีผลดีทาง SEO ทำให้เว็บไซต์ติดอันดับการค้นหาในเว็บ Search Engine ได้ง่ายค่ะ ไม่ควรใช้ขีดคั่น เพราะทำให้พิมพ์ยุ่งยากขึ้น และ website ส่วนใหญ่ไม่ใช้กัน ทำให้นานๆ ทีเข้าอาจจำไม่ได้ว่าต้องมี ขีด ด้วย อ่านง่าย เพื่อให้ง่ายต่อการบอกต่อ เช่น ...

อ่านต่อ »

2.3 การจด Domain name

host-domain

Domain name ก็คือชื่อเว็บไซต์ ที่ประกอบด้วยชื่อ และนามสกุล เช่น enjoyday.net, google.com เป็นต้น เราสามารถที่จะจด Domain name เป็นของตนเองได้ โดยต้องไม่ซ้ำกับคนอื่น

อ่านต่อ »

2.2 หลักการเลือก Web Hosting

host-domain

ให้เริ่มต้นจากการพิจารณาความต้องการใช้งานของเว็บไซต์เราก่อน แล้วเลือกผู้ให้บริการ Web Hosting ที่ตอบสนองความต้องการของเราได้ และมีความน่าเชื่อถือ

อ่านต่อ »