Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19

Transkript

1 Inhalt Über die Autoren Wie komme ich zu meinem eigenen Wunschdesign? Warum ein Content Management System? Wie finde ich den Einstieg? Die Anatomie eines web to date-projekts: Wo Sie fürs Optimieren und Individualisieren ansetzen müssen CCML-Dateien die Architektur Ihrer Website Gewusst wie Erläuterung zu den CCML-Dateien config.ccml die Grundkonfiguration global.ccml hier werden Bildobjekte definiert link.ccml viele Wege führen zum Ziel navigation.ccml die Hauptnavigation verleiht Struktur page.ccml der richtige Rahmen für die Inhalte palette.ccml alle meine Farben paragraph_*.ccml für jeden Zweck der passende Absatz paragraph_list.ccml Punkt für Punkt paragraph_picture.ccml Bilder machen an! paragraph_table.ccml Tabellen verschaffen Übersicht paragraph_form.ccml komfortabel kommunizieren paragraph_movie.ccml Cinema für Ihre Website! paragraph_teaser das Salz in der Suppe jedes web to date-projekts splash.ccml im Vorzimmer zu Ihrer Website Crash-Kurs: Praxis pur anhand des Beispiels Wie soll unsere Website aussehen? Vorbereitung von Bildelementen Das Projekt ein Shop! Designzentrale die navigation.ccml... 48

2 3.5 Inhaltsstark die page.ccml Der Seitentitel Die Absatztitel Bei Absatzbildern Spezialisiert die Absatztypen Der Textabsatz paragraph_text.ccml Grafikabsatz paragraph_picture Tabelle paragraph_table.ccml Aufzählung paragraph_list.ccml Aufmacher fallen auf paragraph_teaser.ccml Auf die Überschrift kommt s an: teaser_caption.ccml Mit Headline und kurzem Infotext teaser_captionabstract.ccml Mit Bild noch mehr Aufmerksamkeit teaser_captionabstractpicture.ccml Alphabetisches Suchregister teaser_lookup.ccml Das Formular paragraph_form.ccml Mehr Möglichkeiten mit dem HTML-Element Seiten oder Skripte einbinden Wenn die Bilder laufen lernen paragraph_movie.ccml Aufbau eines individuellen Webdesigns der neuen Generation am Beispiel von Ny Bekanntes und Neues die Anatomie eines CCML-Designs config.ccml die Grundkonfiguration global.ccml Bildobjekte richtig definieren Effektiv navigieren navigation.ccml und Cascading Style Sheets machen s möglich Intelligent arrangieren page.ccml und Cascading Style Sheets arbeiten zusammen Das Ny-Design entschlüsselt Absätze mit CSS gestalten style_design.css und style_content.css paragraph_text.ccml so werden Texte dargestellt paragraph_list.ccml Zeile für Zeile paragraph_picture.ccml Bilder beleben Ihre Website paragraph_form.ccml der Kontakt zu Ihnen Die Absatzdatei Das korrespondierende Stylesheet paragraph_teaser.ccml Vorschau auf die Inhalte Ihrer Website paragraph_movie.ccml Filme in allen Formaten paragraph_table.ccml kein Widerspruch: Tabellen und XHTML So nutzen Sie Substyles und Paletten Fontsets richtig einsetzen

3 5. Ein XHTML-Design von Grund auf neu erstellen Die optimale Herangehensweise anhand des konkreten Beispiels Von der Idee zur Designvorlage: So geht s! Das Screendesign Skizzen sind die Basis Welche Auflösung ist die passende? Welche Funktionselemente soll unsere Website beinhalten? Die passenden Grafiken vorbereiten Checkliste diese Dateien brauchen Sie Eine gute Navigation konstruieren navigation.ccml alles an seinem Platz style_design.css die Struktur in Form bringen style_content.css Formulare besser als style_font.css config.ccml die Website konfigurieren global.ccml globale Grafiken definieren page.ccml die eigentliche Seite Vielseitig: die Absatztypen paragraph_form.ccml Formulare im Handumdrehen eingerichtet paragraph_list.ccml Ordnung muss sein paragraph_movie.ccml Medienvielfalt für Ihre Website paragraph_picture.ccml Bilder sagen mehr als tausend Worte paragraph_table.ccml ein alter Bekannter paragraph_teaser.ccml der Aufmacher macht s teaser_caption.ccml die richtige Headline teaser_captionabstract.ccml Informationen, kurz und knackig! teaser_captionabstractpicture.ccml ein Eyecatcher sorgt für Aufmerksamkeit. 241 paragraph_text.ccml hier sind Sie Chefredakteur sidebar_link.ccml wohin verweisen? sidebar_list.ccml Punkt für Punkt sidebar_picture.ccml die inhaltliche Aussage unterstützen sidebar_teaser_caption.ccml Aufmacher ideal für die Kontextspalte sidebar_teaser_captionabstract.ccml Kurztexte liefern mehr Information sidebar_teaser_captionabstractpicture.ccml mit Bild noch aufmerksamkeitsstärker sidebar_text.ccml einfach nur Text

4 6. Mit Plug-ins Websites kreativ erweitern Noch mehr Funktionen durch passende Plug-ins Die Plug-ins kreativ erweitern Ihr eigener Besucherzähler Für PHP-Spezialisten Individuelle Balken die Abstimmung anpassen Die Sitemap anpassen Pop-up-Galerien à la carte Externe Elemente wie PDFs, HTML und Plug-ins einbinden Suchmaschinen-Optimierung: damit Sie auch gefunden werden! Content is King Sprechende URLs Links, Links, Links! Und was ist mit Meta-Tags? Gut Ding will Weile haben Checkliste für Suchmaschinen Tipps, Tricks & Secrets vom Experten Zugriffsschutz einmal anders Zugriffsschutz noch einmal anders Ein Bild sagt mehr als tausend Worte (kann aber auch mehr kosten) FavIcon anpassen RSS-Feeds publik machen Der selektive Upload Lust auf einen anderen lokalen Webserver? CCML im HTML-Absatz darf man denn so etwas? Okay, man darf es. Was darf man denn genau? Absätze dynamisch einblenden Designs managen Dynamische Fenstergröße bei Bild-Pop-ups

5 9. Die wichtigsten CCML-Befehle im Überblick Übersicht über die verfügbaren Sprachressourcen CCML-Schnellreferenz Tags & Attribute CCML-Schnellreferenz Objekte & Eigenschaften Globale Objekte Objekte, die auf allen Seiten zur Verfügung stehen Schleifen-Objekte im Bereich Seite Objekte in Textabsätzen Objekte in Warenkorb-Absätzen Objekte in Bildabsätzen Objekte in Table-Absätzen Objekte in Teaser-Absätzen Objekte in allen Teasern Objekte in Formularabsätzen Objekte in Listenabsätzen Objekte in Movie-Absätzen Objekte in Links Durch Tags erzeugbare Objekte Die Dateien auf einen Blick Schaltflächen Ausdrücke Fehlermeldungen schnell beheben Absatztypen am konkreten Beispiel Textabsatz Grafikabsatz Tabelle Aufzählung Aufmacher Formular HTML-Element Medienclip Plug-in Stichwortverzeichnis