Erstellen einer Web-Seite aus einer Vorlage erstellen Sie in GIMP (GNU Image Manipulation Program ) können Sie beginnen, Ihre Web- Seite schnell mit weniger Zeit und Aufwand . GIMP können Sie sogar zu den Schichten zu manipulieren und andere Effekte über den Umfang der den Anfänger. Kenntnisse über GIMP und wie man ihn in Ihre HTML Web-Code gesetzt wird hilfreich sein . Was Sie brauchen
GIMP ( kostenloser Download für Windows, OS X , Linux)
Notepad (oder einem anderen Text-Editor )
HTML-Kenntnisse (siehe unsere anderen Artikel für die Hilfe bei den Grundlagen )

anzeigen Weitere Anweisungen
1

öffnen GIMP , indem Sie auf das Symbol , wenn Sie heruntergeladen und das Programm installiert haben von der Website ( siehe Ressourcen). Wählen Sie " Datei" und "Neu" , bevor Sie auf "Template" Dropdown-Menü. Wählen Sie die Vorlage aus Karton und aus dem Drop-Down- Menü, das erscheint , klicken Sie auf "800x600 " Pixel- Option . Weitere Optionen stehen Ihnen zur Verfügung , um in der Zukunft versuchen, aber das ist gut für die allgemeine Anwendung in der Praxis Webdesign Sitzung. Klicken Sie auf " OK".
2

Presse " Strg " und " b " in der gleichen Zeit auf Ihrer Tastatur , wenn ein Fenster mit der Bezeichnung " Toolbox " am oberen Rand öffnet sich nicht . Zwei Fünftel der Weg nach unten die Fenster sind zwei Quadrate , die sich überlappen . Der in der Front ist die Vordergrundfarbe , die andere ist die Hintergrundfarbe. Klicken Sie auf jedes Feld separat und wählen Sie die Farbe aus der "Change Color" die Pop-up -Fenster wird . In der Farbe ändern Fenster, klicken Sie mit der Maus auf dem großen Platz , der die Farben verblassen von einem zum anderen hat . Farbton, Sättigung , rot, grün und blau Ebenen können mit den Schiebereglern auf der rechten eingestellt werden , sobald Sie Ihre Auswahl haben . Klicken Sie auf " OK" , um die Auswahl zu halten und dieses Fenster zu schließen . Ändern Sie die anderen ( Hintergrund) Farbe durch Anklicken des Kästchens hinter dem von Ihnen angeklickten früher auf der Toolbox zwei Fünftel der Weg nach unten.
3

Klicken Sie auf die Schaltfläche " Ausblenden Tool" Symbol in der Toolbox. Wenn Sie unsicher sind , welches Symbol das ist , schweben über die Symbole mit der Maus , um das richtige Symbol zu finden. Es sollte wie eine Box, die fade to grey white hat zu suchen . Die nicht- Toolbox Fenster werden wir als " Leinwand " beziehen , obwohl sie sagt, wahrscheinlich "Untitled" und "800x600 " irgendwo in seinem oberen Rand . Klicken Sie auf der Leinwand in der linken oberen Ecke , und ziehen Sie die Maus an den rechten unteren Ecke des Bildschirms, um es mit der ausgewählten Farbe in einem Farbverlauf zu füllen. Wenn kein Gefälle gewünscht ist, wählen Sie einfach die "Bucket Fill Tool" und klicken Sie auf die Leinwand, um mit einer Farbe zu füllen.
4

Klicken Sie auf Datei an der Spitze der Leinwand und aus dem Dropdown Down-Menü wählen Sie Neu. Wenn die "Create a New Image "-Fenster erscheint, ändern Sie die Werte für " Breite" und "Höhe" , so werden sie durch 20 Pixel je bis 780 Pixel breit und 580 Pixel hoch reduziert. Wählen Sie " Bearbeiten" und dann auf " Kopieren" aus dem Dropdown-Menü. Wechseln Sie auf die erste Leinwand und wählen Sie " Bearbeiten" und dann auf " Einfügen", um die kleinere Bild auf dem Original einfügen. Es wird auto- Zentrum beim Einfügen . Gehen Sie zurück auf die neue ( leere ) Leinwand und schließen Sie es. Klicken Sie auf " Datei" und aus dem Dropdown- Menü wählen Sie " Speichern unter. " Machen Sie einen Namen für Ihre Arbeit und zu speichern.
5

Die Web-Seite gemacht wird , es sei denn Sie wollen schneiden das Bild , um es in HTML verwenden (siehe nächster Abschnitt).
machen GIMP Slices ( verwendet in HTML)
6

den oberen Bereich ( Header ) der CREATE Web-Seite. Klicken Sie auf " Select Rectangle Tool" in der Tool- Box . Klicken Sie auf die Leinwand in der extremen linken oberen Ecke und ziehen , um die Top 20 Pixel in der Höhe und über die gesamte Breite ( 800 Pixel ) wählen . Man kann sagen, wie viele Pixel Sie in das Rechteck , indem man die Unterseite der Leinwand Fenster , um die Dimensionen zu sehen (in Pixeln) neben dem Wort ausgewählt " Rectangle . " Select " Bild" und aus dem Dropdown-Menü , wählen Sie " auf Auswahl zuschneiden . " Wählen Sie "Speichern unter" und Make-up den Namen " top.jpeg " , dass die Datei , die die Spitze der Web-Seite ist widerspiegelt. Schließen Sie die Seite .
7

Erstellen der Mitte der Seite . Öffnen Sie die Datei in GIMP , dass Sie und Namen gespeichert in Schritt vier . Wählen Sie die " Select Rectangle Tool" erneut und wählen Sie einen Bereich im mittleren Abschnitt der Leinwand, die die gesamte Breite erstreckt , ist aber nur ein Pixel hoch. Crop zu dieser Auswahl und speichern Sie die Datei unter dem Namen " middle.jpeg " , dass die Datei , die das Muster für den Körper der Web-Seite ist .
8

Erstellen Sie die Unterseite der Web-Seite spiegelt auf die gleiche Weise habe die Spitze der Web-Seite , indem Sie einen 20 Pixel hohen Box , die die Breite des Bildschirms überspannt ganz unten auf der Seite. Speichern Sie diese Datei als " bottom.jpeg . "
9

Sie die Web- Seite die gleiche Breite wie das Bild in GIMP ( eine Breite von 800 Pixel). Geben im HTML nach Öffnen der Abschnitt der Seite .
10

An der Spitze, rechts, nachdem Sie die öffnen Body-Tag , Add Ihren HTML-Code. Machen Sie dasselbe unteren in den Code, kurz vor dem fügen mit dem gleichen Code wie am Anfang der Seite , außer dass es liest in den Code.
11

schreiben Sie den Rest des Codes wie gewohnt in HTML für Ihren Text und Grafiken.