Het creëren van een web lay-out of ' wireframe ' is een nuttig proces voor website- ontwerpers die willen monster websites presenteren aan klanten . De ontwerper creëert een basis site lay-out als een beeld in GIMP en presenteert deze , samen met een paar anderen , om de klant voor commentaar . De klant doet suggesties en pakt de lay-out wil ze voor de eigenlijke website . De lay-out wordt gebruikt als een blauwdruk voor het bouwen van de website . Soms splits de designer beelden van meer volledige lay-outs en slaat ze op als afzonderlijke image bestanden te gebruiken op de eigenlijke site . Instructies
Open Gimp 1 . Klik op " File ", " Nieuw . " Stel het beeldformaat in op ongeveer de grootte van een website ; 600 bij 800 pixels is evenredig en geeft een goed idee van hoe de inhoud eruit zal zien op de pagina . Klik op 'Oke . ' Een nieuwe lege doek zal openstellen . Kopen van 2 Bedenk hoe u wilt informatie te organiseren . Veel sites hebben een header aan de bovenkant van de pagina en een menubalk aan de linkerkant. U zult ook ruimte voor afbeeldingen , tekst en andere media nodig . Verzamel alle pre -en-klare logo's of afbeeldingen
3 Gebruik de ' Rectangle Select Tool "op de Toolbox om de verdeling van de website in verschillende gebieden, zoals , headers , navigatiebalken , menu. bars , afbeeldingen en tekst .
4 Vul elk gebied als je verder gaat met uw keus van achtergrondkleur met de " tool Opvullen . " Klik op het icoon emmer . Klik op de kleine gekleurde rechthoek in het midden van de toolbox . Een nieuw venster zal verschijnen . In het venster selecteert u de kleur die u wilt gebruiken bij het invullen gebieden . Klik op " Okay . "
5 grenzen tussen gebieden toe met de " Wegen Tool " in de gereedschapskist . Klik tussen de twee gebieden aan de oorspronkelijke pad in te stellen. Klik verder langs de ruimte tussen gebieden aan het eindpunt in te stellen . Klik zo vaak als u graag meer punten voor de grens te volgen maken . Klik op de gekleurde rechthoek in de gereedschapskist van de kleur die u wilt instellen . Klik op ' Pad omlijnen . " Een nieuw venster wordt opduikt . Selecteer de breedte in pixels voor de grens . Klik op 'Oke . ' Het pad zal uiteengezet worden in een gekleurde lijn . Klik op een ander gereedschap in de gereedschapskist op het pad lijn te verwijderen , met achterlating van de grens .
6 Sla uw basis layout . Klik op ' Bestand ', ' Opslaan '. Typ de naam van uw lay-out en kies het bestandstype , zoals JPEG of GIF , aan de onderkant van het venster . Klik op 'Opslaan'.
7 Voeg details zoals tekst en pre -en-klare logo's op een nieuwe laag . Klik op " Layer " en " Nieuwe laag " aan de bovenkant van het scherm . Stel de grootte van laag naar hetzelfde formaat als uw lay-out en klik op " Transparantie . " Klik op 'Oke . ' In de gereedschapskist lagen , ervoor zorgen dat de nieuwe laag wordt gemarkeerd om ervoor te zorgen dat u het toevoegen van inhoud alleen voor die laag.
8 afbeeldingen toe door het openen van uw afbeelding in een ander venster en kopiëren . Klik terug in de website lay-out en klik met de rechtermuisknop op de afbeelding plakken op de nieuwe laag . Regel het zoals gewenst op de pagina door op de linkermuisknop te klikken en ingedrukt houden van de muis , dan is het rond te bewegen .
9 tekst toe aan de laag door te klikken op de " Text Tool " in de gereedschapskist . Klik en sleep de cursor op de laag om een tekstvak te maken . Een venster zal verschijnen wanneer u de muisknop loslaat . Typ in het even welke tekst in het venster . Klik op " Sluiten" om het venster te sluiten .
10 Sla de lay-out en de inhoud ervan laag als een GIMP -bestand in de " . Xcf " formaat om te voorkomen dat het comprimeren van de laag in de achtergrond lay-out . Hiermee behoudt je achtergrond voor later splicing .
11 Sla weer onder de oorspronkelijke bestandsnaam uit stap 6 om een lay-out te presenteren aan de opdrachtgever .
|
