Kako napraviti predložak web mjesta?

Predložci za gotove web stranice spremni su i plaćeni ibesplatno, za svaki ukus. Međutim, svi imaju ogroman nedostatak - oni nisu jedinstveni. Čak i ako ste kupili predložak, onda ga netko drugi može kupiti.

Kako biti, ako želite imati vlastitu web stranicu,i ne možete naručiti dizajn web stranica u profesionalnom studiju? Možete i trebate pokušati izraditi vlastiti dizajnni obrazac za svoju web lokaciju. Predložak je vrsta priprema za izradu stranica vašeg web projekta, koju zatim ispunite s potrebnim sadržajem.

Dakle, gdje početi. Prvi korak - preliminarno pažljivo razmatranje, kakoŽelite vidjeti dizajn svoje web-lokacije, čini se da je suvišno. Međutim, samo na prvi pogled. Bolje je nacrtati budući dizajn na papiru, eksperimentirati s različitim opcijama i tek onda početi raditi u grafičkom uredniku.

Sljedeći korak, kao što ste vjerojatno već nagađali, crta nacrt u grafičkom uredniku. Koji u isto vrijeme odabiru urednika - stvar osobnih ukusa i preferencija. Najčešći grafički paket - Adobe Phhtoshop, pa razmislite o izradi predloška za dizajn stranice će biti na njegov primjer.

Stranice vaše buduće stranice bit će ćelije tablice ako koristite tablični izgled ili blokove, ako blok. Postavite sliku koju ste nacrtali izgled dizajna stranica u ove ćelije ili blokove sljedeći je korak u izradi predloška web sučelja. Da biste to učinili, morate podijeliti jednu sliku u nekoliko dijelova, po broju i veličini stanica ili blokova koje trebate.

U programu Adobe Phohtoshop postoji poseban alat za rezanje slika - Slice Tool, S ovim alatom, doslovno poput nožaslika je izrezana u traženi broj komada. Treba uzeti u obzir da prilikom popunjavanja teksta neke ćelije tablica ili blokovi na stranici stranice mogu se "protežu". Stoga za ove stanice potrebno je izrezati dijelove slike tako da prilikom kopiranja ne stvaraju dojam pločice.

Kada je slika izrezana na potrebni broj dijelova, trebate je spremiti. U Adobe Phhtoshopu ovo je jednostavno. Na izborniku file morate odabrati stavku Spremi za web-uređaje, U dijaloškom okviru koji se pojavi, morateodaberite vrstu datoteke "HTML & slike", odredite naziv datoteke "index.htm" ili "index.html" (poželjno je proširenje .htm) i spremite ovu datoteku u korijensku mapu svoje buduće stranice. Ako je sve ispravno izvršeno, u ovoj se mapi pojavljuje odgovarajuća datoteka index.html i imenik slika. Na slikama će biti sve sjeckani dijelovi slike.

Što je sljedeće? Ostaje samo uređivanje datoteke index.html tako da kada ga popunite tekstomNije bilo rupture slike ili bijelih pruga. Kako bi se izbjegli takvi problemi, potrebno je odabrati za koje će stanice slike biti pozadine, koje će stanice biti rastegnute ili kombinirane. Nemojte se obeshrabriti ako niste uspjeli savršeno rezati sliku od prvog puta, možda ćete trebati nekoliko bolnih pokušaja. No, kao rezultat, dizajn vaše web stranice bit će upravo ono što ste htjeli, a sama web lokacija zadovoljit će vas originalnost i jedinstvenost.

Na temelju materijala web sitea webstudio2u.net