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 5 Eine Site erstellen
  gp 5.1 Die Struktur
    gp 5.1.1 Pfadangaben
    gp 5.1.2 Ordnerstruktur
  gp 5.2 Die Site-Verwaltung
    gp 5.2.1 Regeln beim Arbeiten mit einer Site
    gp 5.2.2 Site-Definition
    gp 5.2.3 FTP-Zugang einrichten
    gp 5.2.4 Eine Alternative zu FTP
    gp 5.2.5 Testserver
    gp 5.2.6 Cloaking
    gp 5.2.7 Design Notes
    gp 5.2.8 Sitemap-Layout
    gp 5.2.9 Import und Export von Sites
    gp 5.2.10 Fehlerquellen in der Site-Verwaltung
  gp 5.3 Gruppenarbeit
    gp 5.3.1 Remote-Zugriff einstellen
    gp 5.3.2 Dateien synchronisieren
    gp 5.3.3 Mit der Gruppenfunktion arbeiten
    gp 5.3.4 Die Site-Ansicht
    gp 5.3.5 Synchronisieren und Vergleichen von Dateien
    gp 5.3.6 Mit der Dateiverwaltung arbeiten

5 Eine Site erstellen

Was ist die Site-Verwaltung? Wie können Sie damit arbeiten, und was hat die Site-Verwaltung Ihnen sonst noch zu bieten?

Im Internet herrscht Chaos. Auf Ihrer Website und in Ihrem Arbeitsablauf muss das nicht sein. Mit der Site-Verwaltung von Dreamweaver 8 können Sie grundlegende Arbeitsschritte planen und durchführen. Dreamweaver 8 ermöglicht Ihnen, einzelne Dokumente auch ohne das Anlegen einer Site zu bearbeiten. Machen Sie dies aber wirklich nur im Einzelfall.

Die Regel sollte das komplette Anlegen einer Site sein. In diesem Kapitel werden wir beschreiben, wie das geht.


Galileo Computing

5.1 Die Struktur  downtop


Galileo Computing

5.1.1 Pfadangaben  downtop

HTML ist eine Skriptsprache, die dazu dient, dem Browser mitzuteilen, was und wie er etwas darzustellen hat. Die meisten Inhalte, von Texten abgesehen, befinden sich nicht innerhalb des HTML-Dokuments, sondern sind separat auf dem Webserver abgelegt. Diese ganzen Dateien müssen nun in geeigneter Art und Weise den Weg zueinander finden.

Verknüpfungen | In HTML-Dokumenten werden Verknüpfungen mit relativen oder seltener auch mit absoluten Pfadangaben vorgenommen. Im Normalfall kennen wir nicht die gesamte Verzeichnisstruktur des Webservers. Wir bewegen uns nur innerhalb des von unserem Provider vorgegebenen Rahmens, einem Verzeichnis, das die gesamte Website enthält.

Absolute Pfadangaben | Absolute Pfadangaben (z. B. http://www.macromedia.com/de/index.html) zeigen immer die gesamte URL eines Dokumentes an und spezifizieren dadurch ein Ziel, ohne dass ein Ausgangspunkt bekannt sein muss. Es ist in etwa vergleichbar mit der Adresse auf einem Briefumschlag. Der Brief wird sein Ziel finden, egal wo er eingeworfen wird. Absolute Pfadangaben werden verwendet, um auf externe Dateien oder andere Websites zu verlinken.

Relative Pfadangaben | Bei relativen Pfadangaben (z. B. bilder/kunde/bild.jpg oder ../../bild.jpg) wird nur der Weg von der Ausgangs- zur Zieldatei angegeben. Stellen Sie sich vor, Sie fragen jemanden nach dem Weg zu einer bestimmten Adresse. Sie erhalten die Antwort: 500 Meter geradeaus, dann an der Kreuzung links und die zweite Straße rechts. Vermutlich werden Sie Ihr Ziel finden. Wenn Sie jedoch an einem anderen Ort sind, trifft die Wegbeschreibung nicht mehr für Sie zu. Der Weg zwischen Ihnen und dem Zielort hat sich geändert. Relative Pfadangaben werden verwendet, um innerhalb einer Website zu verlinken oder Grafiken einzubinden. Bei Verlinkungen errechnet Dreamweaver 8 die kürzesten Wege zwischen den Dokumenten und trägt sie als relative Pfade ein.

Übersicht in der Sitemap | Bei kleineren Websites kann man alle Bilder und Dokumente direkt in ein Verzeichnis ablegen. Dann sind die Pfade denkbar einfach anzugeben. Üblicherweise werden die Dateien jedoch innerhalb einer weiteren Ordnerstruktur abgelegt, die, wie Sie gleich sehen werden, unsere Sitemap oder die Navigation abbildet.

Die sich ergebenden Pfade von Hand in jedes Dokument einzutragen ist eine wahre Fleißarbeit und sehr fehleranfällig. Bei einer mittleren Website kommen schnell mehrere hundert Dokumente und Bilder zusammen. Wenn Sie auch nur eins davon verschieben möchten oder umbenennen, müssen Sie in allen anhängenden Dokumenten die Pfadangaben verändern.

Das ist der erste wichtige Punkt, den uns die Site-Verwaltung von Dreamweaver 8 abnimmt. Eine korrekt angelegte Site vorausgesetzt, überwacht Dreamweaver 8 im Hintergrund alle Dateiaktionen und verändert automatisch alle Pfadangaben. Sie können ohne Probleme ganze Verzeichnisse verschieben und alle Verlinkungen werden weiterhin funktionieren. Dazu gleich mehr.


Galileo Computing

5.1.2 Ordnerstruktur  toptop

Schaffen Sie gleich beim Anlegen der Site eine sinnvolle Ordnerstruktur. Oft lässt sich darin die Navigation gut abbilden. In Abbildung 5.1 sehen Sie einen Navigationsplan und in Abbildung 5.2 die dazugehörige Ordnerstruktur.

Jedem Navigationspunkt wird eine eindeutige Nummer zugeordnet. Nach derselben Nummerierung werden dann die Dokumente und Ordner in der Site angelegt. Bilder und andere Dateien, die zu diesem Dokument in Bezug stehen, werden wiederum nach demselben Schema benannt. Voraussetzung für diese Vorgehensweise ist eine gute Dokumentation und Sitemap.

Abbildung 5.1 Navigationsplan einer Website (Ausschnitt)

Abbildung 5.2 Ordner- und Dateistruktur nach Navigationsplan aus Abbildung 5.1

Übersicht durch Nummerierung | Auch wenn diese Systematik zunächst etwas umständlich erscheint, erweist sie sich bei umfangreichen Sites als sehr sinnvoll. Sie finden Dokumente schneller als mit Dateibezeichnungen wie produktealt.htm; Produkte.htm; produktneu.htm usw. Auf diese Art haben Sie zudem eine gute Grundlage, um auch noch in einem Jahr durchzublicken, und Dritte, die unbefugt an der Site herumpfuschen wollen, werden damit ziemliche Schwierigkeiten haben. 300 durchnummerierte Dokumente zu sortieren ist ohne vorliegende Dokumentation nicht wirklich einfach.

Dieses Schema setzen wir im dynamischen Teil des Buches fort. Bei dynamischen Websites wird häufig mit eingebundenen Dateien gearbeitet. Auch diese erhalten ihren strukturellen Bezug durch die Nummerierungen.

Sitemap-Ansicht | Ist die Sitemap-Ansicht aktiviert, erhält man eine gute Übersicht über Zusammenhänge zwischen den einzelnen Dateien. Wie Sie die Sitemap richtig einstellen, erfahren Sie auf Seite 101.

Abbildung 5.3 Schema einer Website



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