Tag Archives: เว็บ

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+ ตัวอย่างแบบหน้าเว็บ Coming Soon Page

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

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

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

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

65 ตัวอย่างการออกแบบเว็บ Portfolio

พอร์ตโฟลิโอ (portfolio=แฟ้มผลงาน) คือการบันทึกสิ่งต่างๆที่แสดงความสนใจ ความถนัด ความสามารถ และความคิดเห็นของตัวเรา

การนำพอร์ตโฟลิโอ มาใส่บนเว็บเราจะเรียกว่า e-Portfolio คือระบบที่ช่วยในการสร้างและเผยแพร่แฟ้มสะสมงาน (Portfolio) ในระบบ Online ผ่านทาง Internet สำหรับบุคคลและองค์กรต่างๆที่ต้องการสะสมผลงานเป็นการนำเสนอเอกลักษณ์ ปรัชญา เป้าหมาย ทักษะ ความสามารถ

30 ตัวอย่างเว็บไซต์ Ecommerce ที่สร้างโดย HTML5

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

50 ตัวอย่างการออกแบบเว็บไซด์ โดยการใช้ CSS3

CSS ย่อมาจากคำว่า Cascading Style Sheets โดยทั่วไปก็จะเรียก CSSหรือไม่ก็ Style Sheets ฉะนั้นโปรดเข้าใจ ว่ามามันคือตัวเดียวกัน CSS แนะนำและสนับสนุนโดย Microsoft internet explorer 3.0 และ Netscape 4.0 เป็นต้นมา เป็นวิธีการกำหนดการแสดงผลของสิ่งต่างบนเว็บ

ซึ่งโค้ด CSS3 ก็ถูกพัฒนามาจาก CSS แบบธรรมดา สามารถกำหนดทำอะไรได้มากขึ้น สวยงามขึ้น และบางโค้ดอาจสั้นลง เพื่อการจดจำง่าย ไม่ยึ่งยากและซับซ้อนน้อยลง

35 ตัวอย่างสวย ๆ ของการออกแบบเว็บในรูปแบบย้อนยุค (Retro Website Design)

การที่จะเป็นนักออกแบบที่ดีและประสบความ สำเร็จนั้นไม่ใชเรื่องยาก แต่มันจะสำเร็จหรือไม่สำเร็จนั้นโดยส่วนมากแล้ว 99% นั้นอยู่ที่ตัวของคุณเอง โดยคุณสมบัติหลักของนักออกแบบที่ดีคือ เป็นผู้ที่มีความคิดสร้างสรรค์

เราลองมาดูตัวการใช้ความคิดสร้างสรรค์ในการออกแบบเว็บในอีกลักษณะหนึ่ง นั่นคือการออกแบบในลักษณะการย้อนยุค (Retro Website Design) ซึ่งจะทำให้การออกแบบเว็บของท่านดูโดดเด่นแล่ะน่าสนใจขึ้นอย่างมาก

40+ ตัวอย่างการออกแบบเว็บแบบน้อย ๆ แต่สวยงาม (Minimal Website Design) ภาค II

ตอนที่แล้ว ดูตอนก่อนหน้านี้ 40+ ตัวอย่างการออกแบบเว็บแบบน้อย ๆ แต่สวยงาม (Minimal Website Design) ภาค I

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