Galileo Design < openbook > Galileo Design - Know-how für Kreative.
Know-how für Kreative

Inhaltsverzeichnis
1 Einleitung
2 Projektablauf für die Buchwebsite
3 Programmgrundlagen
4 Dreamweaver erweitern
5 Eine Site erstellen
6 Grundlegende Dokumenteinstellungen
7 Tabellen in Dreamweaver
8 Bilder im Web
9 Framesets
10 Aktionen
11 Die Zeitleiste
12 CSS in Dreamweaver
13 Ebenen
14 Hyperlinks
15 Vorlagen und Bibliotheken
16 Formulare
17 Quelltext de Luxe
18 Dreamweaver und Flash
19 Office-Daten einfügen
20 Dynamische Websites – eine Einführung
21 Einführung in PHP
22 Lokalen Webserver installieren
23 Dynamische Sites in Dreamweaver einrichten
24 MySQL-Grundlagen
25 Datenbanken mit Dreamweaver anbinden
26 PHP und Dreamweaver
27 Datenbanken abfragen
28 Daten einfügen und dynamische Formulare
29 Datensätze bearbeiten
30 Benutzer authentifizieren und Zugriffsrechte festlegen
31 Fortgeschrittene Techniken
32 Dreamweaver 8 und XML
33 Menüs für dynamische Verhalten
Stichwort

Download:
- ZIP, ca. 33 MB
Neuauflage bestellen
Ihre Meinung?

Spacer
 <<   zurück
Dreamweaver 8 von Richard Beer, Susann Gailus
Webseiten entwickeln mit HTML, CSS, XML, PHP und MySQL
Buch: Dreamweaver 8

Dreamweaver 8
mit CD
639 S., 39,90 Euro
Galileo Design
ISBN 978-3-89842-739-5
gp 2 Projektablauf für die Buchwebsite
  gp 2.1 Briefing
  gp 2.2 Arbeitsablauf
  gp 2.3 Das Layout
    gp 2.3.1 Entwurf in Photoshop
    gp 2.3.2 Dreamweaver und Fireworks


Galileo Computing

2.2 Arbeitsablauf   toptop

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.


Ihr Kommentar

Wie hat Ihnen das <openbook> gefallen? Wir freuen uns immer über Ihre freundlichen und kritischen Rückmeldungen.






 <<   zurück
  
  Zum Katalog
Zum Katalog: Adobe Dreamweaver CS3
Die Neuauflage:
Adobe Dreamweaver CS3
Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das <openbook> gefallen?
Ihre Meinung

 Buchtipps
Zum Katalog: Adobe Dreamweaver CS3 - Der praktische Einstieg






 Adobe Dreamweaver
 CS3 - Der praktische
 Einstieg


Zum Katalog: Adobe Dreamweaver CS3 - Videotraining






 Adobe Dreamweaver
 CS3 - Videotraining


Zum Katalog: Adobe Flash CS3 - Videotraining






 Adobe Flash CS3 -
 Videotraining


Zum Katalog: Adobe Photoshop CS3






 Adobe Photoshop CS3


 Shopping
Versandkostenfrei bestellen in Deutschland und Österreich
InfoInfo




Copyright © Galileo Press 2006
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.


[Galileo Design]
[Schulungen direkt von den Autoren: firstART- Agentur für Design und Consulting]
Galileo Press, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, info@galileo-press.de