CLASSROOM IN A BOOK. Adobe GoLive cs2

Transkript

1 CLASSROOM IN A BOOK Adobe GoLive cs2

2 Inhalt Einführung Über dieses Buch Voraussetzungen Adobe GoLive installieren Die Classroom in a Book-Dateien kopieren Die Classroom in a Book-Dateien installieren Die Standardeinstellungen wiederherstellen So speichern Sie die aktuellen GoLive-CS2-Einstellungen Windows Mac OS Ihre gespeicherten Einstellungen wieder herstellen Zusätzliche Quellen Adobe-Zertifizierung Neu in Adobe GoLive CS2 Neue Werkzeuge Verbesserte Ebenen- und Rastertextfeld-Werkzeuge.. 23 Liquid Layouts Weitere CSS-Verbesserungen Inhalte für Standard-Mobilgeräte Erweitertes Live-Rendering Favoriten-Symbole (Favicons) automatisch erstellen.. 26 Verbessertes InDesign-Paket für GoLive Gemeinsames Verwalten von Inhalten Version Cue Adobe Bridge Text-Komponenten zuschneiden (kürzen) Beispiele

3 8 INHALT Eine Tour durch Adobe GoLive CS2 Eine eigene Web-Site anlegen Ihrer Web-Site Elemente hinzufügen Ihrer Webseite Metadaten hinzufügen Das Layout der Webseite einrichten Einer Webseite ein Hintergrundbild hinzufügen Bilder auf der GoLive-Webseite platzieren Rastertextrahmen anlegen Text mit Cascading Stylesheets formatieren Einen zweiten Textbereich anlegen Ein optimiertes Bild platzieren Eine Tabelle anlegen Eine Spalte über mehrere Spalte erstrecken Hyperlinks einrichten Die Funktion»Live-Rendering«verwenden Cascading Stylesheets für Hyperlinks verwenden Der GoLive-Arbeitsbereich Vorbereitungen Ansicht- und Fenster-Menüs Das Zoom-Werkzeug Paletten und Werkzeugleisten mit dem Fenster-Menü steuern Den Arbeitsbereich anpassen Die Werkzeugpalette Die Inspektor-Palette Nützliche Tastaturbefehle für Paletten Die Objektpalette von der Werkzeugpalette trennen. 73 Ein Bild mit dem Web-Site-Fenster verknüpfen Das Dokumentfenster Der Layout-Editor Der Frame-Editor Der Quellcode-Editor Der Gliederungs-Editor Die Layout-Vorschau Die PDF-Vorschau

4 INHALT 9 Dokument- und Quellansichten Der Gliederungs-Editor Vorschau Ihres Dokuments in GoLive Die Ansicht-Palette Ihr Dokument in einem Web-Browser in der Vorschau betrachten Die PDF-Vorschau Voreinstellungen und Web-Einstellungen Eigene Übungen Fragen Antworten Eine GoLive-Web-Site anlegen Was ist eine Web-Site? Vorbereitungen Eine neue leere Web-Site anlegen Hinter den Kulissen web-content web-data web-settings Das Web-Site-Fenster Dier Registerkarte»Dateien« Die Hauptwerkzeugleiste Eine neue Webseite in der Registerkarte»Dateien«speichern Einer leeren Web-Site vorhandene Dateien hinzufügen Eine in Photoshop gespeicherte Datei hinzufügen Web-Site-Farben anlegen Ihre eigenen Web-Site-Farben hinzufügen Web-Site-Objekte in eine Webseite einfügen Benutzung in der Registerkarte»Dateien«prüfen Eine Datei löschen Ihre Web-Site schließen und erneut öffnen Eine GoLive-Web-Site aus vorhandenen Dateien erstellen

5 10 INHALT Web-Site-Fenster verwalten In einer Web-Site navigieren Einen Ordner für Webseiten anlegen Smart Objects speichern Die Navigationsansicht Eigene Übungen Dateien in eine Web-Site speichern Mehr über Web-Sites Fragen Antworten Seiten-Layout in GoLive CS2 Designs auf Layout-Raster-Basis Tabellenbasierte Designs CSS-basierte Designs Unterschiede zwischen CSS und HTML-Tabellen Vorbereitungen Die Web-Site anlegen Das CSS-basierte Layout-Raster Bilder in das Layout-Raster einfügen Objekte auf dem Layout-Raster ausrichten Die Spezial-Einfügemarke Layout-Textfelder Schriftsammlungen und Farben zuweisen Den Hintergrund eines Layout-Rasters ändern Die Hintergrundfarbe von Layout-Textrahmen ändern Einem Layout-Textrahmen ein Bild hinzufügen Ein Layout-Raster in eine Tabelle konvertieren Ein Layout-Raster in eine herkömmliche HTML-Tabelle konvertieren HTML-Tabellen im Webseiten-Layout Eine Tabelle in eine Webseite platzieren Zellengröße anpassen Zeilen und Spalten, die sich über die Tabelle erstrecken

6 INHALT 11 Ein Layout über die Breite einer Tabelle anlegen Tabelle-Attribute ändern Tabellenformate anlegen und speichern Text in eine Tabelle importieren Ein Tabellenformat zuweisen Text und Bilder in der Tabelle platzieren Einer Zelle ein Cascading Stylesheet zuweisen Die Tabelle fertig stellen Ebenen Einer HTML-Webseite Ebenen hinzufügen Objekte in der Ebene platzieren Ebenen ausrichten und verteilen Bilder und Text einfügen Ebenen verwalten Z-Index ändern Die Ebenen-Palette Liquid Layouts Eine Webseite mit Liquid Layouts anlegen Eigene Übungen Mit Liquid Layouts experimentieren Fragen Antworten Navigationslinks Vorbereitungen Links Die Web-Site öffnen Hypertext-Links anlegen Links auf ein Bild anlegen Komponenten Komponenten in eine Webseite einfügen Eine Komponente anlegen Anker anlegen Anker prüfen Anker in einer Web-Site

7 12 INHALT Externe Links anlegen Externe Links mit der Registerkarte»Extern«anlegen Links anlegen Link-Farbe ändern Voreinstellungen für Link-Warnungen ändern Die Link-Ansicht-Palette Eigene Übungen Fragen Antworten Text einfügen und formatieren Vorbereitungen Text importieren und bearbeiten Formatieren in HTML Listen aus Text erzeugen Textfarbe festlegen Die CSS-Palette und der CSS-Editor Absatzformatierung Code-Elemente im CSS-Editor umdefinieren Den Fließtext Ihrer Webseite formatieren Text mit CSS-Stilen formatieren Dem Fließtext CSS zuweisen Einen CSS-Klassenstil zuweisen Einen CSS-Klassenstil einer Ebene (div) zuweisen Ein internes Stylesheet exportieren Eigene Übungen Fragen Antworten Mit Farbe arbeiten Vorbereitungen Hintergrundfarbe für Seiten einstellen Hintergrundfarbe für Seiten mit CSS einstellen Die Farbe-Palette verwenden CMYK- und Volltonfarben mit der Farbfelder-Palette zuweisen

8 INHALT 13 Farben einer Farbfelder-Palette hinzufügen Eigene Farben in der Farbfelder-Palette speichern Adobe Swatch Exchange-Dateien laden Mit Site-Farben arbeiten Eigene Übungen Fragen Antworten Grafiken in GoLive Vorbereitungen Formate für Web-Dateien Eine Seite gestalten Das obere Bild platzieren Imagemap erstellen Alt-Text hinzufügen Ein Hintergrundbild hinzufügen Smart Objects Smart Object testen Smart Illustrator Object verwenden Die Farbtabelle verwenden Variablen verwenden Text in Banner Ein Smart Object ausschneiden Eigene Übungen Fragen Antworten Interaktivität: Rollover und Aktionen Vorbereitungen Rollover-Schaltfläche einrichten Eingebettete Rollover erstellen Rollover-Bilder automatisch erkennen Rollover mit einem Link versehen Ein Remote-Rollover erstellen Die Aktion Fenster öffnen hinzufügen

9 14 INHALT Head-Aktionen erzeugen GoLive CS2-Aktionen suchen und installieren Eigene Übungen Die Aktion Fenster schließen erstellen Fragen Antworten Formulare erstellen Vorbereitungen Über Formulare und Adressfelder hinzufügen Formularbeschriftungen mit Textfeldern verknüpfen 343 Ein Popup-Menü erstellen Tabelle der Bibliothek-Palette hinzufügen Ein Listenfeld ändern Optionsfelder einfügen Eine»Abschicken«-Schaltfläche hinzufügen Eine»Zurücksetzen«-Schaltfläche einfügen Eine Tabulatorfolge einrichten Eigene Übungen Fragen Antworten Vorlagen, Komponenten, Musterseiten und Auszüge Die Unterschiede Vorbereitungen Eine Komponente erstellen Eine Komponente platzieren Eine Komponente bearbeiten Text in einer Komponente zuschneiden Auszüge verwenden Auszug platzieren Eine Musterseite erstellen Die Vorlage speichern Eine Seite aus einer Vorlage erstellen

10 INHALT 15 Eine Musterseite speichern Musterseiten-Bereiche definieren Von der Musterseite ausgehend gestalten Eigene Übungen Mit Komponenten üben Mit Auszügen üben Fragen Antworten Web-Site-Diagramme Vorbereitungen Ein neues Web-Site-Diagramm erstellen Ein Web-Site-Diagramm mit einer Seite verankern Abschnitte, Seiten und Gruppen hinzufügen Eine Gruppe von Seiten erstellen Anmerkungen hinzufügen Text und Bilder den Diagrammseiten hinzufügen Mit den Bereitstellung-Werkzeugen Web-Site-Seiten erzeugen Ein Diagramm aus einer Web-Site zurückrufen Mit der»master«-registerkarte gemeinsame Elemente hinzufügen Diagramme exportieren und drucken Eigene Übungen Fragen Antworten Web-Seiten verwalten und veröffentlichen Web-Site-Verwaltung und Veröffentlichung mit GoLive Vorbereitungen Eine vorhandene Web-Site in GoLive importieren Web-Site in die GoLive-Struktur konvertieren Fehler korrigieren Hypertext-Link-Fehler korrigieren Ordner verwalten

11 16 INHALT Web-Site sichern und aufräumen Mit dem Web-Site-Papierkorb arbeiten GoLive für FTP einrichten Publish-Server konfigurieren Dateien per FTP auf Ihren Server laden Die Web-Site pflegen Dateien in der Web-Site synchronisieren Eine Web-Site exportieren Eigene Übungen Fragen Antworten Version Cue und Adobe Bridge mit GoLive CS2 Vorbereitungen Mit Version Cue arbeiten Ein neues Version Cue-Projekt einrichten Eine Datei für die Bearbeitung ausschecken Über den Version Cue-Status Vorhandene Web-Site verwalten Dateien einer Version Cue-Web-Site hinzufügen Offline arbeiten Mit Adobe Bridge arbeiten Dateien suchen und betrachten Index