Prilikom izrade web stranica često se koriste gotovi predlošci pronađeni na mreži. Korisnici ih ponekad preuzmu hiljadama puta, a resursi stvoreni na njihovoj osnovi izgledaju vrlo slično. Da bi stranica imala individualni dizajn, treba urediti njezin predložak.
Neophodno je
- - predložak stranice;
- - Dreamweaver softver.
Instrukcije
Korak 1
Najbolji način rada s predlošcima je Dreamweaver koji se može preuzeti s Interneta. Ovaj program je jedan od najboljih alata za stvaranje web stranice, omogućava vam uređivanje stranica i vizualno i pomoću uređivača koda.
Korak 2
Preuzmite i instalirajte Dreamweaver i pokrenite ga. U njemu otvorite predložak po vašem izboru. Imajte na umu da bi obrazac trebao biti pravilno odabran kako bi se rad sveo na minimum. Kada ga odabirete, usredotočite se na izgled elemenata na stranici, a ne na šemu boja. Ako želite stvoriti web mjesto koje se razlikuje od ostalih, morat ćete promijeniti njegovu shemu boja, pa je bolje odabrati predložak s prikladnim izgledom, koji neće trebati ponoviti, i već ga urediti u pravi način.
Korak 3
Najprikladnije je razmotriti postupak uređivanja na konkretnom primjeru. Preuzmite bilo koji HTML predložak - na primjer, ovaj: https://web-silver.ru/templates/sites/086/086.zip. Raspakirajte ga, a zatim otvorite html datoteku u Dreamweaver-u. Obratite pažnju na prekidač za način rada u gornjem lijevom kutu - "Kod", "Odvojeno", "Dizajn". Prebacivanjem između načina rada možete uređivati predložak na najprikladniji način za vas.
Korak 4
Prebacite se na prikaz "Dizajn", a zatim kliknite mišem bilo koji od elemenata - na primjer, zaglavlje stranice, u primjeru predloška sadrži tekst Rijeka. Imajte na umu da su se svojstva ovog elementa stranice pojavila na dnu prozora programa. Posebno su naznačeni širina, visina, korištena slika. Veličinu zaglavlja možete promijeniti tako da ih navedete u odgovarajućim poljima ili jednostavno povlačenjem markiranih markira na samom zaglavlju. Promijenite sliku, za to odaberite sliku koja vam treba iste veličine i umetnite je umjesto izvorne.
Korak 5
Možete promijeniti bilo koji element na isti jednostavan način. Na primjer, boja teksta, pozadina stranice, naslovi veza itd. itd. Ako nešto ne uspije u prozoru za dizajn, uvijek možete izvršiti potrebne ispravke direktno u kodu. Ne zaboravite sačuvati originalnu datoteku na zasebnom mjestu prije početka rada. Dok radite, spremajte njegove rezultate kao zasebne datoteke s različitim imenima, to će vam omogućiti povratak u bilo kojem trenutku. Uz malo vježbe s Dreamweaver-om možete brzo i jednostavno urediti bilo koji predložak.
