วิธีสร้างส่วนหัวบนเว็บไซต์ Ucoz

สารบัญ:

วิธีสร้างส่วนหัวบนเว็บไซต์ Ucoz
วิธีสร้างส่วนหัวบนเว็บไซต์ Ucoz

วีดีโอ: วิธีสร้างส่วนหัวบนเว็บไซต์ Ucoz

วีดีโอ: วิธีสร้างส่วนหัวบนเว็บไซต์ Ucoz
วีดีโอ: Website Tutorial: How to add your own style sheet on your ucoz site 2024, พฤศจิกายน
Anonim

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

วิธีสร้างส่วนหัวบนเว็บไซต์ ucoz
วิธีสร้างส่วนหัวบนเว็บไซต์ ucoz

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

ไปที่บรรทัดที่ขึ้นต้นด้วย.header มันสร้างคลาสหลอกที่กำหนดการออกแบบส่วนบนทั้งหมดของไซต์ของคุณ หากต้องการเปลี่ยนส่วนหัว คุณต้องแก้ไขโค้ดเฉพาะนี้

ขั้นตอนที่ 3

หากต้องการเปลี่ยนพื้นหลังของส่วนหัว ในบรรทัดที่พบ คุณจะต้องเปลี่ยนพารามิเตอร์ URL พื้นหลัง ('address_to_the_picture_file') คัดลอกที่อยู่ในวงเล็บโดยไม่ต้องใส่เครื่องหมายคำพูด และเพิ่มไปยังที่อยู่เว็บไซต์ของคุณในหน้าต่างเบราว์เซอร์ ดังนั้น หากทรัพยากรของคุณมีที่อยู่ site.ucoz.ru และรูปภาพอยู่ที่.s / u / 111 / 1.png

Site.ucoz.ru/.s/u/111/1.png

หลังจากป้อนลำดับนี้แล้วให้กด Enter

ขั้นตอนที่ 4

บันทึกไฟล์ผลลัพธ์และแก้ไขในโปรแกรมแก้ไขกราฟิก (Photoshop, GIMP) คุณสามารถเปลี่ยนพื้นหลัง กำหนดรูปแบบการออกแบบที่แตกต่างกันโดยใช้เครื่องมือและฟังก์ชันของโปรแกรม โดยไม่ต้องเปลี่ยนขนาดของรูปภาพ ให้บันทึกลงในคอมพิวเตอร์ของคุณโดยใช้ชื่อใดก็ได้ (เช่น head.png) โดยใช้นามสกุลเดียวกัน

ขั้นตอนที่ 5

ในหน้าต่างตัวแก้ไข Ucoz ไปที่ส่วน "ตัวจัดการไฟล์" และอัปโหลดภาพที่ได้ไปยังโฟลเดอร์ที่มีอยู่โดยคลิกที่ปุ่ม "เรียกดู" จากนั้น "อัปโหลดไฟล์"

ขั้นตอนที่ 6

กลับไปที่หน้าตัวแก้ไข CSS และระบุ URL ไปยังไฟล์ส่วนหัวที่อัปโหลดใหม่ของคุณ ตัวอย่างเช่น หากคุณบันทึกรูปภาพชื่อ head.png

URL พื้นหลัง ('head.png')

ขั้นตอนที่ 7

คลิกที่ปุ่ม "บันทึก" การสร้างไฟล์ส่วนหัวที่กำหนดเองบนไซต์เสร็จสมบูรณ์แล้ว

แนะนำ: