Startseite der Technischen Universität Dresden

Persönliche Werkzeuge
Startseite » ... » Das neue Corporate Design der TUD » 5_wcms » Html Baukasten
Sektionen

Html Baukasten

Die folgenden Quelltextfragmente sollen HTML-Unkundigen die Arbeit mit dem WebCMS, insbesondere an den Portlets und in der HTML Ansicht des Editors erleichtern. Sie brauchen nur den Inhalt der jeweiligen Textbox (in den Textrahmen klicken > strg+a > strg+c), in den Quelltext Ihrer Seite einsetzen (strg+v) und ggf. um Ihre Angaben ergänzen.

Die Ergänzungen können Sie gleich in der Textbox vornehmen und danach den fertigen Quelltext in Ihre Seite kopieren.

Bitte beachten Sie, dass Sie beim Ergänzen der Angaben die HTML Befehle nicht überschreiben. Alles was <in spitzen Klammern> sitzt darf nicht verändert werden.


E-mail-adresse mit Mail-Icon

Max Mustermann



Komplettes Kontaktportlet

Max Mustermann
Tel.: +49 351 463-00000
Fax: +49 351 463-00000
Mein Name

im Büro:
Montag-Freitag
9:00-13:00

Sitz:
TUD Nöthnitzer Str.43
Zi. 218


Post:
TU Dresden
01062 Dresden

Pakete:
TU Dresden
Helmholtzstraße 10
01069 Dresden



Bild mit Link

Die erste einzutragende URL ist der Link, auf den das Bild führen soll, die zweite ist das Bild selbst. Die Bildbreite darf im Logoportlet 180 px nicht überschreiten.

Bitte vergessen Sie nicht, einen aussagekräftigen alt-Text zu schreiben!

Technische Universität Darmstadt

Flash Filme einbinden

Mit diesem Quelltext können Sie einen Flash-Film direkt in Ihre Seite einbinden.

Der Film wird über den TUD-eigenen Player, der im ersten Link angegeben ist, abgespielt. Darunter können Sie die Größe des Fensters einstellen und in der letzten Zeile die URL zu Ihrem Film, den Sie vorher auf Ihren Webserver hochgeladen haben.


Textbox mit Rahmen

Im WebCMS gibt es die Möglichkeit, Textabschnitte mit einer blauen Fläche zu hinterlegen. Dafür muß der jeweilige Absatz, wie im Quelltext zu sehen, einer bestimmten Textklasse zugeordnet werden.

Beispieltext in blauer Box


Bildwechsler

Mit den neuen jQuery-Funktionalitäten im WebCMS sind verschiedene Animationen und Aktionen möglich geworden. Zum Beispiel können wechselnde Bilder einfach eingebaut werden. Dazu müssen die zu wechselnden Elemente unsichtbar gemacht und in einen umschließenden Block mit der id "cycle" angeordnet werden. Der Aufruf des cycle-Scripts aktiviert den Wechsel. Weitere Optionen für die Konfiguration des jQuery-Plugins finden Sie unter http://jquery.malsup.com/cycle.


TITEL

Sortierbare Tabelle

Mit den neuen jQuery-Funktionalitäten im WebCMS sind verschiedene Animationen und Aktionen möglich geworden. Zum Beispiel können sortierbare Tabellen einfach aktiviert werden. Dazu muss die Tabelle mit einer eindeutigen id (im Beispiel "sortable") und der Klasse "tablesorter" versehen werden. Der Aufruf des tablesorter-Scripts aktiviert die Funktionalität und ermöglicht die Konfiguration (nicht-sortierbare Spalten sowie Initialsortierung). Weitere Optionen für die Konfiguration des jQuery-Plugins finden Sie unter http://tablesorter.com/docs.

Testtabelle
Spalte 1 Spalte 2 Spalte 3
A B B
B A A
C C A
B B A
A A A
A D A

 

 

Stand: 21.12.2012 14:44
Autor: Peter Seifert

Bild CD-Blog
Bild neue Latex Vorlagen
Bild Dresden Concept Handbuch
Kontakt

WebCMS
Nutzerberatung
Medienzentrum
Tel.: +49 351 463-36081
email iconwebcms@tu-dresden.de


Corporate Design
Nutzerberatung

Universitätsmarketing
DI und DO 9.00 - 14.00
Tel.: +49 351 463-36629
Fax: +49 351 463-37135
email iconcd@tu-dresden.de


Christine Schumann
Gruppe Gestaltung
Tel.: +49 351 463-34227
Fax: +49 351 463-37135
email iconChristine Schumann
Gruppe 5.7.3 Gestaltung

Sitz:
Nöthnitzer Straße 43

Post:
TU Dresden
Universitätsmarketing
01062 Dresden