วิธีทำเค้าโครงเว็บไซต์

สารบัญ:

วิธีทำเค้าโครงเว็บไซต์
วิธีทำเค้าโครงเว็บไซต์

วีดีโอ: วิธีทำเค้าโครงเว็บไซต์

วีดีโอ: วิธีทำเค้าโครงเว็บไซต์
วีดีโอ: สิ่งที่ต้องรู้สำหรับมือใหม่ก่อนเริ่มสร้างเว็บไซต์ มีอะไรบ้าง ไปดูกัน! 2024, พฤศจิกายน
Anonim

ในศตวรรษที่ผ่านมา การจัดวางหน้าเว็บเป็นโดเมนของผู้เชี่ยวชาญไม่กี่คน ความก้าวหน้าทางเทคโนโลยีทำให้งานนี้ง่ายขึ้นอย่างมาก ตอนนี้ผู้ใช้อินเทอร์เน็ตทุกคนสามารถสร้างเว็บไซต์ได้

วิธีทำเค้าโครงเว็บไซต์
วิธีทำเค้าโครงเว็บไซต์

มันจำเป็น

  • - แพ็คเกจซอฟต์แวร์สำหรับเค้าโครงหน้าเว็บ
  • - โปรแกรมแก้ไขกราฟิกแรสเตอร์สำหรับสร้างองค์ประกอบการออกแบบ

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

บันทึกเค้าโครงหน้าในรูปแบบบิตแมปโดยไม่สูญเสียคุณภาพ กำหนดองค์ประกอบสไตล์ที่จะแสดงผลโดยใช้ HTML เหล่านี้อาจเป็นเมนู ลิงก์ ตาราง แบบฟอร์มการค้นหา แยกองค์ประกอบที่เหลือออกจากเค้าโครงและบันทึกไว้ในไฟล์แยกกัน สร้างเอกสารข้อความสองฉบับบนฮาร์ดไดรฟ์ของคุณ เปลี่ยนนามสกุลของหนึ่งในนั้นเป็น.htm จะมีรหัสที่รับผิดชอบตำแหน่งสัมพัทธ์ขององค์ประกอบ ไฟล์ที่สองจะมีสไตล์ชีต

ขั้นตอนที่ 4

เปิดไฟล์แรกในตัวแก้ไข HTML วางบนองค์ประกอบการออกแบบหน้าที่บันทึกไว้ก่อนหน้านี้ในไฟล์บิตแมป สร้างลิงก์ข้อความ ตาราง และองค์ประกอบอื่นๆ ที่ต้องแสดงผลใน HTML คุณสมบัติขององค์ประกอบ เช่น สี ขนาดฟอนต์ การมีเส้นขอบ เขียนในไฟล์ CSS หากคุณต้องการทำให้องค์ประกอบของหน้าเคลื่อนไหว ให้ใช้ JavaScript