Der einfachste Weg für einen Anfänger, eine Website zu erstellen, ist die Verwendung einer Standardvorlage. Die Einzigartigkeit der Ressource kann durch eine Reihe kosmetischer und organisatorischer Änderungen im Standarddesign erreicht werden.
Notwendig
- - Website-Vorlage;
- - Photoshop-Programm;
- - Erweiterung für den Browser FireBug;
- - Editor ++ Editor.
Anweisungen
Schritt 1
Suchen Sie im Internet nach einer für Sie passenden Website-Vorlage. Erkunden Sie die vorgeschlagenen Vorlagen und achten Sie auf ihre Anpassungsfähigkeit an die Größe des Monitors, die Besonderheiten der Anordnung von Spalten und Menüs. Laden Sie die ausgewählte Option herunter. Überprüfen Sie die Leistung, indem Sie Dateien in das Stammverzeichnis der zu erstellenden Site hochladen. Wenn die Vorlage Fehler enthält, die in der Arbeit zutage treten, ist es besser, eine andere Option zu finden.
Schritt 2
Ändern Sie die meisten Bilder in der Vorlage. Ersetzen Sie jedes Bild wie folgt. Starten Sie Photoshop und öffnen Sie eine der Vorlagengrafikdateien darin. Suchen Sie im Menü "Bild" in der Spalte "Größe" nach den Bildparametern. Öffnen Sie ein neues Blatt mit den gleichen Abmessungen und erstellen Sie das gewünschte Bild darauf. Speichern Sie das Ergebnis im Vorlagenordner unter dem Namen der zu ersetzenden Grafikdatei. Daher ist es notwendig, alle aussagekräftigen Bilder zu ersetzen.
Schritt 3
Ändern Sie die restlichen Parameter mithilfe von Cascading Tables style.css, einer formalen Programmiersprache, die das Erscheinungsbild eines Dokuments beschreibt. Es ist bequemer, solche Änderungen über das Admin-Panel vorzunehmen, und es ist besser, die Ergebnisse auf dem lokalen Hosting anzuzeigen, um nicht jedes Update auf den Server hochzuladen.
Schritt 4
Laden Sie die kostenlose FireBug-Erweiterung für Ihren Browser herunter und installieren Sie sie. In der oberen rechten Ecke des Browserfensters sollte ein Symbol mit einem gelben Fehler erscheinen. Klicken Sie auf das Symbol und drücken Sie F12. Der minimierte Seitencode wird unten auf dem Bildschirm angezeigt. Es kann erweitert werden, indem man mit der Maus über die Pluszeichen fährt. Wenn Sie auf die Zeile eines Elements klicken, sehen Sie, wie es oben auf dem Bildschirm hervorgehoben wird. Im rechten Teil des Fensters mit dem Code befinden sich Stile, die die für das Erscheinungsbild der Seite verantwortlichen Zeilen angeben.
Schritt 5
Öffnen Sie die Vorlage im Editor ++ Editor. Verwenden Sie FireBug, um die zu ändernden Parameter zu finden und in Notepad ++ zu bearbeiten.
Schritt 6
Speichern Sie das Ergebnis und laden Sie die erstellte Site auf den Server hoch.
