Templates by BIGtheme NET
หน้าแรก / การสร้างเว็บไซต์ (page 2)

การสร้างเว็บไซต์

ขั้นตอนการสร้างเว็บไซต์, การสร้าง Blog, เรื่องน่ารู้เกี่ยวกับการทำเว็บไซต์

การใช้งานภาพกราฟฟิก

ประเภทของไฟล์รูปภาพ ไฟล์รูปภาพที่ใช้อยู่ในปัจจุบันนี้มีหลายประเภท แต่ไม่สามารถนำมาใช้กับเว็บเพจได้ทุกประเภท ประเภทของไฟล์รูปภาพที่นิยมมาใช้กับเว็บเพจมี 3 ประเภทคือ 1. ไฟล์ประเภท GIF (Graphics Interchange Format) เป็นไฟล์ภาพที่มีขนาดเล็ก คุณภาพต่ำ เนื่องจากถูกบีบอัดข้อมูลให้มีขนาดเล็ก แสดงสีได้ 256 สี แต่เป็นที่นิยมสำหรับผู้เขียนเว็บเพจเป็นอย่างมากเนื่องจากสามารถทำเป็นภาพเคลื่อนไหว (Animation) และกำหนดให้แสดงภาพแบบโปร่งแสง มองทะลุไปด้านหลังได้ ไฟล์ประเภทนี้ส่วนใหญ่จะเป็น รูปวาด ภาพการ์ตูน รูป icon, emotion, ป้ายโฆษณาแบนเนอร์ และภาพที่ไม่ต้องการความละเอียดมากนัก ตัวอย่าง รูป emotion ต่างๆ สามารถทำภาพแบบโปร่งแสงได้ เมื่อนำไปวางบนพื้นหลังสีอะไร ด้านหลังรูปจะเป็นสีตามพื้นหลัง 2. ไฟล์ประเภท JPEG หรือ JPG (Joint Photographics Expert Group) เป็นไฟล์รูปภาพที่มีการบีบอัดข้อมูลน้อยกว่าไฟล์ประเภท GIF สามารถแสดงสีได้ 16.7 ...

อ่านต่อ »

สิ่งที่ต้องคำนึงถึงในการออกแบบเว็บไซต์

ในกระบวนการออกแบบและสร้างเว็บไซต์นั้นมีองค์ประกอบหลายประการที่ผู้ออกแบบจะต้องคำนึงถึงเพื่อที่จะให้เว็บไซต์ที่สร้างขึ้นมานั้นสามารถบรรลุจุดประสงค์สูงสุดที่ตั้งเอาไว้ได้ ทั้งนี้ก็เพื่อผลประโยชน์ต่อบุคคล กลุ่มบุคคล หรือองค์กรที่สร้างเว็บไซต์ขึ้นมานั้นเอง การออกแบบเว็บไซต์ต้องคำนึงถึงองค์ประกอบต่าง ๆ ดังต่อไปนี้ 1. ความเรียบง่าย (Simplicity) หมายถึง หน้าเว็บเพจของเว็บไซต์มีรูปแบบและลักษณะที่เรียบง่าย ไม่ซับซ้อน และใช้งานได้อย่างสะดวก ไม่มีกราฟฟิกหรือตัวอักษรที่เคลื่อนไหวอยู่ตลอดเวลา เพราะการที่เว็บเพจมีกราฟฟิกหรือตัวหนังสือที่เคลื่อนไหวอยู่มากเกินไป ก็จะเกิดการรบกวนสายตาทำให้ผู้ที่ใช้เกิดความรำคาญและอาจทำให้ผู้ใช้สนใจในกราฟฟิกมากเกินไปจนละเลยหรือมองข้ามต่อเนื้อหาสำคัญที่อยู่ในหน้าเว็บเพจได้ 2. ความสม่ำเสมอ (Consistency) หมายถึง การใช้รูปแบบเดียวกันตลอดทั้งเว็บไซต์ เช่น รูปแบบของหน้า รูปแบบกราฟฟิก ระบบ Navigation และโทนสี ซึ่งสิ่งต่างๆ เหล่านี้ควรมีลักษณะที่เหมือนกันโดยตลอดทั้งเว็บไซต์ ทั้งนี้ก็เพื่อที่จะทำให้ผู้เข้ามาใช้เกิดความรู้สึกว่าแต่ละหน้าของเว็บไซต์มีความเป็นหนึ่งเดียวและรู้สึกถึงความเป็นระเบียบอีกด้วย 3. ความเป็นเอกลักษณ์ (Uniqueness) หมายถึง การออกแบบเว็บไซต์ที่เน้นการสร้างจุดเด่นหรือเอกลักษณ์เฉพาะตัวให้เกิดขึ้นกับเว็บไซต์นั้นๆ โดยที่จุดเด่นหรือเอกลักษณ์นั้นจะต้องสามารถสะท้อนบุคลิกหรือลักษณะเฉพาะที่ไม่เหมือนใครของเจ้าของหรืองค์กรที่สร้างเว็บไซต์นั้นๆ ขึ้นมาได้อย่างดี โดยการสร้างเอกลักษณ์นี้อาจทำได้โดยการใช้สีสัน ตัวอักษร กราฟฟิก การจัดหน้า ฯลฯ ซึ่งผู้สร้างเว็บไซต์จะเลือกใช้แบบไหนนั้นก็ขึ้นอยู่กับเป้าหมายของเว็บไซต์นั่นเอง 4. เนื้อหามีประโยชน์ (Usefulness) หมายถึง การออกแบบเนื้อหาให้มีประโยชน์เป็นสิ่งสำคัญที่ต้องคำนึงถึงเป็นอย่างยิ่ง เพราะเนื้อหาถือว่าเป็นสิ่งที่สำคัญที่สุดในเว็บไซต์ ...

อ่านต่อ »

ออกแบบเว็บเพจอย่างไรให้ดูดี (Web 2.0 Design)

Web 2.0 Design ส่วนประกอบของดีไซน์ยุคใหม่นั้นมีอะไรกันบ้าง ที่มา : http://www.divland.com/blog/2007/11/13/web-2-design/ เรียบง่าย ความเรียบง่ายหมายถึงการใช้จำนวน pixel ตามที่ต้องใช้เพื่อให้สื่อสารสิ่งที่ต้องการให้ได้และในการสื่อสารนั้นก็ประกอบไปด้วย ข้อมูลหลัก hard data และ เนื้อหาที่ซ่อนอยู่ soft information ตัวอย่างของข้อมูล Hard data – ข้อมูล สาระ เนื้อหาสำคัญที่ต้องการจะสื่อ เช่น ข่าว ราคาสินค้า ตารางเวลารถไฟ Soft Information – ความรู้สึก บรรยกาศของหน้าเว็บ เปรียบเทียบได้กับความรู้สึกเมื่อแรกพบของผู้ชมที่มีต่อเว็บ ว่าน่าไว้ใจแค่ไหน จะเหมาะสมกับผู้ใช้หรือไม่ ตัวอย่างที่ดี ดี เพราะ ละเอียด ตื่นตา น่าสนใจ แต่ก็เรียบง่ายในขณะเดียวกัน ตัวอย่างที่ไม่ดี ไม่ดี เพราะ ยุ่งเหยิง มีขีดเส้นมากมายที่ไม่ได้ช่วยเป็นส่วนประกอบในการสื่อสาร หาเมนูได้ยากไม่โดดเด่น ...

อ่านต่อ »

3.3.2 โครงสร้างและรูปแบบของเว็บเพจ

design-website

ในหน้าเว็บเพจหนึ่งๆ ประกอบไปด้วยส่วนหัวของหน้า (Page Header), ส่วนเนื้อหา และการเชื่อมโยง (Page Body)  และส่วนท้ายของหน้า (Page Footer) ย้อนอ่านเนื้อหาเดิมเรื่องส่วนประกอบของหน้าเว็บเพจ คลิกที่นี่ . ในเว็บไซต์หนึ่งๆ อาจมีโครงสร้างหน้าเว็บเพจหลายๆ แบบก็ได้ แต่จะต้องมีเอกลักษณ์ และลักษณะที่ใกล้เคียงกัน จะต้องจัดองค์ประกอบของหน้าเว็บเพจให้เหมาะสม ได้แก่ เนื้อหา กราฟฟิก โลโก้ ระบบเนวิเกชั่น ป้ายโฆษณา และอื่นๆ การแบ่งพื้นที่ของหน้าเว็บเพจเพื่อแสดงส่วนประกอบต่างๆ ทำได้หลายรูปแบบ เช่น แบ่งแบบอิสระ ตัวอย่าเว็บไซต์ . แบ่ง 2 ส่วน . แบ่ง 3 ส่วน จะมีส่วน Footer หรือไม่ก็ได้ ตัวอย่างเว็บไซต์   ส่วนเนื้อหายังสามารถแบ่งสัดส่วนเพื่อแสดงเนื้อหาต่างๆ ได้อีก ตัวอย่างเว็บไซต์

อ่านต่อ »

26 ขั้นตอนการสร้างเว็บไซต์ให้ยอดวันละหมื่นห้า

traffic

หากคุณทำตามขั้นตอนเหล่านี้อย่างเคร่งครัด คุณจะประสบความสำเร็จภายในหนึ่งปี ถ้าเว็บไซต์ของคุณเป็นภาษาอังกฤษ แต่ถ้าเป็นภาษาไทย ยอดน่าจะได้ประมาณ 2000 คนต่อวัน หลายๆ คนอาจจะไม่เชื่อว่าเป็นไปได้ ผมเองก็ไม่อยากจะเชื่อ แต่ไม่เชื่อนั่นแหละดี เราจะได้พิสูจน์กันไปพร้อมๆกันเลยว่า

อ่านต่อ »

Social Bookmark กับลิงค์แบบ DoFollow และ NoFollow

จากบทความก่อนที่ได้แนะนำว่า Social Bookmark คืออะไร และมีประโยชน์ช่วยโปรโมทเว็บไซต์อย่างการช่วยเพิ่มจำนวนผู้ชม (Traffic) ให้กับเว็บไซต์ของเรา ในบทความนี้จะอธิบายเพิ่มเติม ให้เราได้รู้จัก Social Bookmark อย่างลึกซึ้งขึ้น การที่เราไปแนะนำลิงค์ของหน้าเนื้อหา ข่าว หรือบทความต่างๆ ของเว็บไซต์เรา ในเว็บประเภท Social Bookmark   นอกจากจะช่วยเพิ่มจำนวนคนเข้าชมเว็บไซต์ (Traffic) แล้ว ยังจะช่วยเพิ่มจำนวนลิงค์จากเว็บไซต์อื่นที่ลิงค์เข้ามาเว็บไซต์เรา (ที่เรียกว่า Backlink) อีกด้วย ซึ่งการที่มี Backlink เข้ามาเว็บไซต์ของเรามากๆ    Search Engine จะเข้าใจว่าเนื้อหาในเว็บไซต์ของเรามีประโยชน์ มีคุณภาพ    จึงมีเว็บไซต์ต่างๆ ลิงค์มาหา    ก็จะทำการจัดอันดับเว็บไซต์ (PageRank) ของเราไว้ในอันดับดีๆ ให้ถูกค้นหาเจอในหน้าแรกๆ . สำหรับเว็บไซต์ภาษาไทย การใช้ Social Bookmark ของไทยน่าจะดีกว่าใช้ของต่างประเทศ อันนี้เป็นลิงค์ที่มีผู้รวบรวม Social Bookmark ของไทยพร้อมแยกประเภท DoFollow / ...

อ่านต่อ »

วิธีใส่ favicon ให้เว็บไซต์คุณ

iconweb

favicon ย่อมาจาก Favorite icon บางทีก็เรียก shortcut icon, Web site icon, tab icon หรือ bookmark icon ข้อดีของการใส่ favicon ให้เว็บไซต์ ก็คือ ทำให้เว็บมีเอกลักษณ์ คนจดจำได้ง่าย

อ่านต่อ »

Free Statistic ที่ enjoyday ใช้

histats

การที่เราติดตัวเก็บข้อมูลสถิติเว็บไซต์ จะเป็นประโยน์ทำให้เราทราบถึง จำนวนผู้เข้าชมเว็บไซต์ คำค้นหาที่นำผู้เข้าชมมายังเว็บไซต์ พฤติกรรมของผู้เยี่ยมชม และข้อมูลอื่นๆ ได้ ซึ่งจะช่วยให้เรานำมาวิเคราะห์ และพัฒนาหรือปรับปรุงเว็บไซต์ของเราได้อย่างเหมาะสม ตรงตามความต้องการของผู้เยี่ยมชมค่ะ Free Statistic ที่ enjoyday ใช้มีด้วยกัน 3 ตัวค่ะ 1. Google Analytics เมื่อสมัครแล้ว นำ code ไปติดในเว็บไซต์ เวลาจะดูข้อมูลสถิติต้อง login เข้าสู่ระบบเข้าไปดูค่ะ แนะนำให้ใช้งานร่วมกับ Google Webmasters 2. histats.com เมื่อสมัครแล้ว นำ code ไปติดในเว็บไซต์ของเราเช่นเดียวกับ Google Analytics ก็จะมีกราฟฟิกตัวนับ (มีให้เลือกหลายแบบ) บอกว่ามีคนมาเยี่ยมเว็บไซต์เราจำนวนเท่าไร จำนวน page ที่ถูกเรียกดูเป็นเท่าไร และเมื่อคลิกที่ตัวกราฟฟิกนี้ จะสามารถดูรายละเอียดลึกลงไปได้อีก เช่น ผู้เยี่ยมชมนั้นลิงค์มาเว็บไซต์เราจากเว็บไซต์ หรือ Search ...

อ่านต่อ »

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) เป็นสิ่งที่ใช้แสดงว่า ขณะนี้ผู้ชมกำลังอยู่ในตำแหน่งใดในเว็บไซต์ เครื่องบอกตำแหน่งมีได้หลายรูปแบบ เช่น ข้อความภาพกราฟฟิกที่แสดงชื่อเว็บเพจ ...

อ่านต่อ »