Category Archives: Website

10 ตัวอย่างจูมล่า (Joomla) 3.0 Templates

Joomla เป็น CMS ตัวหนึ่งในหลาย ๆ ตัวที่ได้รับความนิยมในปัจจุบัน โดย Joomla จะมีระบบบริหารจัดการเนื้อหาของเว็บไซต์ นั่นหมายความว่า สิ่งที่เราจะต้องดูแลก็คือเนื้อหาของเว็บไซต์ เช่น การเพิ่มบทความ การเพิ่มรูปภาพ หรือการปรับแต่งโยกย้ายโมดูลต่าง ๆ ไม่จำเป็นจะต้องมานั่งเขียน Code ด้วยภาษา HTML, PHP, SQL

Joomla ยืดหยุ่นต่อการออกแบบหน้าตาเว็บไซต์ โดยมีเครื่องมือในการเลือกรูปแบบ Template สำหรับใช้ในเว็บไซต์ของคุณได้โดยวิธีง่ายๆ

ตัวอย่างเว็บ HTML5 55 แบบ เพื่อเป็นแรงบันดาลใจในการออกแบบ

HTML5 เป็นรุ่นภาษามาร์กอัปสำหรับเวิลด์ไวด์เว็บรุ่นต่อไปของ HTML โดยดราฟต์แรกได้ปรากฏออกมาเมื่อ 22 มกราคม พ.ศ. 2551 โดย HTML5 นี้มีการกล่าวถึงรูปแบบสองแบบที่ร่วมกันคือ แบบดั้งเดิม HTML (text/html) ที่รู้จักในชื่อ HTML5 และแบบที่สองคือ XHTML ที่รู้จักในชื่อ XHTML5

โดย HTML5 จะช่วยลดการใช้พวกปลั๊กอินพิเศษอย่างพวก Adobe Flash, Microsoft Silverlight, Apache Pivot

30 ตัวอย่างหน้าเว็บ Landing Page

Landing Page คือ หน้าสรุปที่ทำให้คนที่เข้ามาใน Web ของเราสามารถที่จะดูรายละเอียดของสิ่งที่เราต้องการบอกได้อย่างง่ายดาย โดยจะมีข้อมูลสรุปคร่าว ๆ ในหน้า Landing Page นี้ โดยทั่้วไปก็คือหน้าที่ลูกค้าจะเข้าถึงหลังจากที่ Click Link มาจากที่อื่น

Landing Page นั้นเป็นเครื่องมือสำคัญมากสำหรับโลกธุรกิจออนไลน์ในปัจจุบัน เพราะเพียงแค่คลิกเดียว ก็รู้ได้ทันทีว่า

70 กว่า ตัวอย่างการออกแบบเว็บแบบหน้าเดียว (Single Page Website)

เว็บไซต์หน้าเดียว (Single Page Website) คือ เว็บที่สามารถเลื่อนหน้าในยังตำแหน่งต่างๆ ของหน้านั้นๆ ได้ (ขึ้้น หรือ ลง) ซึ่งในปัจุบันนี้ มีแนวโน้วของการออกแบบเว็บลักษณะนี้เพิ่มขึ้นเรื่อย

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

ตัวอย่าง Website ที่ทำโดย HTML5 70+ แบบ

HTML5 คือ ภาษามาร์กอัป ที่ใช้สำหรับเขียน website  ซึ่ง HTML5 นี้เป็นภาษาที่ถูกพัฒนาต่อมาจากภาษา HTML และพัฒนาขึ้นมาโดย WHATWG (The Web Hypertext Application Technology Working Group) โดยได้มีการปรับเพิ่ม Feature หลายๆอย่างเข้ามาเพื่อให้ผู้พัฒนาสามารถใช้งานได้ง่ายมากยิ่งขึ้น

สำหรับเว็บบราวเซอร์ที่สามารถรองรับการทำงาน HTML5 เช่น Firefox, Chrome, Internet Explorer etc. ซึ่งในเวอร์ชั่นใหม่ๆ นี้ได้มีการรองรับ HTML5 ทั้งหมดแล้ว

60+ ตัวอย่าง Website ที่ใช้ CSS3

CSS ย่อมาจาก Cascading Style Sheets เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และถูกกำหนดมาตรฐานโดย W3C (World Wide Web Consortium) เช่นเดียวกับ HTML และ XHTML ใช้สำหรับตกแต่งเอกสาร HTML/ XHTML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML เช่น <body>, <p>, <h1> เป็นต้น

60+ ตัวอย่างการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page)

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

ยิ่งเว็บมีเนื้อหาน้อยเท่าใหร่ ก็ต้องเน้นการ Design ที่ดีขึ้น เพื่อที่จะดึงความน่าสนใจของเว็บขึ้นมา

70+ ตัวอย่างการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page)

Single Page Website คือ การแสดงผลเว็บไซต์ที่สะดวก ง่าย และรวดเร็ว ด้วยการแสดงผลภายในหนึ่งหน้าจอเท่านั้น โดยสามารถกดเลื่อนไปยังส่วนต่างๆ ของเว็บไซต์ได้โดยที่ไม่ต้องโหลดหน้าใหม่

เว็บไซต์หน้าเดียว (Single Page Website) คือ เว็บที่สามารถเลื่อนหน้าในยังตำแหน่งต่างๆ ของหน้านั้นๆ ได้  (ขึ้้น หรือ ลง) ซึ่งในปัจุบันนี้ มีแนวโน้วของการออกแบบเว็บลักษณะนี้เพิ่มขึ้นเรื่อย เพื่อความเข้าใจมากขึ้น

50+ ตัวอย่างเว็บไซต์ ที่พัฒนาด้วย HTML5

HTML5 เป็นภาษาที่ถูกพัฒนาขึ้นเพื่อเป็นภาษามาร์กอัปสำหรับ WWW รุ่นต่อไปของ HTML ถูกพัฒนาขึ้นในปี 2004 โดยกลุ่ม WHATWG(The Web Hypertext Application Technology Working Group) โดยเรียกชื่อว่า Web applications 1.0 โดยดราฟต์แรกได้ปรากฏออกมาเมื่อ 22 มกราคม พ.ศ. 2551

โดย HTML5 จะช่วยลดการใช้พวกปลั๊กอินพิเศษอย่างพวก Adobe Flash, Microsoft Silverlight, Apache Pivot

50+ ตัวอย่างแบบหน้าเว็บ Coming Soon Page

หน้าเว็บ Coming Soon Page คือหน้าที่ใช้เพื่อบอกคนที่เข้ามาเยี่ยมชมเว็บของเราว่า เรากับลังทำอะไรอยู่ และจะเสร็จสมบูรณ์เมื่อไหร่ การที่จะต้องมีหน้า Coming Soon Page นั้นก็เพื่อที่จะให้ คนที่เข้ามาชมได้กลับมาที่เว็บเราออีกครั้งนึง ในเวลาที่ถูกต้อง และนอกจากนั้นการแสดงหน้า Coming Soon Page จะทำให้เว็บดูเป็นมืออาชีพกว่า การแสดงหน้า Page Not Found หรือปล่อยให้มี Error เกิดขึ้น