Wie ein Web Seite Template Design

October 2

Entwerfen einer Webseitenvorlage ist ein wirksames Mittel zur Zeitersparnis und das Aussehen Ihrer Webseiten konsistent zu halten. Mit Vorlagen sind die häufigsten Zutaten Ihres Entwurfs montiert, so dass die Ersteinrichtung nur einmal gearbeitet wird. Kopien werden dann aus der Datei "übergeordneten" geschaffen und nach jeder Seite Inhalt angepasst. Sie erfüllen diese Aufgabe mit einem HTML-Text-Editor oder laden eine vorgefertigte, open-Source-Vorlage aus dem Internet um sofort loszulegen.

Anweisungen

Die Seite erweckt zum Leben

1 Skizzieren Sie ein Layout Ihrer ideale Webseite auf Papier. Es ist sehr hilfreich, haben eine Vorstellung davon, was Sie erreichen, damit Sie jede Anstrengung erweitern möchten.

2 Geben Sie den Namen Ihrer Web-Seite, und legen Sie diese im "< Titel >" Tag Ihres HTML-Codes.

3 Platzieren Sie den Symbolleiste Code unter "< Body >"-Tag. Sie können erstellen mithilfe einer Webanwendung Gestaltung wie Feuerwerk, eine Symbolleiste oder einen kostenlose Toolbar-Schöpfer, z. B. iToolbar.net, im Internet verwenden. Gemeinsame Symbolleisten-Schaltflächen enthalten "Home", "About" und "Links", jedoch kann dies abhängig von der Seite, die Sie erstellen unterscheiden.

4 Geben Sie gemeinsamen Überschriften, die Sie möchten auf Ihren Webseiten verwenden, und legen Sie sie in der Rubrik "< h1 > an".

5 Geben Sie jede Art von Text die gewünschte wiederholt auf Ihren Seiten und geben Sie diese zwischen den "< p >< / p >" Tags.

6 Erstellen Sie einen copyright-Hinweis am unteren Rand der Seite zwischen den "< p >< / p >" Tags. Diese Mitteilung enthält in der Regel das copyright-Symbol und Listen, die die Besitzern der Website sind. Auch können Sie einen Link zu einer Privacy Policy hinzufügen, wenn Sie eine haben.

7 Erstellen Sie ein cascading Stylesheet (CSS) und verknüpfen Sie es mit Ihrer Web-Seite, falls gewünscht. Stylesheets sind optional, aber sehr hilfreich für das Halten Ihrer Website-Standards konformer und bestimmende Regeln für Style-Einstellungen, einschließlich der Ränder einer Seite Schriftfarben Stil und Hintergrund. Wenn Sie nicht CSS-Kenntnisse verfügen, können Sie kostenlose CSS-Vorlagen im Web, z. B. freecsstemplates.org herunterladen.

8 Benennen Sie die Datei "Vorlage" und speichern Sie es mit der Erweiterung ".html". Ihren HTML-Text-Editor "Kopieren" Funktion können Sie jetzt beginnen die Datei duplizieren.

Tipps & Warnungen

  • HTML-Text-Editoren wie Dreamweaver, bieten Vorlagen, die Sie anpassen können. Sie können fertige Vorlagen aus dem Web herunterladen, und konfigurieren sie nach Ihren Vorgaben. Achten Sie darauf, dass diese Vorlagen als open Source verfügbar sind, so dass Sie nicht versehentlich auf keine Urheberrechte verletzen.