1HW2EMHFWV )XVLRQ 7
Transcrição
1HW2EMHFWV )XVLRQ 7
7UDLQLQJVLQKDOW! 1HW2EMHFWV)XVLRQ7 I Inhaltsverzeichnis Vorwort ............................................................................................. 11 1 Einführung und Grundlagen ............................................................. 1.1 Fusion MX im Vergleich zu Fusion 5.0.x .................................... 1.2 Fusion kurz vorgestellt .............................................................. 1.3 Websites in einem offenen System entwickeln ......................... 1.4 Fusion das erste Mal starten ..................................................... 1.5 Menüs, Symbolleisten und das Navigationsfenster ................... 1.6 Symbolpaletten nutzen ............................................................. 1.7 Die Eigenschaften-Palette ......................................................... 1.8 Mit Farbpaletten umgehen ....................................................... 1.9 Voreinstellungen in Fusion festlegen ........................................ 1.9.1 Allgemeine Programmoptionen einstellen ................................ 1.9.2 Vorschauoptionen festlegen ..................................................... 1.9.3 Textoptionen einstellen ............................................................. 1.9.4 Internationale Optionen festlegen ............................................ 1.9.5 Online-Einstellungen bestimmen .............................................. 1.10 Site-Einstellungen für Web-Projekte .......................................... 1.10.1 Allgemeine Site-Einstellungen ................................................... 1.10.2 Meta-Tags definieren ................................................................ 1.10.3 Änderungsprotokoll von Web-Projekten dokumentieren .......... 1.10.4 Sicherungseinstellungen und Backups verwenden .................... 1.11 NetObjects Homepage und Services ......................................... 15 15 17 19 20 21 22 24 25 28 28 29 31 32 33 34 34 40 42 42 44 2 Effektiver Umgang mit Fusion .......................................................... 2.1 Web-Projekte in mehreren Ansichten managen ........................ 2.1.1 Site-Strukturen bearbeiten ........................................................ 2.1.2 Einzelne Web-Seiten gestalten .................................................. 2.1.3 HTML-Quelltext-Ansicht ............................................................ 2.1.4 Integrierte Layout-Vorschau ...................................................... 2.1.5 Der Objekt-Explorer .................................................................. 2.1.6 Such-Funktionen nutzen ........................................................... 2.1.7 Site-Strukturen drucken ............................................................ 2.2 Das Ressourcen-Konzept von Fusion ......................................... 2.2.1 Datei-Ressourcen einbinden und verwalten .............................. 2.2.2 Link-Ressourcen verwalten ........................................................ 49 49 50 59 61 62 64 66 68 70 72 76 6 Inhaltsverzeichnis 2.2.3 2.2.4 2.3 2.4 2.4.1 2.4.2 2.4.3 2.4.4 2.5 2.6 2.6.1 2.6.2 2.6.3 Variablen-Ressourcen einsetzen ................................................ Datenobjekt-Ressourcen verwalten ........................................... Web-Seiten per Drag and Drop mit Inhalten füllen ................... Objekte ausrichten, verteilen und anordnen ............................. Objekte am Gitter oder an Hilfslinien ausrichten ...................... Objekte zueinander ausrichten ................................................. Objekte auf gleiche Größe bringen und verteilen ..................... Objekte zueinander anordnen .................................................. Container als Basis für das Seiten-Layout festlegen .................. Site-Strukturen exportieren und importieren ............................ Vorlagen exportieren ................................................................ Websites importieren ................................................................ Dokumente importieren ........................................................... 77 79 81 83 84 86 88 89 90 92 92 94 96 3 Informationsarchitektur .................................................................. 101 3.1 Textobjekte einsetzen .............................................................. 101 3.1.1 Textrahmen aufziehen und Text eingeben ............................... 101 3.1.2 Textrahmen formatieren ......................................................... 103 3.1.3 Text formatieren und ausrichten ............................................. 107 3.1.4 Nummerierte Listen und Aufzählungen .................................. 112 3.1.5 CSS in der Praxis: Formatvorlagen erstellen und bearbeiten ... 116 3.1.6 Sonderzeichen einfügen ......................................................... 126 3.1.7 Variablen und Felder erstellen, bearbeiten und einfügen ........ 127 3.2 Bildmaterial integrieren .......................................................... 129 3.3 Grafikobjekte zeichnen ........................................................... 134 3.4 Tabellen erstellen und gestalten .............................................. 138 3.4.1 Tabellen in Web-Seiten einfügen ............................................. 138 3.4.2 Eigenschaften für Tabellen einstellen ...................................... 139 3.4.3 Zeilen, Spalten und andere Zellbereiche bearbeiten ............... 141 3.4.4 Tabellen in Layout-Bereiche konvertieren ................................ 144 3.4.5 Zellen bearbeiten und löschen ................................................ 145 3.5 Formulare entwerfen .............................................................. 145 3.5.1 Formulare erstellen ................................................................. 146 3.5.2 Eigenschaften der verschiedenen Formularelemente .............. 152 3.5.3 Formulare versenden oder zurücksetzen ................................. 158 3.5.4 Einstellungen zur Verarbeitung von Formulardaten ................ 159 4 Navigationsarchitektur ................................................................... 165 4.1 Dynamische Menüstrukturen erstellen .................................... 165 4.1.1 Primäre Menüstrukturen ......................................................... 166 4.1.2 Sekundäre Menüstrukturen .................................................... 169 4.1.3 Text-Menüleiste ....................................................................... 170 4.1.4 Individuelle Menüstrukturen ................................................... 170 Inhaltsverzeichnis 7 4.1.5 4.1.6 4.2 4.2.1 4.2.2 4.2.3 4.2.4 4.2.5 4.2.6 4.2.7 4.3 4.4 4.5 HTML-Code-Struktur von Menüleisten .................................... Schnelle Bearbeitung einzelner Menüeinträge ........................ Interne Links, externe Links, Smart-Links und Anker ............... Interne Links ........................................................................... Smart-Links ............................................................................. Externe Links ........................................................................... Relative Links .......................................................................... Datei-Links .............................................................................. Anker setzen und Links verfolgen ........................................... Links bearbeiten oder löschen ................................................ Framesets mit den AutoFrames erstellen ................................ Imagemaps und Hotspots ....................................................... Eigene Navigationselemente einbinden .................................. 172 175 175 176 177 178 181 182 183 185 185 189 191 5 Layout 5.1 5.2 5.3 5.3.1 5.3.2 5.3.3 5.4 5.4.1 5.4.2 5.4.3 5.4.4 5.4.5 und Design .......................................................................... 195 Master-Rahmen – Elemente für alle Web-Seiten ..................... 195 Banner und Werbebanner integrieren ..................................... 199 SiteStyles – schnelles Outfit für Web-Seiten nutzen ................ 201 Vordefinierte SiteStyles bearbeiten ......................................... 201 Neue SiteStyles erstellen ......................................................... 205 Liste der SiteStyles erweitern oder kürzen .............................. 207 Komplexe Layout-Aufgaben bewältigen ................................. 208 Bilder mit Bildunterschrift innerhalb von Fließtext .................. 208 Kurzinformationen ansprechend präsentieren ........................ 212 Formularelemente verwenden ................................................ 215 Mehrspaltensatz mit Hilfe von Tabellen .................................. 216 Komplexe Header als Menüleiste ............................................ 218 6 Dynamische Web-Seiten .................................................................. 223 6.1 Seiten und Objekte mit Aktionen ausstatten .......................... 223 6.2 Bewegte Bilder – auch ohne Videodaten ................................ 233 6.3 Sichtbare und unsichtbare Objekte ......................................... 237 6.4 Benutzerdefinierte Meldungen zwischen Objekten ................. 242 6.5 Individuelle Rollover-Schaltflächen einbinden ......................... 244 6.6 Drag and Drop für Web-Seiten ............................................... 247 6.7 Eigene Skripte für Objekte entwickeln und einbinden ............ 254 7 Websites ins WWW stellen .............................................................. 261 7.1 Der Publizierungsvorgang ....................................................... 261 7.2 Verzeichnisstruktur auf dem Server festlegen ......................... 262 7.3 Mit Server-Profilen schnell ins Netz ......................................... 266 7.4 HTML-Dateien generieren ........................................................ 270 7.5 Upload über eine Firewall oder einen Proxy-Server ................. 275 7.6 Websites nach dem Publizieren managen ............................... 275 8 Inhaltsverzeichnis 8 HTML-Code direkt verarbeiten ........................................................ 283 8.1 HTML-Code bearbeiten ........................................................... 283 8.2 HTML-Code für Seiten anpassen ............................................. 285 8.3 HTML-Code für AutoFrames bearbeiten .................................. 289 8.4 Individuelle Framesets ohne AutoFrames erstellen .................. 294 8.5 HTML-Code für Objekte erweitern ........................................... 296 8.6 Eigene Objekte entwickeln ...................................................... 299 8.7 Mit externen HTML-Quellen arbeiten ...................................... 301 9 Plug-Ins und Komponenten ............................................................ 309 9.1 Grundsätzliche Überlegungen zu Medien im Internet ............ 309 9.2 Multimedia-Elemente einbinden ............................................. 310 9.2.1 Macromedia Shockwave-Formate ........................................... 310 9.2.2 QuickTime-Movies einfügen .................................................... 313 9.2.3 Video-Material verarbeiten ..................................................... 316 9.2.4 Sound-Dateien einbinden ....................................................... 317 9.2.5 Mit Plug-Ins arbeiten .............................................................. 317 9.3 Die Komponenten von Fusion nutzen ..................................... 319 9.3.1 Rotierende Werbebanner ........................................................ 320 9.3.2 Das Message-Board ................................................................ 321 9.3.3 DynaButtons ........................................................................... 324 9.3.4 Der Picture Loader .................................................................. 325 9.3.5 Der Form Handler ................................................................... 326 9.3.6 Das Go-Menü .......................................................................... 328 9.3.7 Rollover-Bilder ......................................................................... 329 9.3.8 Wechselbilder ......................................................................... 331 9.3.9 Screen Door ............................................................................ 331 9.3.10 Site Mapper ............................................................................ 333 9.3.11 Laufschrift ............................................................................... 335 9.3.12 Zeitgesteuerte Bilder ............................................................... 336 9.4 Mehr Power mit den Apollon-Komponenten .......................... 337 9.4.1 Der Apollon Component Wizard ............................................. 338 9.4.2 AutomaticDownload ............................................................... 339 9.4.3 BetterPictureLoader ................................................................ 340 9.4.4 BrowserLanguageRedirect ...................................................... 342 9.4.5 BrowserPopup ........................................................................ 343 9.4.6 BrowserRedirect ...................................................................... 346 9.4.7 CloseButton ............................................................................ 347 9.4.8 ClosePicture ............................................................................ 349 9.4.9 DynamicPicture ....................................................................... 350 9.4.10 ExpressPoll .............................................................................. 353 9.4.11 FilePublisher ............................................................................ 356 9.4.12 HistoryButton .......................................................................... 356 Inhaltsverzeichnis 9.4.13 9.4.14 9.4.15 9.4.16 9.4.17 9.4.18 9.4.19 9.4.20 9.4.21 9.4.22 9.4.23 9.5 9.6 9.7 9.7.1 9.7.2 9.7.3 HistoryPicture ......................................................................... ImagePreloader ....................................................................... InsertIt .................................................................................... InsertMETA ............................................................................. LinkDropDown ........................................................................ PictureChanger ....................................................................... ScriptCaller ............................................................................. SiteProtector ........................................................................... SiteProtector AntiBookmarker ................................................. StructureHistory ...................................................................... StructureDropDown ................................................................ Die HTML Site Map ................................................................. WebSearch – Suchmaschine für Ihre Web-Seiten .................... Java Applets, Java Beans und ActiveX ..................................... Java Applets ............................................................................ Java Beans .............................................................................. ActiveX ................................................................................... 9 357 358 359 360 363 365 367 368 370 370 371 374 376 380 381 384 385 10 Datenbankanbindung ..................................................................... 391 10.1 Wichtige Grundbegriffe .......................................................... 391 10.2 Datenobjekte, Datenlisten und Datenblattseiten .................... 393 10.2.1 Datenobjekt erstellen .............................................................. 394 10.2.2 Datenliste in eine Web-Seite einfügen .................................... 396 10.2.3 Layout und Inhalt für Datenblattseiten festlegen ................... 400 10.2.4 Entfernen von Datenobjekten aus einem Web-Projekt ............ 404 10.3 Daten aus Excel, Access und Co. integrieren ........................... 405 10.3.1 Excel-Arbeitsmappen .............................................................. 406 10.3.2 Textdateien als Datenquelle konfigurieren .............................. 409 10.4 Externe SQL-Datenbank einbinden .......................................... 414 10.4.1 Vorhandenen SQL-Treiber nutzen ............................................ 415 10.4.2 Neue SQL-Datenquelle definieren ........................................... 416 11 Ausblick: Fusion MX ........................................................................ 423 11.1 Der erste Eindruck ................................................................... 423 11.2 Der neue Site Wizard .............................................................. 427 11.3 Web-Dienste und Bausteine mieten ........................................ 428 11.4 Export und Import von Web-Seiten ........................................ 430 12 Tools für den Web-Auftritt .............................................................. 435 12.1 Button Studio ......................................................................... 435 12.2 WebGraphics Optimizer .......................................................... 436 12.3 Style Master ............................................................................ 438 12.4 Site Publisher .......................................................................... 440 10 Inhaltsverzeichnis 12.5 12.6 12.7 12.8 TreeComp ............................................................................... WS_FTP Pro ............................................................................. CS Scribbler 2000 ................................................................... Alert LinkRunner ..................................................................... 441 443 445 447 Inhalt der CD-ROM .......................................................................... 451 Stichwortverzeichnis ....................................................................... 453