Kako Izraditi Gumeni Zaglavlje Za Web Stranicu

Sadržaj:

Kako Izraditi Gumeni Zaglavlje Za Web Stranicu
Kako Izraditi Gumeni Zaglavlje Za Web Stranicu

Video: Kako Izraditi Gumeni Zaglavlje Za Web Stranicu

Video: Kako Izraditi Gumeni Zaglavlje Za Web Stranicu
Video: KAKO NAPRAVITI WEB STRANICU I ZARADITI NOVAC - BRZO I JEDNOSTAVNO 2024, Svibanj
Anonim

Prilikom izrade web stranice na Internetu, jedna od najvažnijih točaka koju programer mora uzeti u obzir je njegova funkcionalnost, svestranost i izvedba. Kako bi se web lokacija mogla u potpunosti i pravilno prikazivati u bilo kojem pregledniku na računalima s širokim izborom razlučivosti zaslona, možete stvoriti prikladno "gumeno" zaglavlje, koje se sastoji od nekoliko grafičkih elemenata.

Kako izraditi gumeni zaglavlje za web stranicu
Kako izraditi gumeni zaglavlje za web stranicu

Upute

Korak 1

U prvom koraku stvaranja takvog zaglavlja za web stranicu otvorite u Photoshopu sliku koju ste već pripremili za objavljivanje na webu, a zatim je izrežite na dijelove pomoću Alata za izrezivanje na alatnoj traci. Izrežite zaglavlje tako da središnji dio bude prazan, tako da na kraju dobijete tri grafička elementa. To će omogućiti da se zaglavlje razvuče za bilo koju razlučivost zaslona.

Korak 2

Nakon što izrežete zaglavlje, spremite ga optimiziranjem datoteka prilikom spremanja za web format (Spremi za web). Postavite željeni format datoteke za spremanje - na primjer, gif, jpeg ili png. Da biste promijenili svaki fragment slike, u izborniku kliknite opciju Alat za odabir kriška i promijenite im veličinu tako da njihova veličina bude što manja uz najmanji gubitak u kvaliteti vizualnog prikaza slike na ekranu. Spremite uređene slike u HTML-u i slike.

3. korak

Nakon spremanja slika uredite HTML kôd otvaranjem spremljenog html dokumenta s Notepadom. U notepadu izbrišite sve nepotrebne retke koda. Ostavite samo potrebne redove - podatke o tablici u koju su ugrađene vaše slike:

4. korak

U tim redovima, umjesto yourimage.gif, treba navesti put do vaših slika s odgovarajućom širinom i visinom.

Korak 5

Da bi se srednji dio slike razvukao, šireći ekstremne slike na strane, u crte napišite odgovarajuće atribute koda. U kodu navedite vlastite parametre širine i visine.

Korak 6

Prenesite generirane slike zaglavlja u korijenski direktorij web mjesta, a zatim uredite HTML kôd s novim stazama do slika zaglavlja na poslužitelju. Zalijepite kod zaglavlja između oznaka.

Preporučeni: