Gewusst wie: Erstellen einer Dummy-Webseite

Bevor Sie Inhalte einer Webseite hinzufügen, ist es wichtig zu planen das Layout und die Navigations-Links zu testen. Sobald dieser Webseite, bekannt als ein "blindes" Seite richtig funktioniert, braucht die richtigen Texte und Bilder hinzufügen viel weniger Zeit. Der Dummy-Seite hilft Ihnen Fehler oder Programm-Links zu beheben fangen auch. Nachdem der Inhalt auf der Website ist, wird es schwieriger, den Code zu beheben. Wenn die Website einen großen Fehler hat, musst du alle rüber beginnen. Der Dummy-Seite hilft Ihnen zeitraubende Fehler zu vermeiden.

Anweisungen

1 Geben Sie den HTML-Code zum Erstellen der Struktur Ihrer Website in einem Text-Editor wie Editor oder Notepad++. In Übereinstimmung mit Web-Standards XHTML HTML-Code sollte das Gerüst Ihrer Website bieten und sollte definieren jedes Element sollte nicht wie sie aussehen. Beispielsweise verwenden Sie Überschriften-Tags für Überschriften und Absatz-Tags für Absätze. Verwenden Sie keine Überschrift-Tag auf nicht-Überschriftentext einfach um den Text größer zu machen.

2 Fügen Sie Divs in Ihr Dokument zu brechen in Abschnitte ein. Kopf, Körper, Navigationsleisten und der Fußzeile sind gemeinsame Teile auf einer typischen Webseite gefunden. Die verschiedenen Teile Ihres HTML-Codes für die Formatierung später weisen Sie Klassen- und ID-Selektoren zu.

3 Öffnen Sie ein neues Dokument in Ihrem Texteditor und speichern Sie es als ein CSS-Stylesheet. HTML-Seiten enden in die Erweiterung ".htm" oder ".html" während Stil Blätter Ende in "CSS" Erweiterungen.

4 Geben Sie die Stilregeln für den Hauptteil der Website, und Typ spezifischen Stil für die Klassen und IDs Sie legen in Ihrem HTML-Dokument. Fügen Sie für Ihre Pseudo-Web-Seite Platzhalter Bilder und dummy-Text anstelle der Absätze. Platzhalter-Bilder können einfach sein, ein leeres Feld steht das Bild gehen wird, oder eine zufällige Fotografie über die Größe von dem, was wie Ihre fertige Bild soll. Verwenden Sie für Blindtext Blindtext-Generator, wie die bei Lipsum.com gefunden. Kopieren und fügen Sie den Text durch den Generator erstellt und dann als Absätze in Ihrem HTML-Code einfügen.

5 Hochladen Sie Ihr Dummy-Seiten auf einen Server, oder öffnen Sie sie einfach von Ihrem Computer in einem Internet-Browser. Zeigen Sie die Seiten in mehrere verschiedene Browser zu sehen, wie sie aussehen. Die Größe Ihres Browserfensters neu halten Sie die Maus in eine Ecke des Fensters, bis es in einen Doppelpfeil verwandelt und dann klicken und ziehen um zu sehen, wie Ihre Website auf kleineren Bildschirmen angezeigt wird.

Tipps & Warnungen

• Wenn Sie Software wie Microsoft Expression Web oder Adobe Dreamweaver, können Sie Layout der Elemente auf der Seite indem Sie diese über das Menü "Einfügen" einfügen, ohne Code schreiben zu müssen. Wenn Sie Text, Bilder und Navigations-Links auf Ihre Seite geordnet habe, alles, was Sie tun müssen, ist es in einem Webbrowser anzeigen oder laden Sie sie auf einem Server zu sehen, wie es aussieht und die Verknüpfungen testen.