2.2 Arbeitsablauf
Wir beginnen mit der grundsätzlichen Vorgehensweise beim Umsetzen einer Website: Außer dem Layout (das bekommen Sie ja von uns geliefert) werden wir alle Schritte detailliert beschreiben und nachvollziehen. In den Kapiteln klären wir immer erst die eher theoretischen Hintergründe und programmspezifische Funktionen, um die beschriebenen Komponenten dann in unsere Übungswebsite zu integrieren. Die Umsetzung einer Website gliedert sich in die folgenden Einzelschritte:
1. Vollständiges Layouten der Screens in einem Grafikprogramm
- Bauen Sie die Website komplett in einem Grafikprogramm Ihrer Wahl auf. Später hinzukommende Inhalte können eventuell direkt oder als Blindtexte eingefügt werden. Nur wenn Sie auch Beispielinhalte mit anlegen, können Sie ein Layout wirklich beurteilen. Achten Sie besonders bei Photoshop darauf, alles in einer Datei zu speichern und regelmäßig Sicherungskopien anzufertigen. Das fertige Screendesign ist die Basis für alle späteren Arbeiten. In diesem Arbeitsschritt sollten Sie so exakt und gewissenhaft wie möglich sein. Sie erleichtern sich damit alle späteren Arbeitsschritte.
2. Zerteilen der Screens in einzelne Grafiken
- Verwenden Sie Zeit darauf, sich das Zerteilen des Screens genau zu überlegen. Nehmen Sie ruhig Papier und Bleistift zur Hand und zeichnen Sie auf, wie die spätere Internetseite aufgebaut werden muss. Fehler im Zerteilen führen häufig dazu, die ganze Seite erneut aufbauen zu müssen. Achten Sie auch hier auf absolute Exaktheit. Ein einzelner Pixel erscheint nicht groß. Später, beim Aufbau mit Tabellen, kann ein Unterschied von einem Pixel das ganze Layout zerstören.
3. Anlegen der Site, der Dateistruktur und der Ordnerhierarchie
- Sie können dieses meistens direkt aus dem Navigationsplan ableiten. Wir zeigen Ihnen im folgenden Kapitel, wie Sie aus den Plänen eine sinnvolle Ordnerstruktur ableiten können.
4. Aufbau der Grundseiten
- Erstellen Sie danach das Grundlayout der Seiten. Überlegen Sie, welche Elemente auf allen Seiten gleich sind, und legen Sie diese an. Die Grundseite kann dann als Vorlage gespeichert oder mehrfach kopiert werden.
Vorlagen als Option
|
Vorlagen sind eine Möglichkeit, eine Website zu erstellen. Sie müssen nicht damit arbeiten. Im Buch zeigen wir Ihnen als Option auf, wie Sie die Buchwebsite mit einer Vorlage erstellen können.
|
5. Aufbau der Navigation
- Ganz wichtig ist das Erstellen einer Sitemap bzw. eines Navigationsplans. Sie erkennen so sehr schnell Unstimmigkeiten in der Struktur und legen bereits hier fest, welche Dateien Ihre Site benötigt. Die Struktur der Site sollte natürlich feststehen, bevor Sie mit dem Layout beginnen. Nur so wissen Sie, welche Navigationselemente erforderlich sind. Ausgehend von der Struktur erstellen Sie Ihre Navigation.
6. Einbinden von Inhalten
- Nachdem die Struktur und das Grundlayout der Site steht und die Site bereits vollständig navigierbar ist, binden Sie die hoffentlich pünktlich vom Kunden gelieferten Inhalte ein.
7. Anbinden an Datenquellen
- Wenn die Site über eine Datenbankanbindung verfügt, wird diese jetzt aktiviert. Die Vorgehensweise bei dynamischen Sites unterscheidet sich ein wenig von der bisher beschriebenen.
Ihre Meinung
Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.
|