Za početnike 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 organizacijskih promjena u standardni dizajn.
Potrebno
- - predložak stranice;
- - program Photoshop;
- - proširenje za preglednik FireBug;
- - Notepad ++ editor.
Upute
Korak 1
Na internetu pronađite prikladan predložak web stranice. Istražite predložene predloške, vodeći računa o njihovoj prilagodljivosti veličini monitora, specifičnostima rasporeda stupaca i izbornika. Preuzmite odabranu opciju. Provjerite njegovu izvedbu prijenosom 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 mogućnost.
Korak 2
Izmijenite većinu slika u predlošku. Zamijenite svaku sliku kako slijedi. Pokrenite Photoshop i otvorite jednu od grafičkih datoteka predloška u njemu. Potražite parametre slike u izborniku "Slika" u stupcu "Veličina". Otvorite novi list istih dimenzija i na njemu stvorite potrebnu sliku. Spremite rezultat u mapu predloška pod imenom grafičke datoteke koju želite zamijeniti. Stoga je potrebno zamijeniti sve suvisle slike.
3. korak
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 rezultate je bolje pregledati na lokalnom hostingu kako ne biste prenijeli svako ažuriranje na poslužitelj.
4. korak
Preuzmite i instalirajte besplatno proširenje FireBug za svoj preglednik. Ikona sa žutom greškom trebala bi se pojaviti u gornjem desnom kutu prozora preglednika. Kliknite 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. Upotrijebite FireBug za pronalaženje parametara koji će se mijenjati i uređivanje u programu Notepad ++.
Korak 6
Spremite rezultat i prenesite kreiranu stranicu na poslužitelj.
