Principen att "hälsas av kläder" gäller inte bara för människor utan också för webbplatser. Webbplatsens klänning är dess design. Och det är designen som avgör intrycket som besökaren har under de första sekunderna av att se resursen. Detta intryck är särskilt viktigt eftersom det avgör hans framtida beteende. Det första designelementet som varje användare som besöker webbplatsen ser är dess "rubrik". Gränsen är webbresursens ansikte. Därför vill varje nybörjad webbdesigner först och främst lära sig att skapa rubriker för webbplatser.
Nödvändig
- - tillgång till Internet;
- - modern webbläsare;
- - rastergrafikredigerare (GIMP, Photoshop);
- - valfritt: vektorgrafikredigerare (CorelDraw);
- - valfritt: 3D-modelleringsmiljö (Blender, 3DStudio);
- - valfritt: papper, penna eller penna.
Instruktioner
Steg 1
Utveckla ett koncept för den framtida sidhuvudet. Helst bör konceptet baseras på den ursprungliga idén. När idéer saknas kan man få inspiration genom att analysera befintliga bra lösningar. Spegla resultatet av kreativ forskning i form av en skiss på ett papper. Skissen ska återspegla strukturen för den framtida rubriken på webbplatsen med angivande av "gummi" platser och områden fyllda med bilder. I detta skede är det en bra idé att tänka över ett ungefärligt färgschema för rubrikens design.
Steg 2
Välj sidhuvudets storlek. Egentligen är det värt att tydligt definiera bara en av dess parametrar - höjden. Som regel är höjden på sidhuvudena fast och det beror inte på den logiska upplösningen som påverkar visningsparametrarna för teckensnitt. Med andra ord bör du välja ett värde för rubrikhöjden i pixlar. I det här fallet är det vettigt att ta hänsyn till möjligheten att placera banners eller block av kontextuell reklam i rubriken. När det gäller bredden bör du bestämma minimivärdet och markera minst ett "gummi" -område som gör att rubriken kan anpassas till olika storlekar på webbsidan.
Steg 3
Skapa en rubrikmall i en grafikredigerare. I ett nytt dokument lägger du till ett transparent lager där du drar skissen enligt de valda geometriska parametrarna. Skiktets höjd bör matcha huvudets höjd. Bredden kan betraktas som godtycklig, men större än minsta storlek, vilket ger utrymme för horisontella "gummi" -områden. "I mallen anger du zoner med fasta och variabla storlekar, zoner som är avsedda att fyllas med statiska bilder, bakgrundsbilder.
Steg 4
Sök eller skapa statiska bilder att placera i din rubrikmall. Logotypen och några unika element kan skapas i en vektorredigerare eller 3D-modelleringsmiljö. Det är ganska enkelt att hitta tematiska bilder på gratis fotobanker på Internet.
Steg 5
Infoga bakgrunden, logotypen och de statiska bilderna i sidhuvudmallen i en grafikredigerare. Lägg till bakgrunden och varje bild i ett separat transparent lager. Ordna skikten på bästa sätt. Genom att flytta bilder i lager uppnår du den perfekta layouten, motsvarande den tidigare skapade mallen.
Steg 6
Spara den resulterande rubrikbilden. Spara arbetsprojektet i det ursprungliga formatet för grafikredigeraren. Spara sedan den tillplattade rubrikbilden i ett förlustfritt format (till exempel PNG).
Steg 7
Skapa en HTML-rubrikmall om det behövs. Öppna den tillplattade bilden i redigeraren. Klipp ut bilder från den som motsvarar områden av fast storlek. Klipp ut bilderna 1 pixel breda från platserna som motsvarar "gummi" -områdena. Spara alla bilder på hårddisken. Layout HTML-rubriken med de sparade bilderna.
