Adobe Dreamweaver CS4

Transkript

1 Hussein Morsy Adobe Dreamweaver CS4 Der praktische Einstieg

2 Auf einen Blick Teil I Einführung 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 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 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 -, Imagemap- und Downloadlinks ein? Wie programmiert man JavaScript? Wie baue ich Formulare ein? Wie integriere ich Flash-Filme? Teil IV Über Dreamweaver hinaus 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

3 Inhalt Teil I: Einführung 1 Ein Platz im Internet Wie kommt meine Site ins Internet? Was ist eine Website? Ein Platz im Die eigene Domain Was ist eine Domain? Subdomains Top Level Domains Ist meine Domain noch frei? Domains registrieren Einen Provider finden Auswahl eines Webhosters Das passende Angebot finden Braucht man einen eigenen Webserver? Wie konfigurieren Sie Ihren Webspace? Die Sprachen des Web Welche Sprachen gibt es? Hypertext Markup Language Strukturieren von Inhalten Tag-Attribute HTML-Entities Header und Body Darstellung im Browser Extensible Hypertext Markup Language Cascading Stylesheets JavaScript Ajax PHP und MySQL Webbrowser und Rendering Engines

4 Inhalt 3 Dreamweaver im Vergleich Die Geschichte von Dreamweaver Dreamweaver Ultradev Dreamweaver MX und MX Dreamweaver 8 und die Übernahme von Macromedia durch Adobe Neues in Dreamweaver CS Neue Benutzeroberfläche Live-Ansicht Zugehörige Dateien InContext Editing Photoshop-Integration in Perfektion CSS-Eigenschaftsinpektor Weitere Funktionen, die nicht in diesem Buch behandelt werden Funktionen, die entfernt wurden Die Konkurrenz im Vergleich Adobe GoLive RapidWeaver Microsoft Expression Web Reine Texteditoren wie UltraEdit, BBEdit und TextMate Die Creative Suite Flash CS Fireworks und Photoshop CS Contribute CS Adobe Bridge Dreamweaver CS4 los geht s Dreamweaver installieren und aktualisieren Der Programmstart Die erste HTML-Seite Eine Website mit Hyperlinks und Bildern Die Arbeitsumgebung Dokumentenfenster Entwurfsansicht Live-Ansicht

5 Inhalt Codeansicht Teilen-Ansicht Statuszeile Der Code-Navigator Der Eigenschaftsinspektor Texteigenschaften CSS-Eigenschaften Bildeigenschaften Weitere Eigenschaften Eigenschaftsfenster in zwei Darstellungen Paletten Die Einfügen-Palette Anpassen der Arbeitsumgebung Teil II: Ein Websiteprojekt 6 Eine neue Website Unser Beispielprojekt Beispielwebsite herunterladen Der Stammordner Neue Site anlegen und konfigurieren Site für fertige Website erstellen Wechseln zwischen Sites Eine Vorlage anlegen Vorlage entwerfen Was ist eine Vorlage? Beispiele im Web Vorlagen planen Ein Layout erstellen Beispielinhalte erstellen Eine Vorlage mit editierbaren Bereichen erstellen Seiten mit Inhalten füllen Neue Webseite erstellen Neue Dateien aus Vorlage erzeugen Seitentitel vergeben

6 Inhalt 8.2 Seiteninhalte einfügen Texte erstellen Überschriften Listen erstellen Bilder einfügen Tabellen erstellen Erstellen einer Navigation Hauptnavigation Fußzeilennavigation Vorlage speichern und auf Seiten anwenden Ein Layout erstellen Erstellen von Grafik-Segmenten Das Kopf-Segment Das Inhalts-Segment Das Fuß-Segment Aufbau von CSS-Dateien CSS-Datei bearbeiten CSS-Regeln für das Layout der Beispielwebsite Die CSS-Regel body bearbeiten Die CSS-Regel #container bearbeiten Die CSS-Regel #header bearbeiten Die CSS-Regel #header h1 bearbeiten Die CSS-Regel #maincontent Die CSS-Regel #sidebar Die CSS-Regel #footer Die CSS-Regel #footer p CSS-Regeln für die Navigation Eigene CSS-Regeln erstellen CSS-Regel für die Überschrift erstellen CSS-Regel für die Links in der Fußzeile erstellen Websites testen, veröffentlichen und verwalten Website im Browser testen Browservielfalt Browsershots Browservorschau einstellen

7 Inhalt Website im Browser testen Alle Hyperlinks testen Browserkompatibilität und Zugänglichkeit prüfen FTP-Übertragung konfigurieren Übertragen der Site auf den Server Übertragen über das Fenster Dateien Übertragung im Dokumentenfenster Website synchronisieren Website verwalten CMS mit Adobe InContext Editing Teil III: Dreamweaver im Detail 12 Texte eingeben und strukturieren Textinhalte erstellen Text eingeben Sonderzeichen eingeben Leerzeichen eingeben Inhalte strukturieren Überschriften Absätze Einrückungen Vorformatierte Absätze Listen Hervorhebungen Importieren aus Word Word-HTML optimieren Texte aus der Zwischenablage einfügen Stylesheets und Word Arbeiten mit CSS Was sind Cascading Stylesheets? Externe und interne CSS CSS in Vorlagen einsetzen Methoden zur CSS-Erstellung CSS für Einsteiger CSS über Seiteneigenschaften CSS über den Eigenschaftsinspektor

8 Inhalt 13.3 Fortgeschrittene Techniken Das Fenster CSS-Stile Neuen CSS-Stil erstellen CSS-Stile bearbeiten CSS-Stile-Eigenschaften CSS-Regeln löschen Klassen-Selektoren umbenennen CSS-Stile an Texte zuweisen Externe Stylesheets verknüpfen Stylesheets verschieben Bilder einfügen Bilder bearbeiten Bildformate für das Web GIF JPEG PNG Bilder, Platzhalter und Hintergründe Bilder einfügen Bild-Platzhalter einsetzen Bilder oder Platzhalter austauschen Roll over-bilder einsetzen Bildeinstellungen Bild ausrichten Alternativtext eingeben Bildgröße einstellen Bilder zuschneiden Helligkeit, Kontrast und Schärfe Tabellen erstellen Sonderfall Webtabellen Verschiedene Tabellenansichten Standard-Ansicht Erweiterte Ansicht Erstellung einer Tabelle Eigenschaften von Gesamttabellen Tabellen markieren Einstellungen für ganze Tabellen Höhe und Breite anpassen

9 Inhalt 15.5 Eigenschaften von Tabellenbereichen Spalten, Zeilen und Zellen auswählen Einstellungen für Tabellenbereiche Tabellenzellen gruppieren Spalten und Zeilen hinzufügen Tabellen sortieren Hyperlinks einsetzen Navigieren mit Hyperlinks Funktionsweise von Hyperlinks Das Wichtigste: die URL Hyperlinks anlegen in Dreamweaver Externe und interne Hyperlinks Links innerhalb einer Webseite Löschen von Hyperlinks Spezielle Hyperlinks anlegen Leere Links Links Imagemaps Downloadlinks Automatische Weiterleitung Interaktivität mit JavaScript Wie funktioniert JavaScript? JavaScript im Eigenschaftsinspektor JavaScript über Menüs einfügen Funktionsweise eines Verhaltens Ein Verhalten einfügen Wichtige Verhalten im Überblick Aktionen hinzufügen Aktionen bearbeiten Aktionen entfernen Ereignis festlegen Das JavaScript-Framework Spry

10 Inhalt 18 Formulare erstellen Formulare mit Dreamweaver Funktionsweise einrichten Formulare layouten Formularelemente einfügen Einfache Textfelder Mehrzeilige Textfelder Kontrollkästchen Optionsschalter Auswahllisten Schaltflächen Versteckte Felder Weitere Elemente Formularüberprüfung einbauen mit Spry Felder überprüfen Eigene Fehlermeldungen festlegen Spry-Überprüfungen bearbeiten Ein Kontaktformular anlegen Dreamweaver und die Creative Suite Adobe Photoshop CS Photoshop-Dateien in Dreamweaver importieren Bilder aus der Zwischenablage einfügen Bilder in Photoshop bearbeiten Einstellungen Adobe Fireworks CS Fireworks-Dateien in Dreamweaver importieren Bilder in Fireworks bearbeiten Eine Bildergalerie erstellen mit Dreamweaver und Fireworks Adobe Flash CS So funktioniert Flash Plug-in erforderlich Flash-Filme integrieren

11 Inhalt Teil IV: Über Dreamweaver hinaus 20 Bloggen mit WordPress Leistungsmerkmale von WordPress WordPress installieren WordPress administrieren Einloggen im Administrationsbereich Schreiben von Beiträgen Verwalten von Beiträgen WordPress-Templates Gesucht und gefunden bei Google Ihre Website mit Google bekannt machen Tipps zur Suchmaschinenoptimierung Verwenden Sie Titel und alt-attribute Meta-Tags Meta-Tags bearbeiten Website von anderen Websites verlinken Was Sie unbedingt vermeiden sollten Besucher-Statistiken mit Google Analytics Anzeigen mit Google AdWords Geld verdienen mit Google AdSense Mashups die Welt in Ihre Website einbinden YouTube-Videos integrieren Google Maps integrieren Index

12 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?

13 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 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

14 Die eigene Domain 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 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

15 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 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 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 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 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 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 auch google.de eingeben, und trotzdem wird dieselbe Seite geladen 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

16 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 domains/root/db/ nachlesen 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 erreichbar. Abbildung 1.1 Bei der Denic ( 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

17 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

18 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 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 -Adressen 31 -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 ,7 Millionen 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

19 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

20 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,

21 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

22 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