Gewusst wie: Bearbeiten von vorhandenen Webseiten

April 8

Websites können informieren Kunden was Sie tun, wie Sie es tun und was Sie auszeichnet. Sie können auch Rahmen für Ihr Unternehmen hinzufügen, mit einem Thema oder Layout, das zeigt, welche Ihre Unternehmenswerte. Jedoch Tendenzen ändern und Unternehmen diversifizieren und auch ändern. In jedem Fall müssen Sie Ihre bestehende Webseite bearbeiten oder einen Entwickler zu bearbeiten Sie Ihre Webseite zu zahlen. Aber die Einstellung eines Entwicklers kann teuer sein. Einfache, kostenlose Lösungen gibt es für Ihre vorhandene Webseite mit nur einem Texteditor bearbeiten.

Anweisungen

Erste Schritte

1 Laden Sie die Dateien Ihrer Website umfassen und in einen Ordner auf Ihrem Desktop oder andere leicht zugängliche Speicherort auf Ihrem Computer abspeichern. Dateien in Ihre Website enthalten wahrscheinlich eine HTML- oder PHP-Dokument (Datei Dateierweiterung .htm, .html oder .php), CSS (Datei-Erweiterung .css) und Bilder (am häufigsten, Datei-Erweiterungen .jpg und .gif).

2 Öffnen Sie den Ordner, in dem Sie die Dateien für Ihre Website gespeichert haben. Die HTML-Dokumente stellen Struktur und Core Code Ihrer Website, während die CSS-Dokumente den Stil für Ihre Web-Seiten bieten.

3 Öffnen Sie Ihren bevorzugten Text-Editor (z.B. Notepad) oder HTML-Editor.

Ändern Sie den HTML-Code

4 Importieren Sie das HTML-Dokument in den Text-Editor. Suchen Sie die < Head > und < body > Abschnitt des HTML-Dokuments. Web-Seiten enthalten in der Regel folgende Elemente:

< html >

< Head >

< link Rel = "Stylesheet" Type = "Text/Css" href="yourpagestyle.css" / >

< Title > Dies enthält den Titel für Ihre Web-Seite < / title >

< / head >

< Körper >

Überschrift < h1 > < / h1 >

< p > diese Sätze bilden Absätzen. </p >

< a Href = "Dieses" > http://www.example.com "> Dies ist ein Link zu einer Beispielseite im Web. </a >

< p > unten ist ein Bild. </p >

< Img Width = "250" Height = "200" / >

< / body >

< / html >

Der Head-Bereich ist ein Container für die Kopf-Elemente. Zu diesen Elementen gehören Skripte, Anweisungen für den Browser Stylesheets zu finden (in diesem Beispiel wird das Stylesheet "yourpagestyle.css" genannt) und Meta-Informationen.

Body-Abschnitt enthält die Informationen, die vom Browser angezeigt werden soll. Dazu gehören Überschriften, Absätze, Bilder und vieles mehr.

5 Bearbeiten von Text in Ihr HTML-Dokument. Bearbeitbarer Text erscheint in der Regel in HTML-Tags, die mit Markierungen wie z. B. < p > öffnen, geschlossene < h1 > < Title > oder < a >, im Falle von Verknüpfungen. Text zwischen dem Öffnen (z. B. < p >) und schließen (z. B. < / p) Markierungen können geändert werden.

6 Legen Sie ein anderes Bild in Ihre Webseite ein. Im folgenden Beispiel heißt das Bild "a_picture.jpg." Angenommen, Sie möchten zu ändern, um ein anderes Bild haben Sie z. B. "mycat.jpg." Ersetzen Sie den Text "a_picture.jpg" mit "mycat.jpg", und verschieben Sie das Bild Ihrer Katze (mycat.jpg) im gleichen Ordner, die in Ihrem HTML-Dokument gespeichert ist. Es muss in diesem Ordner oder in den richtigen Ordner gerichtet werden (z. B. "/ photos/mycat.jpg").

Ändern der Formatvorlage

7 Importieren Sie die CSS-Datei in Ihrem Texteditor. Wenn Sie nicht über eine CSS-Datei verfügen, kann die Formatvorlage in das HTML-Dokument selbst befinden. Suchen Sie in diesem Fall den Teil des Dokuments, die sagt "Stil =" im Body-Bereich oder < Stil Typ = "Text/Css" >< / style > im Body-Bereich.

8 Ändern der Hintergrundfarbe Ihrer Webseite. Dies kann durch Ändern der Eigenschaft Background-Color. In der CSS Datei Typ, oder ändern Sie den Code wie folgt aussehen:

Körper {}

Hintergrund-Farbe: grau;

}

oder im Head-Bereich Ihres HTML-Dokuments, geben Sie oder ändern Sie den code

< Typ style = "Text/Css" > Körper {Hintergrund-Farbe: grau;} < / style >

um die Hintergrundfarbe zu ändern. Beachten Sie, dass Sie Farbnamen oder HEX Farbcodes verwenden können, um Farbe in HTML zu ändern (siehe Ressourcen).

9 Mit ihren jeweiligen Eigenschaften ändern der Textgröße, Farbe oder Schriftart. Um die Schriftgröße zu ändern, verwenden Sie die Font-Size-Eigenschaft:

Körper {Font-Size: 100 %;}

H1 {Font-Size: 2.5em;}

p {Font-Size: 0.8em;}

Ändern die Schriftfamilie, die Verwendung mehrerer, ähnlichen Stils im Fall Ihrer Benutzer verfügt nicht über die erste Schrift, die Sie angeben. Hierzu geben Sie Folgendes ein:

p {Font-Family: "Times New Roman", Times, Serif;}

Schriftfarbe wird einfach mithilfe der Eigenschaft "Color" geändert (z.B. Farbe: blau). Diese können in einer einzigen Zeile auch kombiniert werden. Zum Beispiel

p {Font-Family: "Times New Roman", Times, Serif; Font-Größe: 0.8em; Farbe: blau;}

Tipps & Warnungen