Beim Erstellen von Websites werden oft vorgefertigte Vorlagen aus dem Netz verwendet. Sie werden manchmal tausende Male von Benutzern heruntergeladen, die auf ihrer Grundlage erstellten Ressourcen sind im Aussehen sehr ähnlich. Damit die Site ein individuelles Design hat, sollte ihre Vorlage bearbeitet werden.
Es ist notwendig
- - Website-Vorlage;
- - Dreamweaver-Software.
Anleitung
Schritt 1
Die beste Möglichkeit, mit Vorlagen zu arbeiten, ist Dreamweaver, das aus dem Internet heruntergeladen werden kann. Dieses Programm ist eines der besten Tools zum Erstellen einer Website. Es ermöglicht Ihnen, Seiten sowohl visuell als auch mit einem Code-Editor zu bearbeiten.
Schritt 2
Laden Sie Dreamweaver herunter, installieren Sie es und starten Sie es. Öffnen Sie darin die Vorlage Ihrer Wahl. Bitte beachten Sie, dass die Vorlage richtig ausgewählt werden sollte, um den Aufwand zu minimieren. Konzentrieren Sie sich bei der Auswahl auf das Layout der Elemente auf der Seite, nicht auf das Farbschema. Wenn Sie eine Website erstellen möchten, die sich von anderen unterscheidet, müssen Sie dennoch das Farbschema ändern. Wählen Sie daher besser eine Vorlage mit einem geeigneten Layout, die nicht erneut erstellt werden muss, und ordnen Sie sie bereits im richtiger Weg.
Schritt 3
Es ist am bequemsten, den Bearbeitungsprozess anhand eines bestimmten Beispiels zu betrachten. Laden Sie eine der HTML-Vorlagen herunter - zum Beispiel diese: https://web-silver.ru/templates/sites/086/086.zip. Entpacken Sie es und öffnen Sie dann die HTML-Datei in Dreamweaver. Achten Sie auf den Modusschalter in der oberen linken Ecke - "Code", "Separate", "Design". Durch Umschalten zwischen den Modi können Sie die Vorlage auf die für Sie bequemste Weise bearbeiten.
Schritt 4
Wechseln Sie in die Ansicht "Design" und klicken Sie mit der Maus auf eines der Elemente - zum Beispiel den Seitenkopf, im Beispiel der Vorlage enthält er den Text Der Fluss. Bitte beachten Sie, dass die Eigenschaften dieses Seitenelements am unteren Rand des Programmfensters erschienen sind. Insbesondere werden Breite, Höhe, verwendetes Bild angezeigt. Sie können die Größe der Kopfzeile ändern, indem Sie sie in den entsprechenden Feldern angeben oder einfach die Rahmenmarkierungen auf der Kopfzeile selbst ziehen. Ändern Sie das Bild, wählen Sie dazu das gewünschte Bild in der gleichen Größe aus und fügen Sie es anstelle des Originals ein.
Schritt 5
Sie können alle Elemente auf die gleiche einfache Weise ändern. Zum Beispiel Textfarbe, Seitenhintergrund, Linktitel usw. usw. Wenn im Designfenster etwas nicht funktioniert, können Sie die notwendigen Korrekturen jederzeit direkt im Code vornehmen. Denken Sie daran, die Originaldatei an einem separaten Ort zu speichern, bevor Sie mit der Arbeit beginnen. Speichern Sie die Ergebnisse während der Arbeit als separate Dateien mit unterschiedlichen Namen, damit Sie jederzeit zurückkehren können. Mit ein wenig Übung mit Dreamweaver können Sie jede Vorlage schnell und einfach bearbeiten.
