Početnik je najlakši način izrade web stranice pomoću standardnog predloška. Jedinstvenost resursa može se postići uvođenjem brojnih kozmetičkih i organizacionih promjena u standardni dizajn.
Potrebno
- - predložak stranice;
- - program Photoshop;
- - ekstenzija za pregledač FireBug;
- - Notepad ++ editor.
Instrukcije
Korak 1
Na internetu pronađite predložak web stranice koji vam odgovara. Istražite predložene predloške, vodeći računa o njihovoj prilagodljivosti veličini monitora, specifičnostima rasporeda stupaca i menija. Preuzmite odabranu opciju. Provjerite njegove performanse učitavanjem datoteka u korijen web stranice koja se kreira. Ako predložak sadrži pogreške koje u radu izađu na vidjelo, bolje je pronaći drugu opciju.
Korak 2
Izmijenite većinu slika u predlošku. Zamijenite svaku sliku na sljedeći način. Pokrenite Photoshop i otvorite jednu od grafičkih datoteka predloška u njemu. Parametre slike potražite u izborniku "Slika" u stupcu "Veličina". Otvorite novi list istih dimenzija i na njemu stvorite potrebnu sliku. Snimite rezultat u mapu predloška pod imenom grafičke datoteke koju želite zamijeniti. Stoga je neophodno zamijeniti sve značajne slike.
Korak 3
Promijenite ostatak parametara pomoću kaskadnih tablica style.css, formalnog programskog jezika koji opisuje izgled dokumenta. Prikladnije je takve promjene izvršiti putem administratorske ploče, a bolje je rezultate pregledati na lokalnom hostingu kako ne biste prenijeli svako ažuriranje na server.
Korak 4
Preuzmite i instalirajte besplatno proširenje FireBug za svoj pregledač. Ikona sa žutom greškom trebala bi se pojaviti u gornjem desnom uglu prozora pregledača. Kliknite na ikonu i pritisnite F12. Sažeti kôd stranice pojavit će se na dnu zaslona. Može se proširiti lebdenjem iznad znakova plus. Klikom na red elementa možete vidjeti kako je istaknut na vrhu zaslona. U desnom dijelu prozora s kodom nalaze se stilovi koji označavaju linije odgovorne za izgled stranice.
Korak 5
Otvorite predložak u programu Notepad ++ editor. Koristite FireBug za pronalaženje parametara koji će se mijenjati i uređivanje u programu Notepad ++.
Korak 6
Spremite rezultat i prenesite kreiranu stranicu na server.
