SATZSPIEGEL, TEXTBAUSTEINE. Die horizontalen Linien sind nur eine Orientierungshilfe (viertel, halbe, dreiviertel Seitenhöhe)

Ähnliche Dokumente
Inhalt. 1 Mit CSS beginnen 1. 2 Textauszeichnungen und andere Grundlagen 13

STERNBURG BINGO STERNBURG BINGO UND SO FUNKTIONIERT S: MITMACHEN UND TOLLE PREISE GEWINNEN! RAUM FÜR EIGENE BEMERKUNGEN, GRÜSSE ETC.

Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \

Der CSS-Problemlöser

INTERSTENO. Verwendete Software

4. Briefing zur Übung IT-Systeme

Satzarten. Blocksatz. Flattersatz linksbündig

ExWoSt-Informationen. Gestaltungsrichtlinien des Experimentellen Wohnungs- und Städtebaus (ExWoSt) Das Label des Forschungsfeldes

4. Briefing zur Übung IT-Systeme

Bilder im Tagebuch Bildformate BMP muss JPG werden Bildgröße

Aufgabe 3 Word 2013 (Musterlösung)

Fachartikel. Responsive Webdesign

Formatierungsvariationen (0050a-Formatierung-Tabellen-ua.docx)

Typo gra phie- Schulung <em >- fa ktor November Einführung in die Typographie. Sommer. Sommer. Sommer. Sommer

CSS MISSING MANUAL THE MISSING MANUAL. David Sawyer McFarland. Deutsche Übersetzung von Jörgen W. Lang POGUE PRESS" O'REILLT

Kennen, können, beherrschen lernen was gebraucht wird

Bootstrap - Übung. Download: Editoren: Dreamweaver Notepad Net Beans Aptana Webmatrix. Bootstrap in Dreamweaver einbinden

Das eigene Web mit HTML, CSS und JavaScript

Inhaltsverzeichnis. Trennstriche. Rechter Rand. Statuszeile. Formatzeile. Informationzeile. Ein/Aus Befehle. "Flag"-Zeichen. Sichern und Speichern.

Erstellen von Arbeitsblättern mit Tabellen und geschützten Bereichen In diesem Fortbildungsmodul geht es um die Erstellung von 2 Arbeitsblättern:

33 CSS in HTML einbinden

BI Publisher Style- und Subtemplates

Notizen: ikonverlagsgesmbh redmond s Verlag / Edi Bauer 31

Das HERON-Verfahren mit der TI84-Tabellenkalkulation CellSheet

Im Original veränderbare Word-Dateien

Textverarbeitung mit Word

Schreiben mit Word Tipps und Tricks

Jimdo - Seitenelemente

Informationstechnische Grundlagen. WORD 2013 Grundlagenschulung. WS 2013/2014 Word Grundlagenschulung Dagmar Rombach

Multicolor Hilfe. Bedienung von utypia:

Probeklausur. Grundlagen der Medieninformatik. Wintersemester 2018/19

3.1 Textformate. Sie verändern die Schriftart. Sie verändern die Schriftgröße. Den Text formatieren

Dokumentation. Content-Manager

Tabellen in Word. 1. Erstellen von Tabellen. 2. Erscheinungsbild und Eigenschaften 3. Zellinhalte 4. Arbeiten mit Tabellen. Bezug: Office 2010

Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \

Kurzanleitung Hama Photokalender v

Arbeiten im DNN-Portal

Hoch- oder Querformat Im Register Seitenränder können Sie die Ausrichtung des Blattes auf Hoch- oder Querformat einstellen.

Zeichen, -ketten, die formatiert werden sollen, müssen erst markiert werden!

1) absatz- und zeichenformate. 2) Grundlinienraster 3) Musterseiten & Seitenzahlen 4) Ebenen 5) Konturenführung 6) Tabellen

Inhaltsverzeichnis. Teil 1: CSS-Grundlagen. Die fehlenden Danksagungen... Einleitung...

Probeklausur Besprechung

Rufen Sie auf: Registerkarte Ansicht, Gruppe Masteransichten. Hier können Sie wählen: Master- oder Vorlagenansicht

WORD-FORTGESCHRITTENE. Inhaltsverzeichnis

Kurzanleitung für Writer (LibreOffice 4)

Word 2013 PRAXIS. Microsoft Office. bhv. Die perfekte Studienarbeit

Kainz/Kauch TU Graz, Erstellung von wissenschaftlichen Arbeiten

Kurze Bedienungsanleitung für den Kompozer

- 1 - Aufgabe 7 Word Nun zu den einzelnen Schritten, die zur Erstellung der Dokumentvorlage notwendig sind:

Anleitung OpenCms 8 Der Textbaustein

Geschäftliche Korrespondenz standardisieren. Mit LibreOffice Writer und LibreOffice Calc. Thomas Rudolph. 1. Ausgabe, März 2017 ISBN

Tabellen. Mit gedrückter Maustaste können Sie die Randlinien ziehen. Die Maus wird dabei zum Doppelpfeil.

Mit Hilfe dieser Anleitung erstellen Sie ein Arbeitsblatt und lernen dabei verschiedene Funktionen von Word kennen.

Erstellen von barrierefreien Präsentationen

EVB Facelift 2014 TYPO3 Pflegeanleitung

Im Original veränderbare Word-Dateien

Formatieren von Arbeitshilfen / Dokumentationen. Tätigkeitsberichten. im Corporate Design des Katholischen Deutschen Frauenbundes

Inhaltsverzeichnisse. 1. Überschriften zuweisen. 2. Seitenzahlen einfügen. 3. Einen Seitenwechsel einfügen

Die Gruppe Funktionsbibliothek

Magdalene Kubier, Holger Struppek. Web-Design. Praxis der Seitengestaltung im World Wide Web. dpunkt Verlag für digitale Technologie GmbH Heidelberg

Datenbanken Kapitel 3

Inhalt. Vorwort 13. Teil I CSS kennenlernen: Einstieg in XHTML und CSS

03. übung. InDesign. medienwerkstatt // seite 1

Excel Woche 6 Diagramme

tutorial N o 1a002 InDesign CS4 Layoutgestaltung Es geht los - Satzspiegel I a (Einfache Nutzung) Kompetenzstufe Tutorial 1a_001 Voraussetzung

EDITH NEUBAUER INHALT I

1 Ein erster Überblick 3

Aufgabenblatt 1. Kompetenzstufe 2. Allgemeine Informationen zum Aufgabenblatt:

<Trainingsinhalt> Macromedia Dreamweaver 8 CS3

STYLEGUIDE. der Österreichischen Segel-Bundesliga

Bedienfelder. Bedienfeld Einfügen

Arbeitsanleitung zur Vorlesung: digitale Anthropologie. Teil 2 ( )

Web und Multimedia. HTML 4.x, Teil 2. Quelle: Hess HTML4

Willkommen an Ihrem persönlichen Redaktionsplatz.

Rastersysteme. INF B 490 KP Informationsvisualisierung MO, 28 MAI Dipl.-Medieninf. Esther Lapczyna Dipl-arch. Grit Koalick Martin Zenker

MaryE S Morris HTML. WWW effektiv nutzen. Verlag Heinz Heise

1. Einfuhrung l. 2. Systemstart 9

2 FORMAT Seitenformat

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...

Corporate Design der FF NRW. Stand Mai 2017

Handlungsanleitung zur Erstellung einer Geschäftsbriefvorlage nach DIN 5008 Form B - Ausgabe

Zeichen formatieren (KTV)

1 DIE PRÄSENTATION. Team ALGE 3

Manual Constructor Seite 1 von 27

Textgestaltung (Teil 3)

In diesem Buch Visuelles Inhaltsverzeichnis Die Tastatur Die Maus Die CD-ROM zum Buch... 32

Empfehlungen zur Erstellung von Infomaterial

Im Layout kann sehr gut bewiesen werden, wie fit ein Anwender im Programm ist. Es gibt zahlreiche Möglichkeiten, dieses Können einzusetzen.

Hier öffnet man ein bereits abgespeichertes Dokument. Es erscheint folgendes Dialogfenster:

APEX und Apache FOP Freie PDF-Erstellung mit APEX 3.0.1

Gestaltungsrichtlinien des Experimentellen Wohnungs- und Städtebaus (ExWoSt)

Übung: Projekt Europa mit Bootstrap

Aufgaben für die Textverarbeitung (2)

Kennen, können, beherrschen lernen was gebraucht wird

Ereignisse (Events) in Java

06. übung. InDesign. medienwerkstatt // seite 1

Transkript:

SATZSPIEGEL, TEXTBAUSTEINE 50 Ein einfacher Satzspiegel schafft eine modulare Grundlage für die Abmessungen aller Elemente innerhalb des Fensters (800x600 pixel). In erster Linie relevant sind alle Breiten, also Spaltenbreiten, Bildbreiten und, bei vertikalen Menüs, das Menü selbst. Die horizontalen Linien sind nur eine Orientierungshilfe (viertel, halbe, dreiviertel Seitenhöhe) Die Originaldateien für die Satzspiegel sind auf der CD-ROM.

51 Das 5-spaltige Raster kann für bestimmte Fälle um eine halbe Spalte versetzt werden. Es verbleiben effektiv 4-Spalten und eine halbspaltige (freie) Marginalie. Das 5-spaltige Raster kann sinnvoll nochmal geteilt werden z.b. als Formatierungshilfe für Tabellen und Kataloganwendungen (Shop). Ein 6-spaltiges Raster ist etwas ökonomischer bei vertikalen Menüs. Es verbleiben 5 Spalten für Text: 2x und 1x oder 1x3 und 1x2 usw. Ein 7-spaltiges Raster erlaubt noch schmalere vertikale Menüs. Es verbleiben 6 Spalten für Text. Eine einzelne Spalte ist allerdings für Text in normaler Grösse on-screen schon sehr schmal. Der Nutzen von z.b. 3xer Formatierung ist auf (scrollendem) Bildschirm eher gering, ausser bei sehr tabellarischen Inhalten (Tabellen, Kataloge). Die (unsichtbare) html-tabelle, die den nebenstehenden Text auf das Layout formatiert, muss auch die entsprechenden Leerräume beinhalten. Die Leerstelle ist die beste Erfindung seit geschnittenem Brot. Zur Positionierung im Layout sind grundsätzlich keine Frames erforderlich.

52 10/11 10/11 12/12 9/10 10/12 9/11 12/14 3-spaltig 12/14 12/16 3-spaltig Textbreiten werden mit html-tabellen formatiert. Um die Lesbarkeit zu verbessern (hier nur Verdana gezeigt) kann Schriftgrösse und Zeilenabstand über Stylesheets kontrolliert werden. Schriftgrad und Zeilenabstand müssen der Satzbreit angepasst werden. Die Auswahl kann sinnvoll auf die obigen Beispiele beschränkt werden. Mögliche Alternativen von Zeilenbreite/Zeilenabstand solten m.e. eher nicht zur Auswahl angeboten werden, sondern vom gewählten Stil abhängig als Default gezeigt werden. D.h. z.b. das für Lyrisch ein offeneres Satzbild (=grösserer Zeilenabstand, kleinere Blöcke) bevorzugt wird. Bei vertikalen Menüs (und vertikal/horizontal Menüs) können 4 Spalten für Text genutzt werden: 2x 1x2 und 1x (und 1 leer) 1x3 und 1x (oder 1 leer) u.a. 4-spaltiger Satz ist aus Lesbarkeitsgründen unerwünscht. In der Regel hebt eine freie Spalte den Gesamteindruck einer Seite positiv. Bei horizontal Menüs können 5 Spalten für Text genutzt werden: 2x (und 1 leer oder 1x) 1x2 und 2x 1x3 und 1x 1x3 und 1x u.a. 4- oder 5-spaltiger Satz ist aus Lesbarkeitsgründen unerwünscht. In der Regel hebt eine freie Spalte den Gesamteindruck einer Seite positiv.

MODULARISIERUNG TEXT-BILD BAUSTEINE 53 Die in der Stilauswahl vorgeschlagene Seite (das Template) enthält verschiedene Text und Text- Bildbausteine, die Spaltenbreite, Font, Schriftgrösse, Zeilenabstand und Text/Hintergrundfarbe formatieren. Alle Bausteine sind auf Rastermasse gebaut.

54 Dieser Seitenteil enthält zwei Bausteine. Bausteine können abgewählt und zugewählt werden. Diese Auswahl kann in einem Mini-Thumbnail l Menü gezeigt werden, dass kleine Skizzen der Layoutanordnung enthält. Die Bausteine enthalten auch die Formatierung der Leerstellen, d.h. des Freiraums. Es gibt auch eine Reihe von Blanks (die nichts kosten!). Die Formatierung ist durch html-tabellen realisiert. Diese einzelnen Tabellen können als (xml)module vorliegen und nacheinander in den Seitenframe geladen werden. Im Interface (Texteingabe/Texteditor) könnte dastemplate so dargestellt werden (pseudo-wysiwig). Der Eingabetext läuft in der Spaltenbreite annähernd proportional zur späteren (Satz)Schrift, d.h. er dient als Zeichen- und Zeilenzähler. Die maximal zulässigen Bildmasse (Höhe bei vorgegebener Breite) müssen verbindlich dargestellt werden. Die genaue Länge der Texte dient nur zur Orientierung, die Höhe kann variieren, ist aber durch das Seitenlimit (Summe Anschläge) begrenzt.