Kā Izveidot Gumijas Galveni Vietnei

Satura rādītājs:

Kā Izveidot Gumijas Galveni Vietnei
Kā Izveidot Gumijas Galveni Vietnei

Video: Kā Izveidot Gumijas Galveni Vietnei

Video: Kā Izveidot Gumijas Galveni Vietnei
Video: Универсальная (мужская или женская) супер манишка!Удобный и красивый дизайн. Вяжем спицами.Часть 1. 2024, Aprīlis
Anonim

Veidojot vietni internetā, viens no vissvarīgākajiem punktiem, kas izstrādātājam jāņem vērā, ir tā funkcionalitāte, daudzpusība un veiktspēja. Lai vietne tiktu pilnībā un pareizi parādīta jebkurā datora pārlūkprogrammā ar visdažādākajām ekrāna izšķirtspējām, varat izveidot ērtu "gumijas" galveni, kas sastāv no vairākiem grafiskiem elementiem.

Kā izveidot gumijas galveni vietnei
Kā izveidot gumijas galveni vietnei

Instrukcijas

1. solis

Pirmajā šādas vietnes galvenes izveidošanas posmā Photoshop atveriet attēlu, kuru jau esat sagatavojis ievietošanai tīmeklī, un pēc tam sagrieziet to gabalos, izmantojot rīkjoslā esošo rīku Šķēle. Izgrieziet galveni tā, lai centrālā daļa būtu tukša, lai jūs iegūtu trīs grafiskos elementus. Tas ļaus galvenei izstiepties jebkurai ekrāna izšķirtspējai.

2. solis

Pēc galvenes sagriešanas saglabājiet to, optimizējot failus, saglabājot tīmekļa formātam (Saglabāt tīmeklim). Iestatiet vēlamo faila formātu saglabāšanai - piemēram, gif, jpeg vai png. Lai mainītu katru attēla fragmentu, izvēlnē noklikšķiniet uz opcijas Šķēles atlases rīks un mainiet attēlu izmērus tā, lai to izmērs būtu pēc iespējas mazāks, ar vismazāko attēla vizuālās attēlošanas kvalitātes samazināšanos ekrānā. Saglabājiet rediģētos attēlus kā HTML un attēlus.

3. solis

Kad attēli ir saglabāti, rediģējiet HTML kodu, atverot saglabāto HTML dokumentu ar Notepad. Notepad dzēsiet visas nevajadzīgās koda rindas. Atstājiet tikai nepieciešamās rindas - datus par tabulu, kurā iegulti jūsu attēli:

4. solis

Šajās rindās, nevis yourimage.gif, jānorāda ceļš uz jūsu attēliem ar atbilstošu platumu un augstumu.

5. solis

Lai attēla vidusdaļa varētu izstiepties, izkliedējot galējos attēlus uz sāniem, rindās ierakstiet atbilstošos koda atribūtus. Kodā norādiet savus platuma un augstuma parametrus.

6. solis

Augšupielādējiet ģenerētos galvenes attēlus savas vietnes saknes direktorijā un pēc tam rediģējiet HTML kodu ar jauniem ceļiem uz galvenes attēliem serverī. Starp tagiem ielīmējiet galvenes kodu.

Ieteicams: