Вэбсайтын загварыг хэрхэн засах талаар

Агуулгын хүснэгт:

Вэбсайтын загварыг хэрхэн засах талаар
Вэбсайтын загварыг хэрхэн засах талаар

Видео: Вэбсайтын загварыг хэрхэн засах талаар

Видео: Вэбсайтын загварыг хэрхэн засах талаар
Видео: Вяжем красивый капор - капюшон с воротником и манишкой спицами 2024, Дөрөвдүгээр сар
Anonim

Өнөө үед вэб дизайн, програмчлалын чиглэлээр тодорхой мэдлэггүй байсан ч гэсэн өөрийн вэбсайтыг бий болгох нь тийм ч хэцүү биш юм. Та ямар ч үед интернетэд байрлуулсан янз бүрийн загварыг ашиглаж, бэлэн загвар дээр үндэслэн вэбсайтаа сүлжээнд хийж хэвлүүлж болно. Гэсэн хэдий ч, загварыг санал болгодог сайтын хувилбарт хүн бүр бүрэн сэтгэл хангалуун байдаггүй. Сайтын загварыг хэрхэн өөрчилж, өвөрмөц болгох талаар бид энэ нийтлэлдээ танд хэлэх болно.

Вэбсайтын загварыг хэрхэн засах талаар
Вэбсайтын загварыг хэрхэн засах талаар

Зааварчилгаа

1-р алхам

Загварыг татаж аваад style.css файлыг олоорой. Ихэнхдээ энэ файл public_html хавтсанд байрладаг.

Алхам 2

Notepad дээр style.css файлыг нээгээд сайтын дээд хэсгийн харагдах байдал, мэдрэмжийг хариуцдаг кодын хэсгийг олоорой. Энэ хэсэг нь дараах байдалтай байна.

# логотип {

background: url (images / logotype.png) зүүн төвийг давтахгүй #fff;

өргөн: 230px;

өндөр: 60px;

маржин: 10px 25px;

албан тушаал: харьцангуй;

Алхам 3

Энэ кодын арын: url мөрөнд ирээдүйн сайтын арын зургийн замыг зааж өгөх хэрэгтэй. Дараагийн мөрөнд зургийн урт ба өндрийг зааж өгөх бөгөөд захын хэсэг нь зургийн босоо ба хэвтээ хонхорыг тодорхойлно.

Алхам 4

Код доторх лого болгон ашигладаг загвар хавтаснуудаас logotype.png

Алхам 5

Арын зургийг public_html / tmpl / template_name / Images / фолдерт байршуулж, үүний дараа дээр дурдсанчлан арын хэсэгт зургийн замыг бичнэ үү: url мөр.

Алхам 6

Шаардлагатай бол зургийн өндөр, урт, офсет параметрүүдийг дахин бичнэ үү. Байрлал: харьцангуй шугамыг дангаар нь үлдээж болно. Өөрчлөлтийг файлд хадгалаад хуучин загвар файлын оронд сервер рүү байршуулна уу.

Алхам 7

Хэрэв та footer сайтын логог өөрчлөхийг хүсвэл logotype-footer гэсэн үгнээс эхэлсэн кодын хэсгийг style.css дээрээс хайж олоорой. Зургийг шинэ лого ашиглан хадгалж, загвар зургийн хавтсанд байршуулна уу.

Алхам 8

Урт ба өндрийн параметрүүдийг өөрчлөх. Style.css файлыг дахин хадгалж, шинэчлэгдсэн сайтыг сервер рүү байршуулна уу.

Зөвлөмж болгож буй: