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 17 Quelltext de Luxe
  gp 17.1 Arbeiten im Quelltext
    gp 17.1.1 Quellcode formatieren
    gp 17.1.2 Codeansichtsoptionen
    gp 17.1.3 Übersicht im Code
    gp 17.1.4 Code halbautomatisch erstellen
    gp 17.1.5 Kommentare
  gp 17.2 Codefragmente (Snippets) einsetzen
    gp 17.2.1 Codefragmente mit Kollegen teilen
    gp 17.2.2 Tag-Inspektor
    gp 17.2.3 Eigene Tag-Vorgaben oder -Bibliotheken
  gp 17.3 Quelltext bearbeiten in der Layoutansicht
  gp 17.4 Quelltext automatisch optimieren
  gp 17.5 Suchen und ersetzen

17 Quelltext de Luxe

Trotz WYSIWYG kommen Sie in der Regel um die direkte Arbeit am Quelltext nicht herum. Schön, wenn dies komfortabel ist. Dreamweaver 8 stellt Ihnen einige hervorragende Werkzeuge dafür zur Verfügung.

Das Arbeiten in Quelltexten wurde in der aktuellen Version 8.0 nochmals verbessert, sodass es wirklich denkbar einfach und komfortabel ist, direkt im Quelltext zu arbeiten.

Mit umfangreicheren Websites steigt der Anteil der Arbeit im Quelltext. Viele spezifische Einstellungen können, gerade wenn es um dynamische Websites geht, nicht in der Entwurfsansicht erfolgen. Mit zunehmender Erfahrung werden Sie feststellen, dass es häufig auch wesentlich schneller geht, direkt im Quelltext zu arbeiten.

Besonders Programmierer werden die neuen Funktionen zu schätzen wissen, obwohl Dreamweaver 8 – das muss man leider sagen – bei der PHP-Programmierung nicht mal annähernd an die Möglichkeiten von zum Beispiel ZEND heranreicht.

Meistens wird in der Entwurfsansicht das Grundlayout mit Tabellen und Grafiken erstellt, diverse Variablen in PHP und SQL-Abfragen jedoch werden direkt im Code programmiert. Nur so ist vollständige Kontrolle über den Quelltext gegeben.


Rheinwerk Computing

17.1 Arbeiten im Quelltext  downtop

In Abbildung 17.1 sehen Sie die neue Symbolleiste Kodierung. Die Bezeichnung ist sicherlich etwas unglücklich übersetzt. Tatsächlich verbirgt sich dahinter ein Werkzeug zum Bearbeiten und Handhaben von Quelltext.

Abbildung 17.1 Die neue Symbolleiste Kodierung


Rheinwerk Computing

17.1.1 Quellcode formatieren  downtop

Nicht selten steht man vor dem Problem, völlig unformatierten Quelltext zu erhalten. Es ist extrem mühsam und fehlerträchtig, alle Umbruche und Einrückungen von Hand anzulegen. Quelltext, der so aussieht wie in Abbildung 17.3 dargestellt, kann niemand lesen.

Abbildung 17.2 Unformatierter Quelltext

Automatische Formatierung | Klicken Sie daher in der Symbolleiste Kodierung auf den kleinen Eimer (siehe Abbildung 17.5) und wählen Sie Quellformatierung übernehmen. Der Code wird dann entsprechend der von Ihnen in den Voreinstellungen festgelegten Optionen eingerückt und formatiert.

Abbildung 17.3 Von Dreamweaver 8 formatierter Quelltext


Rheinwerk Computing

17.1.2 Codeansichtsoptionen  downtop

Um die Ansichtsoptionen für die Quellcodeansicht zu verändern, öffnen Sie das Menü Ansicht • Codeansichtsoptionen. Sie können hier einige Hilfsmittel aktivieren oder deaktivieren. Wir raten Ihnen, alle einzuschalten, da der Code somit wesentlich übersichtlicher wird.

Zeilennummern zum Beispiel ermöglichen Ihnen, Stellen im Quelltext schnell zu finden. In PHP-Fehlermeldungen wird fast immer eine Zeilennummer mit einem Hinweis auf die Art des Fehlers ausgegeben.

Abbildung 17.4 Codeansichtsoptionen einstellen

Aktivieren Sie Ungültigen Code hervorheben , prüft Dreamweaver 8 bereits während der Eingabe den Code auf Korrektheit und Browserkompatibilität. Ähnlich wie bei der Rechtschreibprüfung in Word wird fehlerhafte Syntax etc. hervorgehoben.


Rheinwerk Computing

17.1.3 Übersicht im Code  downtop

Quelltexte können mitunter sehr lang werden. Wenn Sie einige Zeilen des Codes bearbeiten müssen, stören alle anderen Bereiche meist erheblich, da sie die Lesbarkeit vermindern.

Mit Dreamweaver 8 verfügen Sie über die verschiedensten Möglichkeiten, Code auszublenden, wobei die wichtigste sicherlich das vollständige Ausblenden von markierten Bereichen ist.

Abbildung 17.5 Bereiche des Quelltextes ausblenden

Markieren Sie dazu den gewünschten Bereich und klicken Sie auf das kleine Icon Auswahl ausblenden oder auf eines der kleinen weißen Quadrate an den Zeilennummern. Alternativ kann – durch gleichzeitiges Drücken der / -Taste – der nicht ausgewählte Bereich ausgeblendet werden.

Abbildung 17.6 Bereich des Quelltextes ausgeblendet

Der ausgeblendete Quelltext wird durch graue Markierungen angezeigt und kann jederzeit wieder durch einen Klick auf das kleine Plus-Symbol oder das Icon in der Symbolleiste wieder eingeblendet werden.

Zusammen mit den vielfältigen anderen Möglichkeiten, wie etwa ganze Tags auszublenden, übergeordnete Tags auszuwählen usw., können Sie die Ansicht des Codes ganz nach den jeweiligen Anforderungen gestalten.


Rheinwerk Computing

17.1.4 Code halbautomatisch erstellen  downtop

Während Sie direkt in der Codeansicht Tags eingeben, hilft Ihnen Dreamweaver 8 beim Vervollständigen aller Attribute.

Wenn Sie die ersten Zeichen nach der öffnenden Klammer eingeben, bietet Ihnen Dreamweaver 8 gemäß dem eingegebenen Zeichen eine Auswahl an verfügbaren Tags an. Sie können diese durch einfaches Betätigen der Eingabetaste automatisch vervollständigen. Auch Attribute werden so vervollständigt. Bei entsprechendem Attribut wird gleich das passende Auswahlfeld mit den möglichen Werten angeboten. Im in Abbildung 17.9 gezeigten Beispiel ist das eine Farbe.

Abbildung 17.7 Eingabehilfen beim Schreiben von Code

Je nach Ihren Voreinstellungen (bitte lesen Sie dazu den Abschnitt über die Programmeinrichtung auf Seite 157) werden Tags sofort abgeschlossen oder es wird nach Eingabe einer öffnenden Klammer und des Backslashs der zuletzt geöffnete Tag automatisch erkannt und geschlossen. Die Einstellung, dass geöffnete Tags automatisch einen Schlusstag schreiben, ist sehr fehlerträchtig, da man einen solchen Tag schnell übersieht.


Rheinwerk Computing

17.1.5 Kommentare  toptop

Zum Zeitpunkt der Entwicklung haben Sie wahrscheinlich die Struktur der Website bestens im Kopf und kennen jede Variable mit Vornamen. Nach sechs Monaten Projektpause sieht das schon etwas anders aus. Undokumentiert wird der eigene Quelltext schnell zur Hieroglyphensammlung.

Quelltext dokumentieren | Fügen Sie deshalb an geeigneten Stellen Kommentare ein, die Ihnen auch nach sechs Monaten erlauben, den Code zu verstehen.

In Dreamweaver 8 können Sie manche Hinweise auch in so genannten Design Notes hinterlegen (siehe Seite 100 im Abschnitt über die Site-Verwaltung). So vermeiden Sie, dass im Internet Angaben zu finden sind, die Surfern mit unlauteren Absichten helfen, Sicherheitslücken zu finden.

Kommentare können Sie über das Menü Einfügen • Kommentar erstellen oder über die entsprechenden Icons in der Symbolleiste Kodierung.



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