docCorporate Design Richtlinien für den Internet
download 
Denúncia Transcrição
Corporate Design Richtlinien für den Internet
Corporate Design Richtlinien für den Internet-Auftritt Universität Augsburg Richtlinien für den Web-Auftritt 2 Liebe Online-Redakteurinnen und -Redakteure, mit der Einführung eines neuen Corporate Designs im Mai 2010 Der jetzt ausformulierte, soviel Freiraum wie möglich lassen- ist es der Universität Augsburg zweifellos gelungen, nach außen de Web-Style-Guide, der auf Grundlage der bestehenden Corpo- deutlich sichtbarer zu werden. Wir verfügen nun über ein ein- rate Design-Richtlinien entwickelt wurde, soll Sie beim Weiter- heitliches, klares und unverwechselbares Erscheinungsbild, das gehen auf unserem gemeinsam und erfolgreich eingeschlagenen wir im Printbereich schon seit zwei Jahren mit kontinuierlich Weg begleiten und bei der CD-konformen Gestaltung oder Wei- zunehmender Akzeptanz und dementsprechend stetig wachsen- terentwicklung Ihrer Homepage unterstützen. Er bietet Ihnen dem Erfolg nach innen und außen umsetzen. einerseits einen klaren Rahmen, in dem es sich zu bewegen gilt, wenn man Teil der Universität Augsburg sein will, andererseits Vor allem bei zwei unserer wichtigsten Zielgruppen, den Stu- aber auch hinreichend Freiraum für individuelle Akzente inner- dentinnen und Studenten einerseits und den Schülerinnen und halb dieses Rahmens. Nutzen Sie diese Möglichkeit im Interes- Schülern andererseits, aber auch darüber hinaus ist freilich frag- se unserer Universität, das am Ende, wie Sie wissen, auch immer los das Internet nicht nur unser zentrales Image- und Marke- Ihr eigenes ist. ting-Medium sondern auch die wichtigste Quelle für die harten Informationen, die wir unseren Zielgruppen schuldig sind. Für Fragen zur technischen Umsetzung der Richtlinien unseres Web-Style-Guide steht Ihnen die Webmasterin gerne zur Verfü- Umso wichtiger ist es, dass auch unser Webauftritt professio- gung. Bei Diskussionen über das „Grundsätzliche“ sind die im nell gestaltet ist und dass er unser Corporate Design konsequent Marketing- und im Presse- und Öffentlichkeitsreferat Verant- umsetzt. Auf jeder unserer Internetseiten müssen die Besuche- wortlichen (und für „kunterbunt“ statt CD dann auch stets ver- rinnen und Besucher zu jeder Zeit erkennen, dass sie sich „an antwortlich Gemachten) jederzeit gerne bereit. der Universität Augsburg“ befinden. Und dies gilt es durch ein konsequent an unserem CD ausgerichtetes Web-Design sicherzustellen. Auch hier sind wir in den vergangenen Jahren erheblich vorange- Ihre Dr. Annja Huber Ihre Dr. Gabriele Höfner Webmasterin Marketing der Internet-Auftritt der Universität Augsburg zu einem entwi- Ihr Ihre ckelt, der diesen Namen verdient. Die kontinuierlich und in er- Klaus P. Prem Anke Michaelis heblichem Umfang weniger gewordenen Konfetti-Seiten der Presse- und Presse- und kommen. Vom eher kuriosen „Bauchladen kunterbunt“ hat sich „Universität Kunterbunt“ im Wilden Westen Bayerisch-Schwabens (auf denen Vereinzelte leider nach wie vor beharren) vermögen den Eindruck, dass auch wir – wie andere deutsche Universitäten – zu einem professionellen Internetauftritt in der Lage sind, kaum mehr ernsthaft zu torpedieren. Informationen und Kontakt Dr. Annja Huber http://www.uni-augsburg.de/cms Universität Augsburg, Rechenzentrum E-Mail:[email protected] Telefon: ( 0821) 598 - 2006 Öffentlichkeitsarbeit Öffentlichkeitsarbeit Universität Augsburg Richtlinien für den Web-Auftritt 3 Inhalt 4 Die Farben Das Layout Kopfbereich 6 Unterteilung 8 Textliche und farbliche Codierung 10 Textzusatz 11 Logos und Zeichen Proportionen und Raster 12 Grundlegendes 13 Unterteilung 14 Typografische Grundelemente Gliederung und Auszeichnung 16 Hierarchien und Überschriften 17 Logos als Auszeichnung 18 Logos im Inhalt 19 Fußzeile Platzierung und Positionierung 20 Bilder 21 Text und Bild 22 Infoboxen 23 Tabellen weitere Elemente Universität Augsburg Richtlinien für den Web-Auftritt 4 Die Farben Bereichsfarben Verwendung der Farben Universitätsleitung, Verwaltung #cccccc Einrichtungen #ad007c unbunten Farben (Graustufen) zur Verfügung. Katholisch-Theologische #f6a800 Die Verwendung dieser Farbpalette ist Fakultät Jede definierte Farbe erfüllt innerhalb des Corporate Designs eine Gliederungs- oder Ordnungsfunktion. Die definierten Buntfarben sind den einzelnen Fakultäten und speziellen Bereichen zugeordnet. Neben diesen Farben steht die Palette an ebenfalls definiert. Es sind keine weiteren Farben im Philosophisch-Sozialwissenschaftliche Internetauftritt vorgesehen. Fakultät Philologisch-Historische #eb690b #d4002d Fakultät Wirtschaftswissenschaftliche #00aecf Fakultät Juristische Fakultät #0087c1 Fakultät für Angewandte #489324 Informatik Mathematisch-Naturwissenschaftliche Fakultät #006561 Universität Augsburg Richtlinien für den Web-Auftritt 5 Graustufen #000000 #66666 #cccccc* #dcdcdc #ededed Schwarz Schwarz ist ausnahmslos für alle Standard-Textelemente zu verwenden. Text in bunter Darstellung ist nicht vorgesehen. Schwarz ist nicht als Flächenfarbe vorgesehen. Dunkelgrau Diese Farbe ist für die Formatierung von Text-Links vorgesehen. Diese Farbe wird nicht flächig eingesetzt. Mittelgrau Die neutrale Basisfarbe des Corporate Design wird als korrespondierendes Element zu den Buntfarben im Kopfbereich eingesetzt. Diese Farbe wird auch für Flächen, z.B. als Hintergrundfarbe in Tabellenkopfzeilen eingesetzt. Hellgrau Diese Farbe wird als Hintergrundfarbe für Tabellenflächen mit alternierenden Flächenfarben eingesetzt. Lichtgrau Diese Farbe wird als Hintergrundfarbe für Tabellenflächen mit alternierenden Flächenfarben und als Hintergrundfarbe für einfache Tabellen verwendet. *Korrektur Dieser Ton wurde in den Corporate Design Richtlinien (Stand Mai 2010) mit dem Farbwert #b3b3b3 angegeben. Dieser Farbwert sollte ab jetzt nicht mehr verwendet werden. Ebenso werden die Farbwerte für RGB-Farben von R:179 G:179 B:179 nach R:204 G:204 B:204 korrigiert. Universität Augsburg Richtlinien für den Web-Auftritt 6 Das Layout Kopfbereich Unterteilung Der Kopf besteht aus einer Service-Navigation und dem Siegel, dem Bildbereich (Fotografie oder Illustration, kein Logo oder Zeichen) und dem immer an der selben Stelle stehenden Logo der Universität. Darunter ist horizontal die Hauptnavigation platziert. Suche Telefonbuch Sitemap E-Mail Universität ServiceNavigation Einrichtungen Fakultäten Studium Weiterbildung Bildbereich In diesem Bereich werden ausschließlich Bilder platziert. Das Feld darf nicht leer bleiben. Forschung Das Logo Das Logo steht immer auf einer grauen Fläche (#cccccc). Diese Einteilung betrifft die Seiten des gesamtuniversitären Bereichs. Suche Telefonbuch Sitemap E-Mail Exzellenz Philologisch-Historische Fakultät fal sc h Home Universität Augsburg Richtlinien für den Web-Auftritt 7 Für die Seiten der Fakultäten und Einrichtungen wird der Kopf durch die Farbcodierung des Bereichs erweitert. Innerhalb der farbcodierten Fläche ist nur die Platzierung von Text möglich (weiteres s. S. 10). Die Flächengrößen von Bildbereich, Farbcodierung und Logobereich sind unveränderlich. Suche Telefonbuch Sitemap E-Mail Career Service Universität ServiceNavigation Einrichtungen Fakultäten Bildbereich In diesem Bereich werden ausschließlich Bilder platziert. Es sind immer formatfüllende Abbildungen zu verwenden, freigestellte Bilder sind nicht vorgesehen. Das Feld darf nicht leer bleiben. Studium Philosophisch-Sozialwissenschaftliche Fakultät fal Suche Telefonbuch Sitemap E-Mail sc h Philosophisch-Sozialwissenschaftliche Fakultät ri c ht Forschung Codierung Die Farbe richtet sich nach der jeweiligen Fakultät oder Einrichtung. Die Farbe des Textes ist immer weiß. Die Position und Ausrichtung ist immer gleich. Es dürfen keine weiteren Elemente hinzugefügt werden. Diese Einteilung betrifft die Seiten der Fakultäten und Einrichtungen Suche Telefonbuch Sitemap E-Mail Weiterbildung ig Exzellenz Das Logo Das Logo bleibt auf allen Seiten des Internetauftritts unverändert. Home Universität Augsburg Richtlinien für den Web-Auftritt 8 Das Layout Kopfbereich Textliche und farbliche Codierung Der Kopfbereich ist zur grundsätzlichen Kennzeich- Im Kopfbereich wird im Text somit nur die oberste nung des Absenders vorgesehen. In diesem Bereich Informationsebene dargestellt, d.h. Fakultät, Institut, sollen keine detaillierten inhaltlichen Informationen fakultätsübergreifendes Institut oder Einrichtung. kommuniziert werden. Hierzu ist der Publikationsbe- Eine weitere Gliederung oder Personalisierung ist reich vorgesehen (s.S. 14 ff.). Durch die Farb-Codie- hier im Allgemeinen nicht vorgesehen. rung wird die Zuordnung zu einer Fakultät oder einem Bereich gewährleistet. Einrichtungen Fakultätsübergreifende Einrichtungen Universitäre Einrichtungen mit Dienstleistungs- Institute und Einrichtungen, die keiner Fakultät aufgaben, werblichen und kommunikativ- zugeordnet werden können bzw. fakultätsüber- informativen Aufgabenbereichen. greifend arbeiten. Career-Service Institut für Spanien-, Portugalund Lateinamerikastudien Akademisches Auslandsamt Wissenschaftszentrum Umwelt Universität Augsburg Richtlinien für den Web-Auftritt 9 Fakultäten und Institute Im Kopfbereich werden die Fakultätsbezeichnungen oder Institute, die eindeutig einer Fakultät zugeordnet werden können, genannt. Weiterführende Katholisch-Theologische Fakultät Informationen oder Organisationseinheiten sind nicht vorgesehen. Philosophisch-Sozialwissenschaftliche Fakultät Institut für Kanadastudien Philologisch-Historische Fakultät Wirtschaftswissenschaftliche Fakultät Juristische Fakultät Institut für Geographie Fakultät für Angewandte Informatik Mathematisch-Naturwissenschaftliche Fakultät Universität Augsburg Richtlinien für den Web-Auftritt 10 Das Layout Kopfbereich Textzusatz Auf Wunsch kann im Kopfbereich ein Textzusatz eingefügt werden. Für diesen Zusatz ist nur eine Zeile vorgesehen. Der Text ist in identischer Schrifttype und Größe wie die Bereichsbezeichnung gesetzt, der Farbton hat den 30%-igen Wert der Bereichs-Codierung. Suche Telefonbuch Sitemap E-Mail Philosophisch-Sozialwissenschaftliche Fakultät Lehramt an Gymnasien Suche Telefonbuch Sitemap E-Mail 30% Philologisch-Historische Fakultät Klassische Archäologie #e6b2d7 #fce5b2 #f9d2b5 #f2b2c0 #b2e7f1 fal Suche Telefonbuch Sitemap E-Mail sc #b2dbec h Philologisch-Historische Fakultät Studiengang Prof. Dr. Max Mustermann Universität Einrichtungen Fakultäten Studium Weiterbildung Forschung Exzellenz Home #c8debd #b2d0cf Universität Augsburg Richtlinien für den Web-Auftritt 11 Logos und Zeichen Weitere Logos sollten nur in absoluten Ausnahme- Im Sinne des einheitlichen Auftritts der Uni- fällen in den Kopfbereich eingefügt werden. Dabei versität und der Durchsetzung der Dachmarke ist zu beachten, dass die Hierarchie eingehalten wird „Universität Augsburg“ sollte auf die visuelle und das Zeichen der Universität immer auf oberster Individualisierung einzelner Bereiche jedoch Ebene steht. Für die Platzierung ist der Bereich der verzichtet werden. Universitätsfremde Logos Service-Navigation vorgesehen. Auf das Siegel muss und Zeichen dürfen grundsätzlich nicht im in diesen Fällen verzichtet werden. Kopfbereich platziert werden. Institut für Geographie max. 35 px Wirtschaftswissenschaftliche Fakultät max. 130 px Weiterbildung und Transfer Zusätzliche Logos können hier platziert werden. Die Umsetzung sollte dem Farbcode im Kopfbereich angepasst werden oder als Graustufen erfolgen. Das Logo darf nicht dominanter als das Universitätslogo sein. Die maximale Höhe beträgt 35 px, die maximale Breite 130 px! Unabhängig davon sollte auf eine optisch ausgewogene Größe des Logos geachtet werden. fal sc Wichtig: Es dürfen nur Logos einer Fakultät, eines Instituts oder eines Zentrums platziert werden. Es dürfen keine Lehrstuhllogos, Studienganglogos, Logos anderer Institutionen und auch keine Produkt- und Veranstaltungslogos platziert werden. Für die Platzierung dieser Elemente ist die Fußzeile vorgesehen (s. S. 19). h Career Service Universität Einrichtungen Fakultäten Studium Weiterbildung Forschung Exzellenz Home Universität Augsburg Richtlinien für den Web-Auftritt 12 Das Layout Proportionen und Raster Grundlegendes Im Internetauftritt der Universität Augsburg wird Texte werden schwarz dargestellt, Verlinkungen in ausschließlich Verdana (Ausnahme ist die Bereichs- grau (s. Definitionen S.14 f.). Für das Publizieren von markierung im Kopf) als Schrifttype verwendet. Inhalten ist die mittlere Spalte (520 px) vorgesehen. Andere Schriftarten kommen nicht zum Einsatz. Suche Telefonbuch Sitemap E-Mail Universität 170 px Für... Studierende Studium Weiterbildung 520 px Forschung 100 px Exzellenz Teaser Titel Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. mehr Infos Beschäftigte Alumni Freunde & Förderer Unternehmen Journalisten Teaser Titel Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. mehr Infos Home 170 px English UNIVERSITÄT AUGSBURG Promovierende Gäste Fakultäten Dieser Bereich bleibt unbeschrieben Schüler & Studieninteressenten Einrichtungen Aktuell Doppelter Abiturjahrgang 2011 Bewerbung Internationale Bewerber SchülerInfoTag 2011 DFG-Fachkollegienwahl Öffentliche Veranstaltungen Mensasanierung Die akademische Frage Quicklinks Internationales Kinderuni Studierendenhotline Universitätsbibliothek Webmail Zentralverwaltung Suche ... Universität Augsburg Richtlinien für den Web-Auftritt 13 Unterteilung Suche Telefonbuch Sitemap E-Mail Universität Einrichtungen Fakultäten Studium Weiterbildung Forschung Exzellenz Home Universität » Weiterbildung und Transfer Allgemeines WEITERBILDUNG UND TRANSFER Fakultäten Berufsbegleitende Masterstudiengänge Institute und Schwerpunkte MBA-Studium Unternehmensführung MBA-Studium Change Management Musiktherapie (Master of Music Therapy) Einrichtungen Studium Weiterbildung und Transfer Forschung und Transfer Exzellenz English Aktuell Doppelter Abiturjahrgang 2011 Munich Intellectual Property Law Center (MIPLC) Bewerbung LL.M.-Programm in Intellectual Property and Competition Law Internationale Bewerber Weiterbildung am Zentrum für Weiterbildung und Wissenstransfer Management-Seminar-Programm - Weiterbildung für Führungskräfte Rating-Analyst - Die Qualifizierung zum Rating-Analysten Consulting Coaching Training - Angebote für Firmenkunden Jura - Juristische Fort- und Weiterbildung RiskManager (univ.) IAS/IFRS Accountant (univ.) Finanz- und Risikomanager im Gesundheitswesen (univ.) Weiterbildung für Universitätsangehörige Qualitätsagentur ProfiLehre - Weiterbildung des wissenschaftlichen Nachwuchses SchülerInfoTag 2011 DFG-Fachkollegienwahl Öffentliche Veranstaltungen Mensasanierung Die akademische Frage Quicklinks Internationales Kinderuni Studierendenhotline Gender Zentrum Augsburg Universitätsbibliothek Gender in Wissenschaft, Forschung & Management Webmail Zentralverwaltung Weitere Weiterbildungskonzepte Elitenetzwerk Bayern Bayerische Elite-Akademie Virtuelle Hochschule Bayern Suche ... Transfer Transferstelle der Universität Augsburg Anwenderzentrum für Material- und Umweltforschung Kernkompetenzzentrum Finanz- & Informationsmanagement WissenschaftsZentrum Umwelt Bayerische Forschungsverbünde Sub-Navigation Dieser Bereich beinhaltet die Navigationspunkte. Publikationsbereich Dieser Bereich ist zur Veröffentlichung von Texten und Bildern vorgesehen. Zusatz-Navigation In dieser Spalte wird die Mehrsprachigkeit angeboten, des Weiteren zusätzliche und weiterführende Links und die Suchfunktion platziert. Universität Augsburg Richtlinien für den Web-Auftritt 14 Das Layout Gliederung und Auszeichnung Typografi sche Grundelemente Suche Telefonbuch Sitemap E-Mail Career Service Universität Einrichtungen Fakultäten Studium Weiterbildung BEREICHSÜBERSCHRIFT (H1) Headline mit Linie (h2) Headline (h3) Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Mehr Infos Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Forschung Exzellenz Home Bereichsüberschrift (h1) Jede Seite wird mit einer Bereichsüberschrift markiert. Diese ist in Versalien gesetzt und mit einer gestrichelten Linie unterstrichen. Die Linienstärke beträgt 1px, die Farbe ist #cccccc. Überschriften (h2) Die Textfarbe ist schwarz, der Stil fett. Sie ist ebenfalls mit einer gestrichelten Linie unterstrichen. Überschriften (h3) Die Textfarbe ist schwarz, der Stil fett. Standard-Text Der Standard-Text ist immer schwarz (#000000) und immer linksbündig in Verdana gesetzt. Links sind grau (#66666) und unterstrichen markiert. Als Auszeichnung kann der Text auch kursiv gestellt werden. Die Standardtextgröße ist verpflichtend durch die Stylesheets vorgegeben. Eine zweite Größenvariante ist für Fußnoten o.ä., Bildunterschriften und Markierungen vorgesehen. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. [20.12.2011] Headline Aufzählung 1. Ebene als Text Aufzählung 1. Ebene als Text Aufzählung 1. Ebene als Text mit Verlinkung Aufzählung 2. Ebene als Text mit Verlinkung Aufzählung 2. Ebene als Text Aufzählung 2. Ebene als Text mit Verlinkung Aufzählung 2. Ebene als Text Mit der Universität verbundene Einrichtungen Stiftung der Universität Augsburg Kurt-Bösch-Stiftung Studentenwerk Augsburg Aufzählung 2. Ebene als Text mit Verlinkung ... Gruppen- und Interessenvertretungen Behindertenbeauftragte Datenschutzbeauftragter Frauenbeauftragte ... Teaser mit Bild Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. mehr Infos 25 px Teaser mit Bild Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. mehr Infos Aufzählung auf Textseiten Textgrößen und Textfarben entsprechen dem Standard-Text. Die erste Ebene wird nicht eingerückt und ist an der linken Seite der Spalte ausgerichtet. Weitere Ebenen so eingerückt, dass die Aufzählungszeichen bündig zum Text der ersten Ebene stehen. Das Aufzählungszeichen ist immer ein Quadrat in der Reihenfolge grau, hellgrau, lichtgrau. Linklisten Für die ausführlichen Linklisten (z.B.auf der Seite „Weiterbildung“) wird auf das Aufzählungszeichen auf der ersten Ebene verzichtet (s. Bsp. S. 13), die Textausrichtung ist immer linksbündig ohne Einzug. Einzelne Themenbschnitte werden durch eine gestrichelte Linie voneinander getrennt (s. Bsp. S. 13). Auf den weiteren Aufzählungsebenen wird wieder mit Aufzählungszeichen eingerückt (s.o.). Teaser Auf der Startseite, aber auch auf Unterseiten können kurze Texte in besonderer Art hervorgehoben werden. Als Überschrift wird die Standardüberschrift mit gestrichelter Linie gesetzt. Als Abschluss wird eine weitere gestrichelte Linie gesetzt. Der Abstand zum nächsten Block beträgt min. 25 px. Ein Bild wird immer linksbündig platziert. Bilder in diesen Element haben ein Standardformat und sind 130 px breit und 80 px hoch. Der Textabstand zum Bild beträgt 10 px. Der Text bleibt eingerückt, auch wenn der Textblock höher als das Bild ist. Universität Augsburg Richtlinien für den Web-Auftritt 15 Stilvorlagen Einfügen von Texten Alle Vorgaben sind im Stylesheet definiert und kön- Werden Texte direkt aus anderen Programmen nen über den HTML-Editor eingestellt weden. wie Word, Excel etc. über Copy and Paste in einen Es sollen keine anderen Formatierungen hinzugefügt HTML-Editor eingefügt, ist unbedingt darauf zu werden: achten, Filter zu benutzen, sonst werden bereits http://www.rz.uni-augsburg.de/styles/ vorhandene Formatierungen wie Schrift und Stil stylesheet.css übertragen. Optimalerweise wird der Text „unformatiert“ übernommen. Zumindest sollte aber die Funktion Textausrichtung Texte weden ausschließlich linksbündig ausgerichtet. „einfügen und filtern“ ausgeführt werden. Anschlie- Es wird kein Blocksatz verwendet (durch die fehlen- ßend werden die Formatierungen entsprechend de automatische Silbentrennung in HTML sollte dies den Design-Richtlinien eingestellt. bei HTML-Anwendungen grundsätzlich vermieden werden, da kein befriedigendes optisches Ergebnis erzielt werden kann), des Weiteren kein Mittelachsensatz und keine rechtsbündige Ausrichtung. Headline fal sc h Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. fal sc fal sc h Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. h Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. fal sc fal sc fal sc h Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. h Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. h Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Universität Augsburg Richtlinien für den Web-Auftritt 16 Das Layout Gliederung und Auszeichnung Hierarchien und Überschriften Suche Telefonbuch Sitemap E-Mail UNIVERSITÄT AUGSBURG Startseiten Jede Seite beginnt mit einer Bereichsüberschrift (h1). Suche Telefonbuch Sitemap E-Mail Philosophisch-Sozialwissenschaftliche Fakultät PHILOSOPHISCH-SOZIALWISSENSCHAFTLICHE FAKULTÄT Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Suche Telefonbuch Sitemap E-Mail Institut für Kanadastudien INSTITUT FÜR KANADASTUDIEN Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Suche Telefonbuch Sitemap E-Mail Career Service CAREER SERVICE Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Startseiten Auf der Startseite der Fakultäten, Institute und Einrichtungen ist die, in Großbuchstaben gesetzte, Bereichsüberschrift (h1) identisch mit dem Text im Kopfbereich. Universität Augsburg Richtlinien für den Web-Auftritt Suche Telefonbuch Sitemap E-Mail 17 Philosophisch-Sozialwissenschaftliche Fakultät LEHRSTÜHLE Auszeichnungsmöglichkeiten Der Text einer Bereichsüberschrift (h1) auf den Folgeseiten folgt der Hierarchie der Website-Struktur. Lehrstuhl für Pädagogik ... Allgemeines Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans... Weiteres Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans... Jede Seite kann bei Bedarf mit zwei weiteren Überschriftentypen (h2 bzw. h3) ausgezeichnet werden, je nach Tiefe der Gliederung auf dieser Seite. Wirtschaftswissenschaftliche Fakultät WIRTSCHAFTSWISSENSCHAFTLICHE FAKULTÄT Wir über uns Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans... Auszeichnungsmöglichkeiten Kombination von Bereichsüberschrift (h1) mit Auszeichnung dritter Ordnung (h3). Auf die zweite Überschrift (h2) kann verzichtet werden. Weiteres Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans... Suche Telefonbuch Sitemap E-Mail Philologisch-Historische Fakultät STUDIENGANG KLASSISCHE ARCHÄOLOGIE Allgemeine Informationen Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.... Auszeichnungsmöglichkeiten Kombination von Bereichsüberschrift (h1) mit Auszeichnung zweiter Ordnung (h2). Universität Augsburg Richtlinien für den Web-Auftritt 18 Das Layout Platzierung und Positionierung Logos im Inhalt Suche Telefonbuch Sitemap E-Mail Fakultäten Institute und Schwerpunkte Einrichtungen Studium Weiterbildung und Transfer Forschung und Transfer Exzellenz BEREICHSÜBERSCHRIFT Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Platzierung von Logos im Inhalt Wird im redaktionellen Teil auf externe Institutionen und Unternehmen hingewiesen, können diese durch ihre Logos dargestellt werden. Diese werden immer linksbündig angeordnet. Sie können entweder untereinander oder in einer Zeile angeordnet werden. Die maximale Größe beträgt 130 px in der Breite und 35 px in der Höhe. Der Abstand dazwischen beträgt min. 25 px. Bei der Darstellung als Reihe ist auf die Einhaltung einer gleichmäßigen Achse zu achten. Logos und Zeichen sollten nicht im Textblock platziert und von diesem umflossen werden. 25 px max. 35 px 25 px Allgemeines Pressemitteilungen max. 130 px fal sc h Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. fal sc h Universität Augsburg Richtlinien für den Web-Auftritt 19 Fußzeile Wirtschaftswissenschaftliche Fakultät BEREICHSÜBERSCHRIFT Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. [Impressum] [20.12.2011] [E-Mail] Fußzeilenelemente Jede Seite sollte mit einer Fußzeile abgeschlossen werden. Neben einem Link zum Impressum sollte hier auch das Aktualisierungsdatum sowie ein Link für eine E-Mail gesetzt sein. Diese Informationen sind linksbündig ausgerichtet. Rechtsbündig erscheint das Logo für Facebook und oder weitere Social Media-Hinweise. Die Fußzeile ist über eine graue (#cccccc), durchgezogene Linie vom Inhalt getrennt. Über die Fußzeile kann eine Logo-Zeile gesetzt werden. Auch diese ist über eine graue, durchgezogene Linie abgetrennt. Die Logos und Zeichen sollen hier in Graustufen dargestellt werden, für Größe und Abstände gelten die Vorgaben von Seite 18. Unabhängig davon sollte auf eine optisch ausgewogene Größe der Logos geachtet werden. Universität Augsburg Richtlinien für den Web-Auftritt 20 Das Layout Platzierung und Positionierung Bilder Suche Telefonbuch Sitemap E-Mail Universität Einrichtungen Fakultäten Studium Weiterbildung Forschung Exzellenz BEREICHSÜBERSCHRIFT Home Bildgrößen und Bildformate Bilder können sowohl im Quer-, Hoch- wie im quadratischen Format platziert werden. Sie dürfen nicht breiter als 520 px sein. Um eine unproportionierte Darstellung auf der Seite zu vermeiden, sollte die max. Höhe ebenfalls nicht 520 px übertreffen. Das größte zulässige Bildformat ist somit ein Quadrat von 520 x 520 px. Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. 520 px fal sc h Universität Augsburg Richtlinien für den Web-Auftritt 21 Text und Bild Suche Telefonbuch Sitemap E-Mail Universität Einrichtungen Fakultäten Studium Weiterbildung Forschung BEREICHSÜBERSCHRIFT Home Bildplatzierung und Abstände Bilder können sowohl linksbündig wie auch rechtsbündig in den Inhalt plaziert werden. Es dürfen keine Bilder mittig ausgerichtet sein (es sei denn, sie sind 520 px breit). Der Text kann hierbei sowohl umfließen, als auch hängend formatiert werden. Der Text soll mit 15 px Abstand umfließen. Headline 15 px Exzellenz Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. 15 px Headline Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. 15 px Headline fal sc h Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Universität Augsburg Richtlinien für den Web-Auftritt 22 Das Layout weitere Elemente Infoboxen Suche Telefonbuch Sitemap E-Mail Philologisch-Historische Fakultät PHILOLOGISCH-HISTORISCHE FAKULTÄT Wichtige Information Bewerbungstermin für alle Masterstudiengänge der Philologisch-Historischen Fakultät für das Wintersemester 2011/12 ist der 15. Juli 2011 Neu ab WS 11/12: M.A. Kunst- und Kulturgeschichte (Termin: 15.07.2011) M.A. Nordamerika-Studien (Termin: 01.08.2011) Interessenten, die im Sommersemester 2011 einen Bachelor- oder einen anderen gleichwertigen Hochschulabschluss erwerben, können sich vorläufig mit ihren „Transcript of Records“ bewerben. Das Abschlusszeugnis kann nachgereicht werden. Info- und Hinweiskästen Für Termin- oder Veranstaltungshinweise u.ä. können Kästen verwendet werden. Der Kasten ist immer 520 px breit. Die Umrandung beträgt 1 px und hat die Farbe, die dem Bereich zugeordnet ist. Für Schriftwahl und Schriftgröße gelten die Standards (s. vorhergehende Seiten). Der Abstand des Textes vom Rand beträgt 10 px. Die Höhe des Balkens am oberen Rand beträgt 25 px, die Farbe entspricht ebenfalls der Bereichscodierung. Die Schriftfarbe ist weiß (#FFFFFF), Schriftgrad und sonstige Formatierung. Die Breite 260 px, also die halbe Spaltenbreite. Der Abstand zur Umrandung beträgt 1px. 520 px 260 px Wichtige Information Bewerbungstermin für alle Masterstudiengänge der Philologisch-Historischen Fakultät für das Wintersemester 2011/12 ist der 15. Juli 2011 Neu ab WS 11/12: M.A. Kunst- und Kulturgeschichte (Termin: 15.07.2011) M.A. Nordamerika-Studien (Termin: 01.08.2011) Interessenten, die im Sommersemester 2011 einen Bachelor- oder einen anderen gleichwertigen Hochschulabschluss erwerben, können sich vorläufig mit ihren „Transcript of Records“ bewerben. Das Abschlusszeugnis kann nachgereicht werden. Info- und Hinweiskästen mit Bild In die Hinweiskästen können Bilder eingefügt werden. Das Bild kann eine Breite von 240 px haben. Die Höhe ist variabel. Der Abstand des Bildes vom Rand beträgt oben und links 10 px, vom unteren Rand mind. 10 px. Der Textabstand vom Rand bzw. vom Bild beträgt 10 px. Universität Augsburg Richtlinien für den Web-Auftritt 23 Tabellen Suche Telefonbuch Sitemap E-Mail Pressemitteilungen Tabellenkopfzeile 1 Tabellenkopfzeile 2 Tabellenzelle 1 Tabellenzelle 2 Tabellenzelle 3 Tabellenzelle 4 Tabellenzelle 5 Tabellenzelle 6 Tabellenzelle 6 Tabellenzelle 7 Tabellenzelle 8 Tabellenzelle 9 Tabellenzelle 10 Tabellenzelle 11 ... ... Tabellenkopfzeile 1 Tabellenkopfzeile 3 Tabellenkopfzeile 3 Tabellenzelle 1 Tabellenzelle 7 Tabellenzelle 13 Tabellenzelle 2 Tabellenzelle 8 Tabellenzelle 14 Tabellenzelle 3 Tabellenzelle 9 Tabellenzelle 15 Tabellenzelle 4 Tabellenzelle 10 Tabellenzelle 16 Tabellenzelle 5 Tabellenzelle 11 Tabellenzelle 17 Tabellenzelle 6 Tabellenzelle 12 Tabellenzelle 18 ... ... ... Tabellenkopfzeile 1 Tabellenkopfzeile 2 Tabellenzelle 1 Tabellenzelle 7 Tabellenzelle 2 Tabellenzelle 8 Tabellenzelle 3 Tabellenzelle 9 Tabellenzelle 4 Tabellenzelle 10 Tabellenzelle 5 Tabellenzelle 11 Tabellenzelle 6 Tabellenzelle 12 ... ... Einfache Tabelle Die min. Zellenhöhe beträgt 25 px, Schriftgrad und Farbe sind wie Standard-Text zu setzen. Der Farbwert der Linienfarbe ist #cccccc, die Linienstärke beträgt 1 px, in der Kopfzeile 2 px. Die max. Breite der Tabelle beträgt 520 px. Tabelle mit alternierenden Flächen Die min. Zellenhöhe beträgt 25 px, Schriftgrad und Farbe sind wie Standard-Text zu setzen. Die Hintergrundfarbe der Kopfzeile ist #cccccc. Die Farben der alternierenden Zellenflächen sind #ededed und #dcdcdc. Die Linienstärke zwischen den Zellen beträgt einheitlich 1 px und ist weiß (#FFFFFF), die max. Breite der Tabelle beträgt 520 px. Links sind bei grauer Hintergrundfarbe schwarz. Tabelle mit einheitlichen Flächen Die min. Zellenhöhe beträgt 25 px, Schriftgrad und Farbe sind wie Standard-Text zu setzen. Die Hintergrundfarbe der Kopfzeile ist #cccccc. Die Farbe der Zellenflächen ist #dcdcdc. Die Linienstärke zwischen den Zellen beträgt einheitlich 1 px und ist weiß (#FFFFFF), die max. Breite der Tabelle beträgt 520 px. 520 px Tabellenkopfzeile 1 Tabellenkopfzeile 3 Tabellenkopfzeile 3 Tabellenkopfzeile 4 Tabellenkopfzeile 5 Tabellenzelle 1 Tabellenzelle 7 Tabellenzelle 13w Tabellenzelle 19 Tabellenzelle 25 Tabellenzelle 2 Tabellenzelle 8 Tabellenzelle 14 Tabellenzelle 20 Tabellenzelle 26 Tabellenzelle 3 Tabellenzelle 9 Tabellenzelle 15 Tabellenzelle 21 Tabellenzelle 27 Tabellenzelle 4 Tabellenzelle 10 Tabellenzelle 16 Tabellenzelle 22 Tabellenzelle 28 Tabellenzelle 5 Tabellenzelle 11 Tabellenzelle 17 Tabellenzelle 23 Tabellenzelle 29 Tabellenzelle 6 Tabellenzelle 12 Tabellenzelle 18 Tabellenzelle 24 Tabellenzelle 30 ... ... ... ... ... Breite Tabelle Bei besonders ausführlichen Inhalten kann in Ausnahmefällen die Tabelle 790 px breit sein. Hierbei ist zu beachten, dass es keine Breitenvarianten im Bereich zwischen 520 und 790 px gibt. 790 px Prof. Dr. Claudia Mustermann Lehrstuhlinhaber Studienberatung Fach 180 px E-Mail: Telefon: Fax: Raum: Sprechzeit: 130 px 390 px [email protected] +49 821 598-0000 (Sekretariat -0000) +49 821 598-0000 9999 Do, 16 – 17 Uhr Mitarbeiterdaten Für die Darstellung von Mitarbeiterprofilen soll diese einheitliche Form gewählt werden. Links steht das Portrait mit einer Breite von 130 px, die Breite des Infokasten beträgt 390 px. Die Gesamthöhe beträgt 180 px. Die Farbe der Fläche ist lichtgrau (#ededed). Der Bereich für den Namen und die Funktionen wird durch eine gestrichelte Linie von den Kontaktdaten getrennt. Mitarbeiter-Fotos werden durchgängig in Graustufen (s/w) dargestellt. V01 | Stand Augsust 2012 Konzept und Gestaltung: www.oup-kom.de
