Kaip Padaryti Guminę Antraštę Svetainei

Turinys:

Kaip Padaryti Guminę Antraštę Svetainei
Kaip Padaryti Guminę Antraštę Svetainei

Video: Kaip Padaryti Guminę Antraštę Svetainei

Video: Kaip Padaryti Guminę Antraštę Svetainei
Video: Turinio sudarymas Word 2010 2024, Lapkritis
Anonim

Kuriant svetainę internete, vienas iš svarbiausių dalykų, į kurį kūrėjas turi atsižvelgti, yra jo funkcionalumas, universalumas ir našumas. Norėdami, kad svetainė būtų visiškai ir teisingai rodoma bet kurioje kompiuterio naršyklėje su įvairia ekrano skiriamąja geba, galite sukurti patogią „guminę“antraštę, susidedančią iš kelių grafinių elementų.

Kaip padaryti guminę antraštę svetainei
Kaip padaryti guminę antraštę svetainei

Nurodymai

1 žingsnis

Pirmame žingsnyje kuriant tokią interneto antraštę atidarykite „Photoshop“vaizdą, kurį jau paruošėte paskelbti internete, tada supjaustykite jį į gabalus naudodamiesi įrankių juostos „Slice“įrankiu. Iškirpkite antraštę taip, kad centrinė dalis būtų tuščia, kad galų gale būtų trys grafiniai elementai. Tai leis antraštę ištempti bet kokiai ekrano raiškai.

2 žingsnis

Iškirpę antraštę, išsaugokite ją optimizuodami failus išsaugodami žiniatinklio formatui (Išsaugoti žiniatinkliui). Nustatykite norimą išsaugoti failo formatą - pavyzdžiui, gif, jpeg arba png. Norėdami pakeisti kiekvieną paveikslėlio fragmentą, spustelėkite meniu „Slice Select Tool“parinktį ir pakeiskite vaizdų dydį taip, kad jų dydis būtų kuo mažesnis ir kuo mažiau prarastų vaizdo vizualinio atvaizdavimo kokybė ekrane. Išsaugokite redaguotus vaizdus kaip HTML ir vaizdus.

3 žingsnis

Išsaugoję paveikslėlius, redaguokite HTML kodą atidarydami išsaugotą HTML dokumentą naudodami bloknotą. „Notepad“ištrinkite visas nereikalingas kodo eilutes. Palikite tik būtinas eilutes - duomenis apie lentelę, į kurią įdėti jūsų paveikslėliai:

4 žingsnis

Šiose eilutėse vietoj „yourimage.gif“turėtų būti nurodytas kelias į jūsų atvaizdus, kurių plotis ir aukštis yra tinkami.

5 žingsnis

Kad vidurinė atvaizdo dalis ištemptų, skleisdama kraštutinius vaizdus į šonus, eilutėse įrašykite atitinkamus kodo atributus. Kode nurodykite savo pločio ir aukščio parametrus.

6 žingsnis

Įkelkite sugeneruotus antraštės vaizdus į savo svetainės šakninį katalogą ir redaguokite HTML kodą su naujais keliais į antraštės vaizdus serveryje. Įklijuokite antraštės kodą tarp žymų.

Rekomenduojamas: