Načelo "pozdravijo nas oblačila" ne velja samo za ljudi, ampak tudi za spletna mesta. Obleka spletnega mesta je njegova zasnova. In dizajn je tisti, ki določa vtis, ki ga ima obiskovalec v prvih nekaj sekundah ogleda vira. Ta vtis je še posebej pomemben, ker določa njegovo prihodnje vedenje. Prvi element oblikovanja, ki ga vidi vsak uporabnik, ki obišče spletno mesto, je njegova "glava". Pokrov je obraz spletnega vira. Zato se želi vsak začetnik spletni oblikovalec najprej naučiti, kako narediti glave za spletna mesta.
Potrebno
- - dostop do interneta;
- - sodoben brskalnik;
- - urejevalnik rasterske grafike (GIMP, Photoshop);
- - neobvezno: urejevalnik vektorske grafike (CorelDraw);
- - neobvezno: okolje za 3D modeliranje (Blender, 3DStudio);
- - neobvezno: list papirja, svinčnik ali pisalo.
Navodila
Korak 1
Razvijte koncept prihodnje glave spletnega mesta. Idealno bi bilo, da koncept temelji na prvotni ideji. Ko idej primanjkuje, lahko navdih dobimo z analizo obstoječih dobrih rešitev. Rezultat ustvarjalnih raziskav odsevajte v obliki skice na papirju. Skica mora odražati strukturo prihodnje glave spletnega mesta z navedbo "gumijastih" mest in površin, napolnjenih s slikami. Na tej stopnji je dobro razmisliti o približno barvni shemi za zasnovo glave.
2. korak
Izberite velikost glave. Pravzaprav je vredno jasno opredeliti le enega od njegovih parametrov - višino. Praviloma je višina naslovov strani določena in ni odvisna od logične ločljivosti, ki vpliva na prikaz parametrov pisav. Z drugimi besedami, izberite višino glave v slikovnih pikah. V tem primeru je smiselno upoštevati možnost umestitve pasic ali blokov kontekstnega oglaševanja v glavo. Glede širine določite najmanjšo vrednost, pri čemer poudarite vsaj eno "gumijasto" področje, ki omogoča, da se glava prilagodi različnim velikostim spletne strani.
3. korak
Ustvarite predlogo glave v grafičnem urejevalniku. V nov dokument dodajte prozorno plast, na katero boste povlekli skico glede na izbrane geometrijske parametre. Višina sloja se mora ujemati z višino glave. Širino lahko vzamemo kot poljubno, vendar večjo od najmanjše velikosti, tako da ostane prostor za vodoravna "gumijasta" območja. "V predlogi določite območja nespremenljivih in spremenljivih velikosti, območja, ki naj bodo zapolnjena s statičnimi slikami, slike za ozadje.
4. korak
Poiščite ali ustvarite statične slike, ki jih želite umestiti v predlogo glave. Logotip in nekatere unikatne elemente lahko ustvarite v vektorskem urejevalniku ali okolju 3D modeliranja. Na brezplačnih fotobankah na internetu je zelo enostavno najti tematske slike.
5. korak
Vstavite ozadje, logotip in statične slike v predlogo glave spletnega mesta v grafičnem urejevalniku. Dodajte ozadje in vsako sliko v ločen prozoren sloj. Sloje razporedite na najboljši način. S premikanjem slik v plasteh dosežete njihovo popolno postavitev, ki ustreza predhodno ustvarjeni predlogi.
6. korak
Shranite nastalo sliko glave. Shranite delovni projekt v izvorni obliki grafičnega urejevalnika. Nato shranite sliko sploščene glave v format brez izgub (na primer PNG).
7. korak
Po potrebi ustvarite predlogo glave HTML. Odprite sploščeno sliko v urejevalniku. Iz nje izrežite slike, ki ustrezajo območjem določene velikosti. Iz krajev, ki ustrezajo "gumijastim" območjem, izrežite slike širine 1 slikovne pike. Shranite vse slike na disk. Postavite glavo HTML z uporabo shranjenih slik.
