วิธีเปลี่ยนการออกแบบเว็บไซต์

สารบัญ:

วิธีเปลี่ยนการออกแบบเว็บไซต์
วิธีเปลี่ยนการออกแบบเว็บไซต์

วีดีโอ: วิธีเปลี่ยนการออกแบบเว็บไซต์

วีดีโอ: วิธีเปลี่ยนการออกแบบเว็บไซต์
วีดีโอ: ออกแบบเว็บใน 5 นาที จะออกมายังไง !? 2024, พฤศจิกายน
Anonim

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

วิธีเปลี่ยนการออกแบบเว็บไซต์
วิธีเปลี่ยนการออกแบบเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

ตอนนี้ลองเปลี่ยนส่วนหัวของไซต์ รูปภาพในการออกแบบไซต์สามารถลงทะเบียนได้ทั้งในไฟล์ style.css (นี่คือไฟล์สไตล์) หรือในเทมเพลต html

ขั้นตอนที่ 4

หากคุณกำลังจัดการกับ css ให้ค้นหารายการ "การออกแบบ" - "การจัดการการออกแบบ (CSS)" ในแผงควบคุมด้านบน หน้าต่างที่มีไฟล์รูปแบบจะปรากฏขึ้นที่ด้านล่าง ซึ่งคุณต้องเปลี่ยน ค้นหาบรรทัด: #header {background: url ('/ ee.jpg') no-repeat; height: 182px; ……} และเปลี่ยนรูปภาพในนั้น

ขั้นตอนที่ 5

หากรูปภาพเขียนในเทมเพลต html ในกรณีนี้ให้เลือก "การออกแบบ" - "การจัดการการออกแบบ (เทมเพลต)" จากนั้นเลือกรายการ "ด้านบนของไซต์" ค้นหาบรรทัด:

ขั้นตอนที่ 6

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

ขั้นตอนที่ 7

หลังจากที่คุณเปลี่ยนรูปภาพแล้ว ให้ใช้ตัวจัดการไฟล์เพื่อบันทึกส่วนหัวไปยังไดเร็กทอรีราก ในเวลาเดียวกัน เปลี่ยนที่อยู่ของรูปภาพเป็นที่อยู่ที่คุณต้องการ

ขั้นตอนที่ 8

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