รูปแบบเว็บเพจต้นแบบ คะแนน 100 score |
ปรับปรุง : 2567-10-16 (ปรับ broken link) |
|
รูปแบบเว็บเพจต้นแบบ คะแนน 100รูปแบบเว็บเพจต้นแบบ หรือ ร่างโฮมเพจ หรือ เทมเพจ คือ เว็บเพจต้นแบบที่ถูกออกแบบทั้งโครงสร้างและระบบ ซึ่งมีหลายระบบให้เลือกใช้ เช่น เวิร์ดเพรส หรือ หลักการของเว็บ 2.0 คือ รูปแบบของเว็บไซต์รุ่นที่สอง ที่เน้นการนำเข้าเนื้อหาจากผู้เขียนที่หลากหลาย นำไปแสดงในเว็บไซต์ได้มากมาย เกิดเครือข่ายสังคม มีรูปแบบที่ดูง่ายน่าตื่นตาตื่นใจ |
SEO | Template | HTML | รหัสต้นฉบับ | JavaScript | Responsive | CanvasJS | Bootstrap | Github.io | คำสำคัญ (Key) | Full01 | index90_100 | index100 | index100* | |
เว็บ 2.0 (Web 2.0) คือ รูปแบบของเว็บไซต์รุ่นที่สอง ที่เน้นการนำเข้าเนื้อหาจากผู้เขียนที่หลากหลาย นำไปแสดงในเว็บไซต์ได้มากมาย เกิดเครือข่ายสังคม มีรูปแบบที่ดูง่ายน่าตื่นตาตื่นใจ หรือ เว็บ 2.0 คือ การเปลี่ยนสภาพของเว็บไซต์ จากแค่ผลรวมของเว็บไซต์หลายแหล่ง มาเป็นโครงสร้างพื้นฐานทางคอมพิวเตอร์ที่ให้บริการซอฟต์แวร์ผ่านเว็บให้กับผู้ใช้ ผู้ที่เห็นด้วยกับแนวคิดนี้คาดว่าบริการต่างๆ บนเว็บ 2.0 จะมาแทนที่ซอฟต์แวร์แบบดั้งเดิม เทมเพจ คือ เว็บเพจต้นแบบที่ถูกออกแบบทั้งโครงสร้าง ภาพ และเนื้อหา มักประกอบด้วยแฟ้มภาพ ตัวอย่างเนื้อหา และรหัสภาษาเอชทีเอ็มแอลที่สามารถนำไปแก้ไขได้ บางครั้งจะมีแฟ้ม .psd ซึ่งมีภาพต้นฉบับให้สามารถแก้ไขได้ด้วยโปรแกรม Photoshop, Imageready หรือ Firework |
|
เทมเพจที่สมบูรณ์ คือ เทมเพจที่มีเครื่องมือมากมายถูกติดตั้งไว้ ผ่าน Javascript, CSS และ Library ต่าง ๆ เพื่อสนับสนุนให้การจัดการเนื้อหา มีความสะดวก และมีประสิทธิภาพ |
<link rel="stylesheet" href="../bootstrap/bootstrap.min.css" /> <div style="display:block;margin-left:auto;margin-right:auto;background-color:white;text-align:left;"> <span class="glyphicon glyphicon-book" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-print" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-picture" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-map-marker" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-pencil" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-film" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-user" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-star" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-search" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span><br/> <span class="glyphicon glyphicon-remove" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-time" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-cog" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-heart" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-question-sign" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon glyphicon-ok" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-facetime-video" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-globe" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-chevron-left" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-chevron-right" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> </div> |
Thaiall Products | HTML Validity | CSS Validity | CheckLink | DeadLink |
PageSpeed | Keyword Position | Truehits |
"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ |