Die beginsel van 'om deur klere begroet te word' geld nie net vir mense nie, maar ook vir webwerwe. Die drag van die webwerf is die ontwerp daarvan. En dit is die ontwerp wat die indruk bepaal wat die besoeker in die eerste paar sekondes na die lees van die bron het. Hierdie indruk is veral belangrik omdat dit sy toekomstige gedrag bepaal. Die eerste ontwerpelement wat elke gebruiker wat die webwerf besoek, sien, is die "koptekst". Die kap is die gesig van die webbron. Daarom wil elke beginner-webontwerper eerstens leer hoe om opskrifte vir webwerwe te maak.
Nodig
- - toegang tot die internet;
- - moderne blaaier;
- - raster grafiese redakteur (GIMP, Photoshop);
- - opsioneel: vektorgrafika-redakteur (CorelDraw);
- - opsioneel: 3D-modelleringsomgewing (Blender, 3DStudio);
- - opsioneel: vel papier, potlood of pen.
Instruksies
Stap 1
Ontwikkel 'n konsep vir die toekomstige webwerfkop. Ideaal gesproke moet die konsep gebaseer wees op die oorspronklike idee. As idees ontbreek, kan inspirasie verkry word deur bestaande goeie oplossings te ontleed. Weerspieël die resultaat van kreatiewe navorsing in die vorm van 'n skets op 'n stuk papier. Die skets moet die struktuur van die toekomstige opskrif van die werf weerspieël met die aanduiding van 'rubber'-plekke en gebiede gevul met beelde. In hierdie stadium is dit 'n goeie idee om 'n benaderde kleurskema vir die ontwerp van die koptekst na te dink.
Stap 2
Kies die grootte van die kop. Eintlik is dit die moeite werd om net een van die parameters duidelik te definieer - die hoogte. Die hoogte van die webwerfkopskrifte is gewoonlik vas, en dit hang nie af van die logiese resolusie wat die vertoningsparameters van lettertipes beïnvloed nie. Met ander woorde, u moet 'n waarde vir die kophoogte in pixels kies. In hierdie geval is dit sinvol om die moontlikheid in ag te neem om baniere of blokke van kontekstuele advertensies in die kop te plaas. Wat die breedte betref, moet u die minimum waarde bepaal en minstens een "rubber" -area uitwys wat die kopstuk aanpas by verskillende groottes van die webblad.
Stap 3
Skep 'n koptekstsjabloon in 'n grafiese redakteur. Voeg in 'n nuwe dokument 'n deursigtige laag by waarna u die skets sal sleep volgens die geselekteerde meetkundige parameters. Die laaghoogte moet ooreenstem met die kophoogte. Die breedte kan as arbitrêr beskou word, maar groter as die minimum grootte, wat ruimte vir horisontale "rubber" -gebiede laat. "In die sjabloon kan u sones van vaste en veranderlike groottes aanwys, sones bedoel om gevul te word met statiese beelde, agtergrondbeelde.
Stap 4
Soek of skep statiese beelde om in u koptekstsjabloon te plaas. Die logo en 'n paar unieke elemente kan in 'n vektorredakteur of 3D-modelleringsomgewing geskep word. Dit is baie maklik om tematiese beelde op gratis fotobanke op die internet te vind.
Stap 5
Plaas die agtergrond, logo en statiese beelde in die werfkop sjabloon in 'n grafiese redakteur. Voeg die agtergrond en elke prentjie by 'n aparte deursigtige laag. Rangskik die lae op die beste manier. Deur beelde in lae te skuif, bereik hul perfekte uitleg, ooreenstem met die voorheen geskepde sjabloon.
Stap 6
Stoor die resulterende kopbeeld. Stoor die werkprojek in die oorspronklike formaat van die grafiese redakteur. Stoor die afgeplatte koptekstbeeld dan in 'n verlieslose formaat (byvoorbeeld PNG).
Stap 7
Skep indien nodig 'n HTML-koptekstsjabloon. Maak die afgeplatte prentjie in die redigeerder oop. Knip afbeeldings daaruit uit wat ooreenstem met gebiede van 'n vaste grootte. Knip die beelde van 1 pixel breed uit die plekke wat ooreenstem met die "rubber" -areas. Stoor alle beelde op die skyf. Sit die HTML-kopstuk op met die gestoorde beelde.
