สร้างหน้าเว็บใหม่ วิธีการออกแบบ website

 วันนี้จะเป็นการออกแบบเว็บไซต์ต่อนะครับ แต่เป็นเรื่องการสร้าหน้าเว็บใหม่ครับ ปกติโดยทั่วไปเว็บไซต์เขามักนิยมทำกันหลาย ๆ หน้า เพื่อเป็นการแยกการใช้งาน เช่น หน้า about หน้าเว็บที่ระบุตัวตนและภารกิจของเว็บไซต์นั้น ๆ เป็นหลัก (เท่าที่สังเกตุจากเว็บไซต์ทั่ว ๆ ไป) หน้า Contact หน้าเว็บที่มีเนื้อหารายละเอี่ยดช่องทางการติดต่อกับเว็บไซต์นั้น ๆ อาจ เป็นที่อยู่อีเมล์ลของเว็บไซต์นั้น เบอร์โทรเจ้าของเว็บไซต์ หน้า Home หน้าหลักของเว็บไซต์ หน้า News/Blog หน้าอัพเดทข่าวสารต่าง ๆ ของเว็บไซต์ มาดูวิธีกันครับ ผมจะเพิ่มหน้าเว็บ about เพื่อบอกวัตถุประสงค์และภารกิจของเว็บไซต์ starter webblog ของผมนะครับ

 สวัสดีท่านผู้ชม ทุกๆท่านนะครับ

     วันนี้จะเป็นการออกแบบเว็บไซต์ต่อนะครับ แต่เป็นเรื่องการสร้าหน้าเว็บใหม่ครับ ปกติโดยทั่วไปเว็บไซต์เขามักนิยมทำกันหลาย ๆ หน้า เพื่อเป็นการแยกการใช้งาน เช่น หน้า about หน้าเว็บที่ระบุตัวตนและภารกิจของเว็บไซต์นั้น ๆ เป็นหลัก (เท่าที่สังเกตุจากเว็บไซต์ทั่ว ๆ ไป) หน้า Contact หน้าเว็บที่มีเนื้อหารายละเอี่ยดช่องทางการติดต่อกับเว็บไซต์นั้น ๆ อาจ เป็นที่อยู่อีเมล์ลของเว็บไซต์นั้น เบอร์โทรเจ้าของเว็บไซต์ หน้า Home หน้าหลักของเว็บไซต์ หน้า News/Blog หน้าอัพเดทข่าวสารต่าง ๆ ของเว็บไซต์ มาดูวิธีกันครับ ผมจะเพิ่มหน้าเว็บ about เพื่อบอกวัตถุประสงค์และภารกิจของเว็บไซต์ starter webblog ของผมนะครับ

วิธีการออกแบบหน้าเว็บ
เริ่มต้นเข้ามาส่วนควบคุมบล็อก/เว็บ ให้เราเลือกที่ เมนู หน้าเว็บ เพื่อที่จะสร้างหน้าเว็บใหม่กัน

เริ่มต้นเข้ามาส่วนควบคุมบล็อก/เว็บ ให้เราเลือกที่ เมนู หน้าเว็บ เพื่อที่จะสร้างหน้าเว็บใหม่กัน
ถึงตรงนี้ให้เราเลือก สร้างหน้าเว็บใหม่ ระบบจะสร้างลิงค์ให้เราไปหน้าเว็บใหม่โดยอัตโนมัติ
ถึงตรงนี้ให้เราเลือก สร้างหน้าเว็บใหม่ ระบบจะสร้างลิงค์ให้เราไปหน้าเว็บใหม่โดยอัตโนมัติ
หน้าเว็บเปล่าใหม่ ที่ถูกสร้างขึ้น ก็พร้อมที่จะใส่ชื่อ และ เนื้อหาของหน้าเว็บไซต์กันแล้วครับ
หน้าเว็บเปล่าใหม่ ที่ถูกสร้างขึ้น ก็พร้อมที่จะใส่ชื่อ และ เนื้อหาของหน้าเว็บไซต์กันแล้วครับ
วิธีที่ผมชอบใช้ 1.ใส่ชื่อหน้าเว็บ 2.ใส่เนื้อหาตรงกันหรือชื่อเดียวกับหน้าเว็บไซต์
วิธีที่ผมชอบใช้ 1.ใส่ชื่อหน้าเว็บ 2.ใส่เนื้อหาตรงกันหรือชื่อเดียวกับหน้าเว็บไซต์
และส่วนที่สองคือการ แสดงความคิดใต้หน้าเว็บ ผมจะทำการปิดเพราะไม่ต้องการให้มีความคิดเห็นในส่วนหน้าเว็บนี้ หลังจากการแก้ไขให้ คลิกปุ่ม เสร็จสิ้น เพื่อบันทึการทำรายการของเว็บ
และส่วนที่สองคือการ แสดงความคิดใต้หน้าเว็บ ผมจะทำการปิดเพราะไม่ต้องการให้มีความคิดเห็นในส่วนหน้าเว็บนี้ หลังจากการแก้ไขให้ คลิกปุ่ม เสร็จสิ้น เพื่อบันทึการทำรายการของเว็บ

ต่อมาเป็นการแก้ไขหน้าเว็บ ให้เราเลือกที่เมนูหน้าเว็บ และเลือกหน้าเว็บที่เผยแพร่ แล้วทำการคลิกแก้ไขหน้าเว็บ จากนั้นเราก็ใส่ข้อมูลและรายละเอียดที่ต้องการให้ปรากฏบนหน้าเว็บของเราให้ครบถ้วนแล้วทำการบันทึก แล้วคลิกอัพเดทเพื่อเผยแพร่หน้าเว็บที่สมบูรณ์ ตัวอย่างหน้าเว็บ about - starter weblog ของผมครับ
ต่อมาเป็นการแก้ไขหน้าเว็บ ให้เราเลือกที่เมนูหน้าเว็บ และเลือกหน้าเว็บที่เผยแพร่ แล้วทำการคลิกแก้ไขหน้าเว็บ จากนั้นเราก็ใส่ข้อมูลและรายละเอียดที่ต้องการให้ปรากฏบนหน้าเว็บของเราให้ครบถ้วนแล้วทำการบันทึก แล้วคลิกอัพเดทเพื่อเผยแพร่หน้าเว็บที่สมบูรณ์
ตัวอย่างหน้าเว็บ about - starter weblog ของผมครับ
เทคนิค: การใส่ชื่อหน้าเว็บไซต์ถ้าเป็นภาษาไทย ใน url จะโชว์เป็น blog-page(อาจตามด้วยตัวเลข).html และ หากทำหน้าเว็บซ้ำ ๆ หรือ แก้ไข ที่อยู่ของ url หน้าเว็บไซต์ก็จะเปลี่ยนไปจะไม่ตรงตามที่เราต้องการ สิ่งที่ควรทำ คือ การตั้งชื่อหน้าเว็บไซต์ สั้นกระชับตรงความหมาย เช่น หน้าเว็บรายการสินค้า ก็อาจใช้ชื่อหน้าเว็บเป็น item หรือ product เป็นต้น หากต้องการให้ได้ผลดี ได้ url หน้าเว็บตรงตามที่ต้องการ ควร ใช่ชื่อและเนื้อหาเว็บให้ตรงกัน เช่นชื่อหน้าเว็บไซต์ คือ item ส่วนเนื้อหาของหน้าเว็บใหม่ก็ควรเป็น item เพื่อให้ได้ url หน้าเว็บไซต์เป็น /p/item.html

จบแล้วครับ การสร้างหน้าเว็บใหม่ หนึ่งในวิธีการออกแบบ website ครับ
ขอบคุณที่ติดตามกันนะครับ

เทคนิค: การใส่ชื่อหน้าเว็บไซต์ถ้าเป็นภาษาไทย ใน url จะโชว์เป็น blog-page(อาจตามด้วยตัวเลข).html และ หากทำหน้าเว็บซ้ำ ๆ หรือ แก้ไข ที่อยู่ของ url หน้าเว็บไซต์ก็จะเปลี่ยนไปจะไม่ตรงตามที่เราต้องการ สิ่งที่ควรทำ คือ การตั้งชื่อหน้าเว็บไซต์ สั้นกระชับตรงความหมาย เช่น หน้าเว็บรายการสินค้า ก็อาจใช้ชื่อหน้าเว็บเป็น item หรือ product เป็นต้น หากต้องการให้ได้ผลดี ได้ url หน้าเว็บตรงตามที่ต้องการ ควร ใช่ชื่อและเนื้อหาเว็บให้ตรงกัน เช่นชื่อหน้าเว็บไซต์ คือ item ส่วนเนื้อหาของหน้าเว็บใหม่ก็ควรเป็น item เพื่อให้ได้ url หน้าเว็บไซต์เป็น /p/item.html



ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

เปลี่ยนแม่แบบ(Template)เว็บไซต์วิธีทำให้ดูเหมือนมืออาชีพด้วยเครื่องมือบล็อกเกอร์

ปรับแก้แม่แบบเว็บ(Template)เพิ่มข้อมูลค้นหาทำเว็บไซต์ให้สมบูรณ์พร้อมใช้งาน