Najlakši način za stvaranje web stranice je korištenje predloška. Međutim, da bi se resurs istakao, trebate promijeniti zadani izgled. I ovdje ne možete bez osnovnog znanja o HTML-u i CSS-u.
Instrukcije
Korak 1
Pronađite predložak web stranice koji vam najviše odgovara na Internetu. Obratite pažnju na njegove mogućnosti, mogućnost prilagođavanja veličini monitora, karakteristikama menija i rasporedu stupaca. Preuzmite verziju koja vam se sviđa na računar, raspakujte arhivu. Provjerite njegovu izvedbu tako što ćete datoteke poslati u korijen web stranice. Možda predložak sadrži greške i neće se pravilno instalirati, pa tada neće imati smisla raditi s njim.
Korak 2
Čak i ako nećete u potpunosti prepraviti predložak, zamijenite većinu slika, a posebno one koje se nalaze kao logotip. Zamijenite svaku sliku na ovaj način:
- otvorite grafičku datoteku u programu Photoshop;
- u izborniku "Slika" - "Veličina slike" pogledajte njene parametre;
- otvorite novi list potpuno istih dimenzija;
- stvoriti željenu sliku pomoću alata za aplikacije;
- poravnajte sve slojeve i sačuvajte (ne za web) novu sliku pod istim imenom i u istoj mapi, postavljajući izvorni format.
Tako bi se umjesto jedne slike trebala pojaviti druga.
Korak 3
Čim promijenite sve slike, stisnite mapu s datotekama u ZIP datoteku (u slučaju Joomle) i prenesite je putem administratorske ploče web stranice u izborniku "Proširenja". Pogledajte da li se tema prikazuje pravilno s novim ilustracijama.
Korak 4
Promijenite ostatak parametara u style.css. Štoviše, puno je prikladnije to učiniti ne putem administratorske ploče, već na računaru. Razumno je koristiti localhost (Denver) kako bi se što prije vidjeli rezultati transformacija. To će izbjeći potrebu za učitavanjem rezultata svaki put na server kako bi se rezultati vidjeli nakon sljedećeg uređivanja.
Korak 5
Preuzmite besplatni dodatak FireBug za Mozilla Firefox. Nakon instalacije, žuta ikona greške pojavit će se u gornjem desnom kutu preglednika. Kliknite ga ili pritisnite tipku F12 i na dnu ekrana kôd stranice pojavit će se u sažetoj verziji. Može se otvoriti lebdenjem miša preko znakova plus. A ako kliknete liniju elementa, on će biti označen na vrhu zaslona. Na desnoj strani prozora s kodom pronaći ćete stilove koji ukazuju na linije koje su odgovorne za izgled. I odmah će postati jasno gdje trebate urediti datoteku stila da biste promijenili dizajn.
Korak 6
Otvorite style.css u programu Notepad ++. Možete koristiti druge programe dizajnirane za uređivanje koda, ali u tu svrhu ne možete koristiti standardni "Notepad", inače će doći do grešaka zbog kodiranja. Koristite FireBug da biste pronašli parametre koje želite promijeniti i istovremeno ih urediti u Notepadu ++.
Korak 7
Spremite konačni css i prenesite datoteku na server.
