Wie eine große Website-Vorlage mit Designelementen machen

August 15

Wie eine große Website-Vorlage mit Designelementen machen

Machen eine große Website-Vorlage umfasst das Erstellen von etwas, das zuverlässig und anpassungsfähig ist. Eine effektive Vorlage ist eine, die in einer Vielzahl von Kontexten verwendet werden können. Sie müssen ein Gleichgewicht zwischen dem Erstellen von Strukturen, die robust und wirksam sind und auch die Menschen zu passen und sie an ihre eigenen Bedürfnisse anpassen. Die wichtigsten Aufgaben bei der Erstellung einer große Website-Vorlage beteiligt gehören Design, Erstellen von HTML und Erstellen eines Layouts mit CSS.

Anweisungen

1 Entscheiden Sie, wie viel Inhalt Sie Ihre Vorlage halten soll. Ein Web Template wird in der Regel verwendet werden, Medien, einschließlich Text, Daten aus einer Datenbank, Bilder, audio, video und möglicherweise Flash Filme anzuzeigen. Erstellen Sie eine grobe Skizze des Inhalts eine einzelne Seite in der Vorlage von gut fähig sein soll. Es kann hilfreich sein, einen Entwurf Ihrer Vorlage auf Papier, arbeiten Sie genau was die darin enthaltenen Elemente werden zu skizzieren.

2 Bauen Sie den HTML-Code für Ihre Vorlage. Mit Bezug auf Ihre Liste der Inhalt für die Vorlage bauen Sie jede erforderliche HTML-Struktur in Ihre Seiten. Verwenden Sie den HTML-Code in Ihren Seiten nur zum Erstellen von Strukturen, um den Inhalt zu halten und vermeiden Sie Gebäude im Stil oder Design-Elemente, da diese am besten getrennt aus dem Markup selbst gehalten werden. Verwenden Sie eine Vielzahl von HTML-Elementen in Ihrer Vorlage, wie diese zur Verfügung gestellt werden, um eine Vielzahl von Inhaltstypen zu halten.

3 Das CSS für Ihre Vorlage zu erstellen. Vorzugsweise in einer separaten Datei oder Dateien, sind eine Reihe von Cascading Stylesheet Deklarationen Ihrer HTML-Strukturen in der gewünschten Weise bei der Anzeige in einem Browser anzeigen. Design-Dokumente oder Skizzen, die Sie haben, die und stellen Sie sicher, dass das Layout der Website-Content optimal präsentiert zu verwenden. Versuchen, eine CSS-Design zu erstellen, die ausgeführt werden ebenso gut in einer Vielzahl von Browsern, wie Browser stark variieren können.

4 Interaktion in Ihre Vorlage zu erstellen. Eine Reihe von Client Side-Tools können Sie Interaktivität, einschließlich CSS, JavaScript und Flash. Wie viel Interaktivität in Ihre Vorlage sollen die Arten von Websites abhängen kann, was Sie sich vorstellen. Interaktivität in einer Website kann die Benutzerfreundlichkeit verbessern und den Websiteinhalt effektiver präsentieren kann. Sollten Sie Übergangseffekte für Menüs und andere Website-Elemente hinzufügen.

5 Probieren Sie Ihre Vorlage mit echten Inhalt drin. Erstellen Sie eine Beispiel-Version der Vorlage mit realistischen Inhalten wie Text und Medien. Dies ermöglicht es Ihnen, die Vorlage zu präsentieren und auch kennzeichnet alle verbleibenden Fehler oder Probleme. Es ist unmöglich zu sehen, wie effektiv ist eine Webseiten-Design, bis Sie es mit echten Inhalt, sehen so es wichtig ist, eine realistische Demonstration erstellen.

Tipps & Warnungen

  • Es kann eine Vorlage auf einer bestimmten Webseite anpassen hilfreich sein. Surfen Sie im Internet ähnliche Beispiele finden.
  • Verhindern Sie, dass Ihre Vorlage schwer zu ändern. Eine große Website-Vorlage ist eine, die für unterschiedliche Bedürfnisse zugeschnitten werden kann, so sollte es einfach Änderungen vornehmen.