Cum de a edita șablon de site

Când creați un site folosit de multe ori template-uri gata făcute, care au fost găsite în rețea. Ei, uneori, utilizatori au descărcat de mii de ori, pe baza acestora resursele sunt foarte similare în design-ul exterior. Site-ul a trebuit să design personalizat, ar trebui să fie pentru a edita șablonul.

veți avea nevoie de

• - Format;
• - Dreamweaver.

instrucție

Descărcați și instalați programul Dreamweaver, rula. Deschide în modelul ei ales. Vă rugăm să rețineți că ar trebui să alegeți șablonul potrivit pentru a minimiza munca. Când selectați se concentrează pe dispunerea elementelor pe pagină, nu înregistrarea de culoare. Dacă doriți să creați un site care este diferit de celelalte, schema de culori pe care încă mai trebuie să se schimbe, deci cel mai bine este de a alege un șablon cu un aspect adecvat, care nu trebuie să refaceți, și trebuie să emită în mod corespunzător.

Treceți la „Design“, apoi faceți clic pe mouse-ul oricare dintre elementele - de exemplu, antetul paginii, în acest exemplu, șablonul care afișează textul râu. Rețineți că au existat proprietăți ale elementului pe pagină în partea de jos a ferestrei programului. În special, lățimea specificată, înălțimea, utilizată o imagine. Aveți posibilitatea să modificați dimensiunea de capace specificându-le în câmpurile corespunzătoare, sau prin glisarea mouse-ului pe hotarele markerilor header. Schimbarea de imagine pentru această ridica imaginea dorită de aceeași dimensiune, și introduceți în locul originalului.

La fel de mod simplu puteți schimba elemente. De exemplu, culoarea textului, culoarea de fundal a paginii, numele de link-uri, etc. etc. Dacă ceva nu funcționează în fereastra de proiectare, puteți face întotdeauna corecțiile necesare direct în cod. Asigurați-vă că înainte de a începe să salvați fișierul original, într-o locație separată. Pe măsură ce lucrați salvați rezultatele ca fișiere separate cu nume diferite, acest lucru vă va permite în orice moment pentru a merge înapoi. Cu un pic de practică în lucrul cu software-ul Dreamweaver, puteți edita oricare dintre șabloanele ușor și rapid.

instrucție

Descărcați șablonul și pentru a găsi fișierul style.css. De obicei, acest fișier se află în folderul public_html.

Deschideți fișierul style.css în Notepad și pentru a găsi bucata de cod care este responsabil pentru apariția părții superioare a site-ului. Acest fragment este după cum urmează:
#logotype

fundal: url (images / logotype.jpg) nu-repetare centru-stânga #fff;

În acest cod, în funcție de fundal: URL-ul trebuie să specificați calea către imaginea de fundal a site-ului viitor. Următoarele linii indică lungimea și înălțimea imaginii, și marja de punctul indentare determină imaginea pe verticală și pe orizontală.

Localizați directoarele de șabloane de fișiere logotype.jpg utilizate în codul ca logo-ul, și înlocuiți-l în același folder cu propriul logo-ul cu același nume ca png.

Context dosarul de încărcare a imaginilor în public_html / tmpl / nume de șablon / Imagini /, după care, așa cum sa menționat mai sus, înregistrați pe linia de fundal: calea URL-ului o imagine.

Dacă este necesar, rescrie imaginea înălțimea parametrilor, lungime și indentare. Poziția Linia: relativă nu se poate atinge. Salvați fișierul și încărcați-l la server în loc de fișierul șablon anterior.

Dacă doriți să modificați site-ul logo-ul mai mic, pentru a primi în fragmentul style.css de cod care începe cu cuvintele logotip-subsol. Salvați imaginea cu un nou logo și încărcați-l într-un dosar șablon Imagini.

Modificarea parametrilor de lungime și înălțime. Din nou, salvați fișierul style.css și încărcați site-ul la server.