"Riietega tervitamise" põhimõte kehtib mitte ainult inimeste, vaid ka saitide kohta. Saidi kleit on selle kujundus. Ja just kujundus määrab mulje, mis külastajal ressursi vaatamise esimestel sekunditel jääb. See mulje on eriti oluline, sest see määrab tema edasise käitumise. Esimene kujunduselement, mida iga saiti külastav kasutaja näeb, on selle "päis". Kork on veebiressursi nägu. Seetõttu soovib iga algaja veebidisainer kõigepealt õppida saitidele päiste loomist.
Vajalik
- - juurdepääs Internetile;
- - kaasaegne brauser;
- - rastergraafika redaktor (GIMP, Photoshop);
- - valikuline: vektorgraafika redaktor (CorelDraw);
- - valikuline: 3D-modelleerimise keskkond (Blender, 3DStudio);
- - valikuline: paberileht, pliiats või pastakas.
Juhised
Samm 1
Töötage välja tulevase saidi päise kontseptsioon. Ideaalis peaks kontseptsioon põhinema algsel ideel. Kui ideedest jääb puudu, saab inspiratsiooni ammutada olemasolevaid häid lahendusi. Peegeldage loomingulise uurimistöö tulemust visandina paberile. Visand peaks peegeldama saidi tulevase päise struktuuri, näidates piltidega täidetud kohti "kummist" ja alasid. Selles etapis on hea mõelda päise kujunduse jaoks ligikaudne värvilahendus.
2. samm
Valige päise suurus. Tegelikult tasub selgelt määratleda ainult üks selle parameetritest - kõrgus. Reeglina on saidi päiste kõrgus fikseeritud ja see ei sõltu loogilisest eraldusvõimest, mis mõjutab fontide kuvamisparameetreid. Teisisõnu, peate valima päise kõrguse väärtuse pikslites. Sellisel juhul on mõistlik arvestada võimalusega paigutada päisesse bännerid või kontekstuaalse reklaami plokid. Laiuse osas peaksite määrama minimaalse väärtuse, tõstes esile vähemalt ühe "kummist" ala, mis võimaldab päisel kohaneda veebilehtede erineva suurusega.
3. samm
Looge päisemall graafikiredaktoris. Uues dokumendis lisage läbipaistev kiht, millele lohistate visandi vastavalt valitud geomeetrilistele parameetritele. Kihi kõrgus peaks vastama päise kõrgusele. Laiust võib pidada meelevaldseks, kuid minimaalsest suurusest suuremaks, jättes ruumi horisontaalsetele “kummist” aladele.”Mallis määrake fikseeritud ja muutuva suurusega tsoonid, staatiliste kujutistega täidetavad tsoonid, taustpildid.
4. samm
Otsige või looge staatilisi pilte, et need oma päisemalli paigutada. Logo ja mõningaid unikaalseid elemente saab luua vektoriredaktoris või 3D-modelleerimise keskkonnas. Internetis on üsna lihtne leida temaatilisi pilte tasuta fotopankadest.
5. samm
Sisestage graafika redaktoris saidi päise malli taust, logo ja staatilised pildid. Lisage taust ja iga pilt eraldi läbipaistvale kihile. Paigutage kihid parimal viisil. Piltide kihtidena liigutades saavutage nende täiuslik paigutus, mis vastab eelnevalt loodud mallile.
6. samm
Salvestage saadud päise pilt. Salvestage tööprojekt graafikatoimetaja kohalikus vormingus. Seejärel salvestage lamestatud päisepilt kadudeta vormingus (näiteks PNG).
7. samm
Vajadusel looge HTML-päise mall. Avage redigeerijas lamestatud pilt. Lõika sellest välja pildid, mis vastavad kindla suurusega aladele. Lõika "kummist" aladele vastavad kohad välja 1 piksli laiused pildid. Salvestage kõik pildid kettale. Paigutage salvestatud pilte kasutades HTML-päis.
