Rheinwerk Design < openbook > Rheinwerk 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
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
Rheinwerk 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.


Rheinwerk Computing

5.1 Die Struktur  downtop


Rheinwerk 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.


Rheinwerk 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



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.

 <<   zurück
  
  Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Adobe Dreamweaver CS3
Die Neuauflage:
Adobe Dreamweaver CS3
Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das Openbook gefallen?
Ihre Meinung

 Buchtipps
Zum Rheinwerk-Shop: Adobe Dreamweaver CC






 Adobe
 Dreamweaver CC


Zum Rheinwerk-Shop: Adobe Dreamweaver CC Einstieg






 Adobe Dreamweaver
 CC Einstieg


Zum Rheinwerk-Shop: Responsive Webdesign






 Responsive Webdesign


Zum Rheinwerk-Shop: Suchmaschinen-Optimierung






 Suchmaschinen-
 Optimierung


Zum Rheinwerk-Shop: Schrödinger lernt HTML5, CSS3 und JavaScript






 Schrödinger lernt
 HTML5, CSS3
 und JavaScript


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und der Schweiz
InfoInfo




Copyright © Rheinwerk Verlag GmbH 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.


Nutzungsbestimmungen | Datenschutz | Impressum

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern