Kako Narediti Gumijasto Glavo Za Spletno Stran

Kazalo:

Kako Narediti Gumijasto Glavo Za Spletno Stran
Kako Narediti Gumijasto Glavo Za Spletno Stran

Video: Kako Narediti Gumijasto Glavo Za Spletno Stran

Video: Kako Narediti Gumijasto Glavo Za Spletno Stran
Video: Kako narediti spletno stran brezplačno 2020 | Wordpress 2024, November
Anonim

Pri ustvarjanju spletnega mesta v internetu je ena najpomembnejših točk, ki jo mora razvijalec upoštevati, njegova funkcionalnost, vsestranskost in zmogljivost. Če želite, da je spletno mesto v celoti in pravilno prikazano v katerem koli brskalniku v računalnikih z najrazličnejšimi ločljivostmi zaslona, lahko ustvarite priročno "gumijasto" glavo, sestavljeno iz več grafičnih elementov.

Kako narediti gumijasto glavo za spletno stran
Kako narediti gumijasto glavo za spletno stran

Navodila

Korak 1

V prvem koraku ustvarjanja take glave za spletno mesto v Photoshopu odprite sliko, ki ste jo že pripravili za objavo v spletu, in jo nato z orodjem za rezanje v orodni vrstici razrežite na koščke. Zarežite glavo tako, da je srednji del prazen, tako da boste dobili tri grafične elemente. Tako se bo glava lahko raztegnila za katero koli ločljivost zaslona.

2. korak

Ko izrežete glavo, jo shranite tako, da optimizirate datoteke med shranjevanjem v spletni obliki (Save for web). Nastavite želeno obliko zapisa datoteke za shranjevanje - na primer gif, jpeg ali png. Če želite spremeniti vsak fragment slike, v meniju kliknite možnost Orodje za izbiro rezin in spremenite velikost slik tako, da je njihova velikost čim manjša, z najmanjšo izgubo v kakovosti vizualnega prikaza slike na zaslonu. Urejene slike shranite kot html in slike.

3. korak

Ko so slike shranjene, uredite kodo HTML tako, da odprete shranjeni html dokument z Beležnico. V beležnici izbrišite vse nepotrebne vrstice kode. Pustite samo potrebne vrstice - podatke o tabeli, v katero so vdelane vaše slike:

4. korak

V teh vrsticah je treba namesto yourimage

5. korak

Da se srednji del slike raztegne in razširi skrajne slike na stranice, v vrstice zapišite ustrezne atribute kode. V kodi določite lastne parametre širine in višine.

6. korak

Ustvarjene slike glave naložite v korenski imenik spletnega mesta in nato uredite kodo HTML z novimi potmi do slik glave v strežniku. Med oznake prilepite kodo glave.

Priporočena: