Kako Napraviti Gumeni Zaglavlje Za Web Stranicu

Sadržaj:

Kako Napraviti Gumeni Zaglavlje Za Web Stranicu
Kako Napraviti Gumeni Zaglavlje Za Web Stranicu

Video: Kako Napraviti Gumeni Zaglavlje Za Web Stranicu

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

Prilikom izrade web stranice na Internetu, jedna od najvažnijih točaka koju programer mora uzeti u obzir je njegova funkcionalnost, svestranost i performanse. Da bi se web lokacija u potpunosti i pravilno prikazala u bilo kojem pregledaču na računarima sa širokim spektrom rezolucija ekrana, možete stvoriti prikladno "gumeno" zaglavlje, koje se sastoji od nekoliko grafičkih elemenata.

Kako napraviti gumeni zaglavlje za web stranicu
Kako napraviti gumeni zaglavlje za web stranicu

Instrukcije

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 komade pomoću alatke za rezanje 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 rezoluciju 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ški 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 kao HTML i slike.

Korak 3

Nakon što su slike sačuvane, uredite HTML kôd otvaranjem spremljenog html dokumenta pomoću Notepad-a. U notepadu izbrišite sve nepotrebne redove koda. Ostavite samo potrebne redove - podatke o tablici u koju su ugrađene vaše slike:

Korak 4

U tim redovima, umjesto yourimage.gif, treba navesti putanju do vaših slika odgovarajuće širine i visine.

Korak 5

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

Korak 6

Prenesite generirane slike zaglavlja u korijenski direktorij web lokacije, a zatim uredite HTML kôd s novim putanjama do slika zaglavlja na serveru. Zalijepite kod zaglavlja između oznaka.

Preporučuje se: