Hussein Morsy Adobe Dreamweaver CS4 Der praktische Einstieg
Auf einen Blick Teil I Einführung... 21 Wie bekomme ich eine eigene Webadresse? Wie finde ich den richtigen Provider? Wie ist eine Webseite aufgebaut? Was sind HTML und Cascading Stylesheets (CSS)? Was ist neu in Dreamweaver CS4? Wie erstelle ich eine erste HTML-Seite? Wie verknüpfe ich Webseiten mit Hyperlinks? Teil II Ein Websiteprojekt... 93 Wie lege ich eine neue Site an? Wie importiere ich bestehende Websites? Wie lege ich ein CSS-Layout an? Wie füge ich Texte und Listen ein und formatiere sie? Wie füge ich Seiten mit Bildern und Grafiken ein? Wie speichere und übertrage ich eine Vorlage? Wie erstelle ich ein Layout für die gesamte Website? Wie gestalte ich eine Navigation? Wie erstelle ich eigene CSS-Regeln? Wie teste ich meine Website? Teil III Dreamweaver im Detail... 199 Wie importiere ich Texte aus Word? Wie füge ich Grafiken und Platzhalter ein? Wie arbeite ich mit Hintergründen? Wie schneide ich Bilder zu, schärfe sie oder richte sie aus? Wann sollte ich Tabellen nutzen? Wie füge ich Tabellen ein, baue sie auf und bearbeite sie? Wie richte ich E-Mail-, Imagemap- und Downloadlinks ein? Wie programmiert man JavaScript? Wie baue ich Formulare ein? Wie integriere ich Flash-Filme? Teil IV Über Dreamweaver hinaus... 343 Wie richte ich einen Blog ein? Wie gestalte ich eigene Themes? Wie melde ich meine Website bei Google an? Wie erfahre ich mehr über meine Besucher? Wie kann ich mit meiner Website Geld verdienen? Wie binde ich YouTube-Videos ein? Wie baue ich eine Anfahrtsskizze mit Google-Maps? 3
Inhalt Teil I: Einführung 1 Ein Platz im Internet... 23 1.1 Wie kommt meine Site ins Internet?... 24 1.1.1 Was ist eine Website?... 24 1.1.2 Ein Platz im WWW... 25 1.2 Die eigene Domain... 25 1.2.1 Was ist eine Domain?... 25 1.2.2 Subdomains... 26 1.2.3 Top Level Domains... 26 1.2.4 Ist meine Domain noch frei?... 27 1.2.5 Domains registrieren... 29 1.3 Einen Provider finden... 30 1.3.1 Auswahl eines Webhosters... 30 1.3.2 Das passende Angebot finden... 31 1.3.3 Braucht man einen eigenen Webserver?... 32 1.3.4 Wie konfigurieren Sie Ihren Webspace?... 33 2 Die Sprachen des Web... 35 2.1 Welche Sprachen gibt es?... 36 2.2 Hypertext Markup Language... 37 2.2.1 Strukturieren von Inhalten... 38 2.2.2 Tag-Attribute... 38 2.2.3 HTML-Entities... 39 2.2.4 Header und Body... 39 2.2.5 Darstellung im Browser... 40 2.2.6 Extensible Hypertext Markup Language... 40 2.3 Cascading Stylesheets... 41 2.4 JavaScript... 43 2.5 Ajax... 44 2.6 PHP und MySQL... 44 2.7 Webbrowser und Rendering Engines... 47 5
Inhalt 3 Dreamweaver im Vergleich... 49 3.1 Die Geschichte von Dreamweaver... 50 3.1.1 Dreamweaver Ultradev... 51 3.1.2 Dreamweaver MX und MX 2004... 51 3.1.3 Dreamweaver 8 und die Übernahme von Macromedia durch Adobe... 52 3.2 Neues in Dreamweaver CS4... 52 3.2.1 Neue Benutzeroberfläche... 53 3.2.2 Live-Ansicht... 54 3.2.3 Zugehörige Dateien... 55 3.2.4 InContext Editing... 55 3.2.5 Photoshop-Integration in Perfektion... 56 3.2.6 CSS-Eigenschaftsinpektor... 56 3.2.7 Weitere Funktionen, die nicht in diesem Buch behandelt werden... 57 3.2.8 Funktionen, die entfernt wurden... 57 3.3 Die Konkurrenz im Vergleich... 58 3.3.1 Adobe GoLive 9... 58 3.3.2 RapidWeaver... 58 3.3.3 Microsoft Expression Web... 59 3.3.4 Reine Texteditoren wie UltraEdit, BBEdit und TextMate... 59 3.4 Die Creative Suite 4... 60 3.4.1 Flash CS4... 61 3.4.2 Fireworks und Photoshop CS4... 61 3.4.3 Contribute CS4... 61 3.4.4 Adobe Bridge... 62 4 Dreamweaver CS4 los geht s... 63 4.1 Dreamweaver installieren und aktualisieren... 64 4.2 Der Programmstart... 65 4.3 Die erste HTML-Seite... 66 4.4 Eine Website mit Hyperlinks und Bildern... 71 5 Die Arbeitsumgebung... 79 5.1 Dokumentenfenster... 80 5.1.1 Entwurfsansicht... 80 5.1.2 Live-Ansicht... 81 6
Inhalt 5.1.3 Codeansicht... 81 5.1.4 Teilen-Ansicht... 82 5.1.5 Statuszeile... 83 5.1.6 Der Code-Navigator... 84 5.2 Der Eigenschaftsinspektor... 84 5.2.1 Texteigenschaften... 85 5.2.2 CSS-Eigenschaften... 85 5.2.3 Bildeigenschaften... 85 5.2.4 Weitere Eigenschaften... 86 5.2.5 Eigenschaftsfenster in zwei Darstellungen... 86 5.3 Paletten... 87 5.4 Die Einfügen-Palette... 89 5.5 Anpassen der Arbeitsumgebung... 90 Teil II: Ein Websiteprojekt 6 Eine neue Website... 95 6.1 Unser Beispielprojekt... 96 6.1.1 Beispielwebsite herunterladen... 97 6.1.2 Der Stammordner... 97 6.2 Neue Site anlegen und konfigurieren... 97 6.3 Site für fertige Website erstellen... 100 6.4 Wechseln zwischen Sites... 101 7 Eine Vorlage anlegen... 103 7.1 Vorlage entwerfen... 104 7.1.1 Was ist eine Vorlage?... 104 7.1.2 Beispiele im Web... 105 7.1.3 Vorlagen planen... 106 7.2 Ein Layout erstellen... 107 7.3 Beispielinhalte erstellen... 110 7.4 Eine Vorlage mit editierbaren Bereichen erstellen... 112 8 Seiten mit Inhalten füllen... 117 8.1 Neue Webseite erstellen... 118 8.1.1 Neue Dateien aus Vorlage erzeugen... 119 8.1.2 Seitentitel vergeben... 122 7
Inhalt 8.2 Seiteninhalte einfügen... 123 8.2.1 Texte erstellen... 123 8.2.2 Überschriften... 125 8.2.3 Listen erstellen... 126 8.2.4 Bilder einfügen... 126 8.2.5 Tabellen erstellen... 130 9 Erstellen einer Navigation... 133 9.1 Hauptnavigation... 135 9.2 Fußzeilennavigation... 139 9.3 Vorlage speichern und auf Seiten anwenden... 142 10 Ein Layout erstellen... 145 10.1 Erstellen von Grafik-Segmenten... 146 10.1.1 Das Kopf-Segment... 147 10.1.2 Das Inhalts-Segment... 147 10.1.3 Das Fuß-Segment... 148 10.2 Aufbau von CSS-Dateien... 148 10.2.1 CSS-Datei bearbeiten... 150 10.3 CSS-Regeln für das Layout der Beispielwebsite... 152 10.3.1 Die CSS-Regel body bearbeiten... 153 10.3.2 Die CSS-Regel #container bearbeiten... 154 10.3.3 Die CSS-Regel #header bearbeiten... 157 10.3.4 Die CSS-Regel #header h1 bearbeiten... 159 10.3.5 Die CSS-Regel #maincontent... 161 10.3.6 Die CSS-Regel #sidebar1... 161 10.3.7 Die CSS-Regel #footer... 163 10.3.8 Die CSS-Regel #footer p... 165 10.4 CSS-Regeln für die Navigation... 167 10.5 Eigene CSS-Regeln erstellen... 170 10.5.1 CSS-Regel für die Überschrift erstellen... 170 10.5.2 CSS-Regel für die Links in der Fußzeile erstellen... 172 11 Websites testen, veröffentlichen und verwalten... 175 11.1 Website im Browser testen... 176 11.1.1 Browservielfalt... 176 11.1.2 Browsershots... 177 11.1.3 Browservorschau einstellen... 178 8
Inhalt 11.1.4 Website im Browser testen... 180 11.1.5 Alle Hyperlinks testen... 180 11.1.6 Browserkompatibilität und Zugänglichkeit prüfen... 182 11.2 FTP-Übertragung konfigurieren... 182 11.3 Übertragen der Site auf den Server... 185 11.3.1 Übertragen über das Fenster Dateien... 185 11.3.2 Übertragung im Dokumentenfenster... 188 11.3.3 Website synchronisieren... 189 11.4 Website verwalten... 191 11.5 CMS mit Adobe InContext Editing... 193 Teil III: Dreamweaver im Detail 12 Texte eingeben und strukturieren... 201 12.1 Textinhalte erstellen... 202 12.1.1 Text eingeben... 202 12.1.2 Sonderzeichen eingeben... 203 12.1.3 Leerzeichen eingeben... 204 12.2 Inhalte strukturieren... 205 12.2.1 Überschriften... 205 12.2.2 Absätze... 206 12.2.3 Einrückungen... 207 12.2.4 Vorformatierte Absätze... 208 12.2.5 Listen... 209 12.2.6 Hervorhebungen... 211 12.3 Importieren aus Word... 211 12.3.1 Word-HTML optimieren... 211 12.3.2 Texte aus der Zwischenablage einfügen... 212 12.3.3 Stylesheets und Word... 214 13 Arbeiten mit CSS... 215 13.1 Was sind Cascading Stylesheets?... 216 13.1.1 Externe und interne CSS... 217 13.1.2 CSS in Vorlagen einsetzen... 218 13.1.3 Methoden zur CSS-Erstellung... 219 13.2 CSS für Einsteiger... 219 13.2.1 CSS über Seiteneigenschaften... 220 13.2.2 CSS über den Eigenschaftsinspektor... 223 9
Inhalt 13.3 Fortgeschrittene Techniken... 227 13.3.1 Das Fenster CSS-Stile... 228 13.3.2 Neuen CSS-Stil erstellen... 228 13.3.3 CSS-Stile bearbeiten... 235 13.3.4 CSS-Stile-Eigenschaften... 236 13.3.5 CSS-Regeln löschen... 237 13.3.6 Klassen-Selektoren umbenennen... 237 13.3.7 CSS-Stile an Texte zuweisen... 238 13.3.8 Externe Stylesheets verknüpfen... 239 13.3.9 Stylesheets verschieben... 241 14 Bilder einfügen... 243 14.1 Bilder bearbeiten... 244 14.2 Bildformate für das Web... 244 14.2.1 GIF... 245 14.2.2 JPEG... 246 14.2.3 PNG... 247 14.3 Bilder, Platzhalter und Hintergründe... 248 14.3.1 Bilder einfügen... 248 14.3.2 Bild-Platzhalter einsetzen... 250 14.3.3 Bilder oder Platzhalter austauschen... 251 14.3.4 Roll over-bilder einsetzen... 251 14.4 Bildeinstellungen... 252 14.4.1 Bild ausrichten... 252 14.4.2 Alternativtext eingeben... 253 14.4.3 Bildgröße einstellen... 254 14.4.4 Bilder zuschneiden... 256 14.4.5 Helligkeit, Kontrast und Schärfe... 257 15 Tabellen erstellen... 259 15.1 Sonderfall Webtabellen... 260 15.2 Verschiedene Tabellenansichten... 262 15.2.1 Standard-Ansicht... 262 15.2.2 Erweiterte Ansicht... 263 15.3 Erstellung einer Tabelle... 264 15.4 Eigenschaften von Gesamttabellen... 266 15.4.1 Tabellen markieren... 267 15.4.2 Einstellungen für ganze Tabellen... 268 15.4.3 Höhe und Breite anpassen... 269 10
Inhalt 15.5 Eigenschaften von Tabellenbereichen... 270 15.5.1 Spalten, Zeilen und Zellen auswählen... 270 15.5.2 Einstellungen für Tabellenbereiche... 271 15.5.3 Tabellenzellen gruppieren... 272 15.5.4 Spalten und Zeilen hinzufügen... 274 15.6 Tabellen sortieren... 275 16 Hyperlinks einsetzen... 277 16.1 Navigieren mit Hyperlinks... 278 16.1.1 Funktionsweise von Hyperlinks... 278 16.1.2 Das Wichtigste: die URL... 279 16.2 Hyperlinks anlegen in Dreamweaver... 280 16.2.1 Externe und interne Hyperlinks... 281 16.2.2 Links innerhalb einer Webseite... 282 16.2.3 Löschen von Hyperlinks... 284 16.3 Spezielle Hyperlinks anlegen... 285 16.3.1 Leere Links... 285 16.3.2 E-Mail-Links... 285 16.3.3 Imagemaps... 287 16.3.4 Downloadlinks... 288 16.3.5 Automatische Weiterleitung... 289 17 Interaktivität mit JavaScript... 291 17.1 Wie funktioniert JavaScript?... 292 17.2 JavaScript im Eigenschaftsinspektor... 293 17.3 JavaScript über Menüs einfügen... 294 17.4 Funktionsweise eines Verhaltens... 296 17.5 Ein Verhalten einfügen... 298 17.6 Wichtige Verhalten im Überblick... 300 17.6.1 Aktionen hinzufügen... 301 17.6.2 Aktionen bearbeiten... 302 17.6.3 Aktionen entfernen... 302 17.6.4 Ereignis festlegen... 303 17.7 Das JavaScript-Framework Spry... 303 11
Inhalt 18 Formulare erstellen... 307 18.1 Formulare mit Dreamweaver... 309 18.2 Funktionsweise einrichten... 310 18.3 Formulare layouten... 311 18.4 Formularelemente einfügen... 312 18.4.1 Einfache Textfelder... 312 18.4.2 Mehrzeilige Textfelder... 313 18.4.3 Kontrollkästchen... 314 18.4.4 Optionsschalter... 315 18.4.5 Auswahllisten... 316 18.4.6 Schaltflächen... 318 18.4.7 Versteckte Felder... 319 18.4.8 Weitere Elemente... 320 18.5 Formularüberprüfung einbauen mit Spry... 320 18.5.1 Felder überprüfen... 321 18.5.2 Eigene Fehlermeldungen festlegen... 323 18.5.3 Spry-Überprüfungen bearbeiten... 324 18.6 Ein Kontaktformular anlegen... 325 19 Dreamweaver und die Creative Suite... 327 19.1 Adobe Photoshop CS4... 328 19.1.1 Photoshop-Dateien in Dreamweaver importieren... 328 19.1.2 Bilder aus der Zwischenablage einfügen... 332 19.1.3 Bilder in Photoshop bearbeiten... 332 19.1.4 Einstellungen... 333 19.2 Adobe Fireworks CS4... 334 19.2.1 Fireworks-Dateien in Dreamweaver importieren... 334 19.2.2 Bilder in Fireworks bearbeiten... 335 19.3 Eine Bildergalerie erstellen mit Dreamweaver und Fireworks... 335 19.4 Adobe Flash CS4... 338 19.4.1 So funktioniert Flash... 338 19.4.2 Plug-in erforderlich... 338 19.5 Flash-Filme integrieren... 339 12
Inhalt Teil IV: Über Dreamweaver hinaus 20 Bloggen mit WordPress... 345 20.1 Leistungsmerkmale von WordPress... 347 20.2 WordPress installieren... 348 20.3 WordPress administrieren... 353 20.3.1 Einloggen im Administrationsbereich... 354 20.3.2 Schreiben von Beiträgen... 354 20.3.3 Verwalten von Beiträgen... 355 20.4 WordPress-Templates... 356 21 Gesucht und gefunden bei Google... 361 21.1 Ihre Website mit Google bekannt machen... 363 21.2 Tipps zur Suchmaschinenoptimierung... 364 21.2.1 Verwenden Sie Titel und alt-attribute... 365 21.2.2 Meta-Tags... 366 21.2.3 Meta-Tags bearbeiten... 367 21.2.4 Website von anderen Websites verlinken... 368 21.2.5 Was Sie unbedingt vermeiden sollten... 369 21.3 Besucher-Statistiken mit Google Analytics... 370 21.4 Anzeigen mit Google AdWords... 373 21.5 Geld verdienen mit Google AdSense... 374 22 Mashups die Welt in Ihre Website einbinden... 377 22.1 YouTube-Videos integrieren... 378 22.2 Google Maps integrieren... 381 Index... 385 13
Kapitel 1 Ein Platz im Internet So veröffentlichen Sie Ihre Website im Internet Wie erhalte ich Webspace? Wie bekomme ich eine eigene Webadresse? Was ist eigentlich eine Domain? Wie finde ich den richtigen Provider?
1 Ein Platz im Internet 1 Ein Platz im Internet Genauso, wie ein Haus ein Grundstück und eine Hausnummer benötigt, braucht Ihre Website Platz und eine Adresse im Internet. In diesem Kapitel erfahren Sie, wie Sie eine Parzelle auf einem Webserver und eine passende Internetadresse anmieten können. 1.1 Wie kommt meine Site ins Internet? Dieses Buch handelt davon, wie man mit den faszinierenden Möglichkeiten des Webpublishing-Tools Dreamweaver CS4 Websites erstellt. Auf der einen Seite werden Sie lernen, wie Sie Dreamweaver bedienen. Auf der anderen Seite lernen Sie aber auch alle Elemente und Technologien kennen, die eine gute Website ausmachen. Am Ende werden Sie einen eigenen Internetauftritt erstellt haben und alle wichtigen Funktionen von Dreamweaver beherrschen. Bevor Sie sich aber an Dreamweaver und eine erste eigene Website heranwagen, sollten Sie sich erst einmal anschauen, was eine Website überhaupt ist und was man erledigen sollte, bevor man sie zusammenbaut. 1.1.1 Was ist eine Website? Eine Website ist einfach ein Zusammenschluss aus mehreren Webseiten. Diese Webseiten sind über Hyperlinks miteinander verknüpft. Klickt man auf einen Link, gelangt man auf eine neue Webseite. Jede einzelne Webseite besteht aus einer einzelnen Datei, dem sogenannten HTML-Dokument. Klicken Sie sich durch eine Website, sehen Sie den Namen der gerade angezeigten Datei immer in der Adresszeile des Browsers. 24
Die eigene Domain 1.2 1.1.2 Ein Platz im WWW Eine Website ist wiederum Bestandteil des großen World Wide Web. Besitzt man einen Internetanschluss und ein Browserprogramm wie Firefox, Safari, Opera, Internet Explorer oder Google Chrome, kann man sie von überall auf der Welt erreichen. Die Voraussetzung dafür ist, dass die Site auf einem Computer liegt, der ständig an das Internet angeschlossen ist. Würde man sie auf dem eigenen PC unterbringen, wäre sie vom Internet abgetrennt, wenn man die Onlineverbindung beendet. Rechner, die ständig an das Internet angeschlossen sind und auf denen eine Software läuft, die Daten über das im WWW gültige Hypertext Transfer Protocol (HTTP) an andere Internetnutzer versenden, heißen Webserver. Die Dateien, aus denen eine Website besteht, müssen also auf einem solchen Webserver untergebracht werden. Um unsere Website, die wir in diesem Buch aufbauen, wirklich im WWW anbieten zu können, müssen wir sie also auf einem Webserver unterbringen und eine Domain für sie beschaffen. Beides ist kein Problem, denn Speicherplatz auf einem Webserver und Internetadressen kann man mieten. In der Regel bekommt man beides bei Providern oder so genannten Webhostern. Einen Überblick über die größten Anbieter finden Sie am Ende dieses Kapitels. 1.2 Die eigene Domain Domain Es gibt Millionen von Websites im WWW. Jede einzelne benötigt eine eigene, einzigartige Adresse, über die sie vom Internetnutzer aufgerufen werden kann. Diese Adresse, wie zum Beispiel galileodesign.de, heißt Domain, den Mittelteil ( galileodesign) bezeichnet man als Domainname. Wenn Sie Speicherplatz auf einem Webserver anmieten, ist normalerweise mindestens auch eine Domain kostenfrei enthalten. Die Wahl des Domainnamens ist wie das Namensschild einer Haustür. Ohne ihn kann Ihre Website nicht (oder nur über die IP- Adresse ) gefunden werden. 1.2.1 Was ist eine Domain? Wenn Sie jemanden per Telefon anrufen möchten, benötigen Sie seine Telefonnummer. Unter dieser erreichen Sie ausschließlich seinen Telefonapparat und sonst niemand anders. Ähnlich verhält es sich im Web. Jeder Webserver hat seine eigene IP-Adresse (Internet Protocol), über die er im Internet erreichbar ist. Diese setzt sich immer aus vier Teilen zusammen, wobei jeder Teil aus einer Zahl zwischen 0 und 255 besteht. 25
1 Ein Platz im Internet Domains mit Umlauten Domainnamen können auch Umlaute und Sonderzeichen anderer Sprachen enthalten. Diese Domainnamen bezeichnet man als IDN (Internationalized Domain Name). Ein Sonderfall ist das»ß«, das automatisch in»ss«umgewandelt wird. Bei Umlauten ist das nicht der Fall. Leider funktionieren IDN- Domains im Internet Explorer erst richtig ab Version 7. Andere Browser wie Firefox, Opera und Safari haben keine Probleme mit IDNs. Die deutsche Google-Website ist zum Beispiel über die IP- Adresse 66.102.11.99 erreichbar. Sie können die IP-Adresse auch im Browser eingeben, um zur Website zu gelangen. Damit der Besucher Ihrer Website sich nicht die IP-Adresse merken muss, kann man eine Domain beantragen. Für die IP- Adresse 85.88.3.146 wurde zum Beispiel die Domain galileopress.de registriert. Es ist auch möglich, mehrere Domains für dieselbe IP-Adresse zu registrieren. Die Domain galileodesign.de ist zum Beispiel auch für die IP-Adresse 85.88.3.146 registriert. Der Domainname darf nur Buchstaben, Zahlen und Bindestriche (-) enthalten. Domainnamen mit der Endung de müssen mindestens drei und dürfen höchstens 63 Zeichen lang sein. Autokennzeichen sind zum Beispiel bei der Top Level Domain de nicht zulässig. Zwischen Groß- und Kleinschreibung wird nicht unterschieden. Außerdem sollten Sie darauf achten, dass Ihre Wunschdomain nicht bereits als Marke registriert ist, um einen Rechtsstreit zu vermeiden. 1.2.2 Subdomains Das Präfix www ist nicht Teil des Domainnamens, sondern heißt Subdomain. Sie können auf dem für Ihre Site zuständigen Webserver beliebige Präfixe anlegen lassen, ohne diese irgendwo registrieren zu müssen. Meistens beschränken Provider die Anzahl der verfügbaren Subdomains auf fünf, zehn oder zwanzig pro Domain. Die Firma Apple zum Beispiel verwendet für ihren Shop die Adresse store.apple.com und für die allgemeinen Informationen zum Unternehmen die Hausadresse www.apple.com. Eine Subdomain kann einer Internetadresse somit eine spezifische Bedeutung geben. Bei den meisten Websites können Sie auch die Subdomain ganz weglassen. Sie können im Browser also statt www.google.de auch google.de eingeben, und trotzdem wird dieselbe Seite geladen. 1.2.3 Top Level Domains Die Top Level Domain (TLD ) ist jener Teil in einer Domain, der ganz rechts hinter dem Punkt steht. Verdeutlichen wir das an einem 26
Die eigene Domain 1.2 Beispiel: Die TLD von google.de ist de und die TLD von google.com entsprechend com. Es gibt zwei Arten von TLDs: länderspezifische TLDs ( cctld für country code), z. B. de für Deutschland, fr für Frankreich, nl für die Niederlande. Insgesamt existieren über 240 verschiedene länderspezifische TLDs. generische TLDs ( gtld ), z. B. com für kommerzielle (commercial) Websites, org für öffentliche Organisationen, gov für die amerikanische Regierung, info für Informations-Websites usw. Zurzeit existieren 15 verschiedene generische TLDs. Inzwischen gibt es auch neue gtlds, die den Einsatzbereich der Website kennzeichnen sollen, wie tv für Websites zum Thema Fernsehen und museum (wie bei deutsches.uhren.museum) für Museen. Trotz der wachsenden Anzahl an generischen TLDs sind die com-und die de-tlds für kommerzielle Websites in Deutschland zu bevorzugen, da diese am geläufigsten sind.eine Übersicht über alle aktuellen TLDs können Sie auf der Seite http://www.iana.org/ domains/root/db/ nachlesen. 1.2.4 Ist meine Domain noch frei? Für jede Top Level Domain gibt es jeweils eine Organisation, die die Vergabe der Domainnamen regelt. Für die deutschen Domains (de) ist die Denic zuständig. Sie können dort auch überprüfen, ob Ihr Wunschname noch frei ist. ICANN die Internetverwaltung ICANN (Internet Corporation for Assigned Names and Numbers) ist die Hauptorganisation, die die IP-Adressräume und die Top Level Domains verwaltet. ICANN ist unter www.icann.org erreichbar. Abbildung 1.1 Bei der Denic (www.denic.de) können Sie überprüfen, ob Ihre gewünschte Domain noch frei ist. In diesem Fall ist die Domain ist-immer-noch-frei noch zu haben. 27
Index 1&1 Internet AG 31 1-Bit Transparenz 246.de 27.dwt 115.fla 338.gov 27.museum 27.org 27.swf 338.tv 27 A Absätze 206 Absatz (HTML-Tag) 38 Acrobat Reader 289 Adobe Fireworks CS4 334 Adobe Flash CS4 338 Adobe Photoshop CS4 328 Ajax 44, 303 Aktion 297 Aktionen bearbeiten 302 entfernen 302 hinzufügen 301 Aktualisieren 142, 192 Aktualisierung 83 ALL-INKL.COM 31 alt-attribute 365 Alternativtext 127, 253 Änderungsdatum 190 Animation 246 Ankerpunkte 282 Ansichtsmodi 80 Anzeigen 373 Arbeitsumgebung anpassen 90 Attribute 38 Auschecken 186 Ausrichtung 125 Überschriften 206 Auswahllisten 316 Auszeichnungssprache 37 B Banner 104 Barrierefreiheit 216, 253, 266, 309 BBEdit 59 Bedienfeld Dateien 101 Bedienfelder 87, 88 Bedienfeldgruppen 87 Beispielprojekt 96 Besucher-Statistiken 370 Bildeigenschaften 85 Bild(er) 85, 189 Abstand 253 ausrichten 252 austauschen 251, 301 CSS 249 einfügen 89, 126, 127, 248 Einstellungen 252 Größe einstellen 254 Helligkeit 257 in Fireworks bearbeiten 335 in Photoshop bearbeiten 332 Kontrast 257 nicht angezeigt 176 Platzhalter 250 Proportionen 255 Schärfe 257 Text umfließen 252 vorausladen 301 zuschneiden 256 Bildergalerie 335 Bilderordner 100 Bildformate 244 Bildgröße 244 Bild-Platzhalter 250 austauschen 251 Bildschirmauflösung 83 Block 160 <blockquote> 207 Blog 346 Blogger 347 body 39, 153 Hintergrundfarbe 153 Standardschriftart 153 Box 156, 158 Browser 81, 176 Adresszeile 24 Standardformatierung 40 Browserfenster öffnen 301 Browserkompatibilität 182 Browserliste 178 Browservorschau 178 Bugfixes 53, 56 C Cache 100 Cascading Stylesheets (CSS) 41, 70, 121, 215, 216, 278 Cascading Stylesheets (CSS) auch Stylesheets cctld 27 Code-Ansicht 81 Code-Editor 60 Code-Vervollständigung 60 #container 154 Content-Management-System 346 Contribute 61 Copyright 140 Creative Suite 52, 64 Creative Suite 4 60 CSS 121, 215, 216 Abstände 233 bearbeiten 235 Block 232 Box 233 Eigenschaften hinzufügen 236 Eigenschaftsinspektor 219 einbinden 42 Einführung 219 Erstellung 219 Erweiterungen 235 externe Stile 217 Grundlagen 215, 216 Hintergrund 232 Hintergrundfarbe 220 Hintergrundgrafik 249 Hyperlink-Stile 220 385
Index CSS (Forts.) im Quelltext 219 interne Stile 217 in Vorlagen einsetzen 218 Liste 234 mehrfach einsetzen 226 neuer Stil 228 Positionierung 234 Rahmen 233 Regel löschen 237 Rollover-Effekte 220 Schriftart 220, 232 Schriftfarbe 220, 232 Schriftgröße 220, 232 Seiteneigenschaften 219, 220 Seitenrand 220, 233 Stile-Eigenschaften 236 Stile löschen 237 Stile umbenennen 237 über Eigenschaftsinspektor 223 verknüpfen 239 verschieben 241 CSS-Datei 41 Aufbau 148 bearbeiten 150 speichern 231 CSS-Eigenschaften 152 CSS-Grundlagen 148 CSS-Klasse umbenennen 238 CSS-Regel 149, 216 duplizieren 238 eigene erstellen 170 Eigenschaften 151 neue erstellen 170 v erschieben 238 CSS-Regel-Definition 152 CSS-Standards 148 CSS-Stil 125, 149, 216, 219, 228 an Texte zuweisen 238 anwenden 226 Fenster 150 CSS-Syntax 228 CSS Zen Garden 216 D Datei aus Vorlage 119 erstellen 66 löschen 192 umbenennen 192 Dateigröße 83 Datenbanken 32 Denic 27 Digitalkamera 244, 246 Dokumentenfenster 80 Domain 25 Domainname 25 Domains IDN-Domains 26 TLD 26 Umlaute 26 Downloadlinks 278, 288 Dreamweaver Exchange 66 Dreamweaver MX 51 Dreamweaver MX 2004 51 Dreamweaver-Templates 115 Dreamweaver-Testversion 64 Dreamweaver Ultradev 51 Dreamweaver-Update 64 Druckversion 216 Dummy-Link 285 Dynamische Webseiten 44 E Editierbare Bereiche 121 Eigenschaftsinspektor 84, 124 Einchecken 186 Einfügen-Menüs 90 Einfügen-Palette 89 Eingabehilfen 309 Einrückung 207 Einrückungen 207 Einstellungen 91 E-Mail-Adressen 31 E-Mail-Links 278, 285 Betreffzeile 285 Entwurfs-Ansicht 80, 202 Ereignis 298 festlegen 303 Ereignisse 292 Erweiterte Ansicht 263 Excel 260 Externe Stile 217 F Fadenkreuz 281 Farben 245 16,7 Millionen 246 256 245 Favoriten 122 fett 125 Firefox 176 Firewall 185 Fireworks 61, 64, 244, 246 Fireworks-Dateien importieren 334 Flash 61, 189, 378 ausrichten 341 Auto-Wdg 341 Eigenschaften 340 H-Abstand 341 Qualität 341 Schleife 341 skalieren 341 V-Abstand 341 Flash-Film einfügen 339 Flash-Player 338 Flash-Plug-in 338 Fließtext 124 #footer 163 Footer Absätze 165 #footer p 165 Formular 308 Aktion 311 Auswahllisten 316 Barrierefreiheit 309 Danke-Seite 325 Elemente einfügen 312 Fehlermeldungen 323 Felder überprüfen 321 Funktionsweise 310 GET 311 Kennwort 313 layouten 311 mit CSS gestalten 311 Optionsschalter 315 386
Index Formular (Forts.) Passwort 313 Pflichtfelder 320 PHP-Skript 325 POST 311 Schaltflächen 318 Skript 325 überprüfen 302 Upload 320 Versendemethode 311 versteckte Felder 319 Zeilenumbrüche 314 Formularbereich 308 Formularelemente 309, 312 Formularüberprüfung 320 Fotos 245 Bildformat 246 Freehand 60 Freistellen 244 Frontpage 59 FTP 279 Einstellungen 182, 184 passives 185 FTP-Benutzerdaten 184 Fußbereich 107 Fußzeilennavigation 139 G Gameserver 32 Gehe zu URL 302 Gesamttabellen 266 GET 311 GIF 245 GIF-Animationen 246 GoLive 58 Google 361, 362, 364, 368 Bildersuche 366 Google AdSense 362, 374 Google AdWords 362, 373 Google Analytics 362, 370 Google Earth 362 Google-Index 363 Google-Konto 371 Google Mail 362 Google-Maps 377 Großschreibung 100 Grundeinstellungen 98 gtld 27 H Hauptbereich 107 #header 157 Header 39 #header h1 159 Helligkeit 257 Helligkeitskorrekturen 244 Hervorhebungen 211 Hintergrund 158 Hintergrundbild 220 festlegen 155 Hintergrundfarbe 220 Hintergrundgrafik 249 kacheln 148 Homepage 97, 120, 180 Host Europe GmbH 31 Hotspots 287 Hover-Effekt 295 HTML 37, 66 HTML-Attribute align 38 HTML-Entities 203 HTML-Tag 83 <br> 38 <em> 38 <form> 308 <h1> 38 <img> 38 <link> 42 <ol> 38 <p> 38 <strong> 37 <table> 38, 268 Übersicht 38 <ul> 38 http 279 HTTP-Adresse 100 https 279 Hyperlink 39, 138, 279 Prüfung 100 relativ zu 100 Hyperlinks 24, 85, 278 absolute 281 anlegen 280 externe 281 Farbe 222 interne 281 JavaScript einfügen 293 Hyperlinks (Forts.) korrigieren 192 leere 285 löschen 284 relative 281 zustände 222 Hyperlinks auch Links Hyperlink-Stile 220 Hypertext Transfer Protocol (HTTP) 25 I ICANN 27 IDN-Domains 26 Illustrator 245 Illustrator CS4 60 Imagemaps 287 ImageReady 61 Import Fireworks-Dateien 334 Flash 339 Photoshop-Dateien 328 PNG-Datei 335 Impressum 139 Inhalte strukturieren 205 Inhaltsbereich 104 Innenabstände 158 Installation 64 Interaktives Menü 133 Interne Stile 217 Internet Explorer 176, 177, 179 IP-Adresse 25, 279 IP-Adressräume 27 J Java 32 JavaScript 37, 43, 292 Alert-Fenster öffnen 293 Ereignisse 292 manuell 301 Syntax 293 über Menüs einfügen 294 Verhalten 293 JavaScript-Befehle 294 JavaScript-Frameworks 305 Joomla 62 JPEG 246 387
Index K Klassen-Selektoren 228 Klassen-Typ erstellen 230 Kleinschreibung 100 Kodierungs-Typ 311 Kompression 246 Kontakt 139 Kontaktformular 308, 325 Kontrast 257 Kontrollfelder 315 Kontrollkästchen 314 Kopfzeile 266 Kostenloser Webspace 30 kursiv 125 L Label-Tag 309 Layout erstellen 107 Gesamtbreite 154 Höhe 158 mit Tabellen 41 Ränder einstellen 162 schwarzer Rand 156 Leere Links 285 Leerzeichen 204, 208 geschütztes 204 Leerzeilen 208 Lesesysteme 309 Lesezeichen 122 Link 176 Linkpopularität 368 Links 140 absolute 281 testen 180 Linksbündig 206 Linux-Server 32 Listen 125, 209 geordnet 234 geordnete 126 ungeordnet 234 ungeordnete 126 Listenformat 126 Live-Ansicht 54 Logo 104, 107 Lokale Infos 99 Lokale Navigationen 134 Lokaler Stammordner 99 Lupe-Werkzeug 83 M #maincontent 161 Markup-Language 37 Menüeinträge ändern 137 Metatags 121 Meta-Tags 366 bearbeiten 367 Description 366 hinzufügen 366 Keywords 366 Microsoft Expression Web 59 Mozilla 176 MySQL 32, 44 N Navigation 104 Fußbereich 140 Navigationsleiste 296 Navigationsmenü 107 Neue CSS-Regel 170 Neue Site 97 Neue Webseite 118 Nic 28 O Objekt 297 onabort 303 onclick 303 ondblclick 303 onload 303 onmousedown 303 onmouseout 303 onmouseover 303 onmouseup 303 Open Directory Project 368 Opera 177 Optionsschalter 315 Ordner erstellen 192 P Paletten 87 Passwort-Textfelder 313 PDF-Dateien 289 Pfadangaben 281 Photoshop 61, 244, 246 Photoshop-Dateien importieren 328 Photoshop-Integration 56 PHP 32, 37, 44, 60, 66, 82 Pixelgrafiken 245 Plug-in überprüfen 302 PNG 247 PNG-Dateien importieren 335 PNG-Format 334 Popup-Meldung 302 Positionierung 234 POST 311 Primärbrowser 179 Programmstart 65 Protokoll 279 Provider 25, 30, 184 PSD 328 Q QuickTime-Player 338 R Rahmen 156 Randstärke 265 Rapid Prototyping 58 RapidWeaver 58 RealPlayer 338 Rechtsbündig 206 Redesign 216 Relative Links 281 Remote-Informationen 183 Rollover-Bild 251, 294 vorausladen 295 Rollover-Effekte 220 Ruby on Rails 32 S Safari 177 Schaltflächen 318 Schärfe 257 Schriftart 85, 124, 220, 224 Schriften 124, 245 Schriftfarbe 220, 224 388
Index Schriftgröße 85, 124, 220, 224 in CSS einstellen 166 Schriftgruppen 124 Scroll-Funktion 83 Sehbeeinträchtigung 309 Seiteneigenschaften 220 Seiteninhalte 117, 118 einfügen 122 Seitenrand 220 Seitentitel 69, 121, 122 Seite speichern 70 Sekundärbrowser 179 Selektoren 149, 228 Selektor-Typ 229 Selfhtml 37 Seriennummer 64 Shop 61 Site 97 anlegen 97 für fertige Website 100 konfigurieren 97 wechseln 101 Site-Name 99 Site-Ordner 186 Slices 146 Sonderzeichen 39, 203 Spaltenmenü 270 Spiele 61 Spry 292, 320 Spry-Menüleiste 135 anpassen 137 einfügen 135 Spry-Überprüfung 322 Spry-Widgets 305 SSL 313 Stammordner 97 Standard-Ansicht 262 Startfenster 65 Startseite 120 Statuszeile 83 Stil intern oder extern 230 STRATO AG 31 Stylesheets 189, 215, 216 Subdomains 26 Suchmaschinen 362 Suchmaschinenoptimierung 364 Synchronisieren 192 Syntax-Highlighting 60 T Tabelle 260 auswählen 267 Barrierefreiheit 266 Breite 269 einfügen 89, 130 erstellen 130, 264 Größe 265 Größe zurücksetzen 269 Höhe 269 Kopfzeile 266 markieren 267 Randstärke 265 sortieren 275 Spalte auswählen 270 Spalte löschen 274 Spalten 132 Spaltenbreiten verändern 132 Umbruch 272 Zeile auswählen 270 Zeile löschen 274 Zeilen 132, 265 Zellabstände 265 Zellauffüllung 265 Zelle auswählen 271 Tabellenansichten 262 Tabellenbereiche 270 Eigenschaften 271 Tabellen-ID 268 Tabellen-Klasse 268 Tabellen-Layout Nachteile 41 Tabellenlinien 81, 262 Tabellenzellen ausrichten 272 gruppieren 272 Tabellenzellen markieren 271 Tabulatoren 208 Tag-Leiste 270 Tags 36, 37 per CSS formatieren 230 Tag-Selektoren 228 Tag-Stil erstellen 230 Teilen-Ansicht 82, 202 Templates 104 Text eingeben 202 erstellen 123 Text (Forts.) markieren 67 Texteditor 59 Texteigenschaften 85 Texteinrückung 160 Texteinzug 160 Textfeld 311 Textfelder 312 mehrzeilig 313 Passwort-Feld 313 Textinhalte 202 Textverarbeitung 80 Titel 107 TLD 26 Top Level Domain (TLD) 26, 27 Tracking-Code 371 Traffic 32 Transfervolumen 32 Transparente Bereiche 246 Transparenz 246 Typo3 62 U Überschriften 125, 205, 222 Überschrift (HTML-Tag) 38 Übertragungsgeschwindigkeit 83 UltraEdit 59 Umbruch 314 harter 207 weicher 207 Unicode-Zeichensatz 203 Updates 56, 64 URL 279 anmelden 363 V Vektorgrafiken 245 Verbindungsgeschwindigkeit 83 Verhalten 121, 296 Browserfenster öffnen 298 einfügen 298 Neues Fenster 298 Überblick 300 veraltete 301 Verhalten (Funktion) 43 Verknüpfungen 222 Verschachtelte Liste 210 389
Index Verschlüsselung 313 Versendemethode 311 Versteckte Felder 319 Videos 338 Visuelle Hilfsmittel 262 Vordefinierte Betreffzeile 285 Voreinstellungen 92 Vorformatierte Absätze 208 Vorlage 104 anwenden 142 entwerfen 104 erstellen 112 mit editierbaren Bereichen 112 öffnen 115 planen 106 speichern 142 Vorlagendateien 115 Vorlesesysteme 309 Vorschaufunktion 178 W Webbrowser 176 Webfotoalbum 335 Webhoster 25, 30 Webkit 54 Weblog 345, 346 Webseite 97 aus Vorlage 119 erstellen 66, 119 Webseite (Forts.) Größe 83 neu 118 speichern 120 übertragen 188 Webserver 25, 32, 185, 186, 190, 192 Website 95, 96, 104 auswählen 181, 187 Gesamtbreite 154 importieren 100 prüfen 181 synchronisieren 189, 190 testen 176 übertragen 185, 187 verwalten 183, 191 von anderen Websites verlinken 368 Webspace 30 Webstandards 216 Webstatistiken 370 Webtabellen 260 Weiterleitung 289 Word HTML optimieren 211 importieren 211 Zwischenablage 212 WordPress 62, 346, 347 administrieren 353 Beiträge schreiben 354 WordPress (Forts.) installieren 348 Templates 347, 356 Themes 358 WWW 25 WYSIWYG 81 X XHTML (Extensible Hypertext Markup Language) 40 Y YouTube 377 Z Zeilenumbrüche 314 Zellabstand 265 Zellauffüllung 265 Zellraum 268 Zentriert 206 Zitate 207 Zoom-Funktion 83 Zugänglichkeit 182 Zurücksetzen 319 Zwischenablage 212 Zwischenspeicher 100 390