Bootstrap

Tools zur heutigen Sitzung: Annotator.js (http://annotatorjs.org/) + Plugins (http://annotatorjs.org/plugins/, Offline-Plugin: https://github.com/aron/annotator.offline.js, Download: https://github.com/aron/annotator.offline.js/downloads) Bootstrap (http://getbootstrap.com/) oder Skeleton (http://getskeleton.com/) Aufgabe 1 Die JavaScript-Bibliothek Annotator.js (http://annotatorjs.org/) macht’s mit wenigen Anweisungen möglich, auf einer Website textuelle Information zu annotieren. Laden Sie sich die Bibliothek Annotator.js von der Projekthomepage http://annotatorjs.org/ herunter. Erstellen Sie unter Verwendung von Bootstrap oder Sekelton…

Read More Sitzungsaufgaben zu Annotator.js

Das CEEC-Projekt (Codices Electronici Ecclesiae Coloniensis) möchte seinen Webauftritt http://www.ceec.uni-koeln.de gerne zeitgemäß aufbereiten und bittet uns, die folgende angestaubte Startseite durch eine Übersichtsseite über die 15 gefragtesten Digitalisate des Projektes zu ersetzen. Unsere ausgebildete Graphikdesignerin unterbreitet den folgenden Gestaltungsvorschlag, der im Folgenden besprochen und umgesetzt wird: Aufgabe 0 – Vorbereitung Laden Sie sich bitte das…

Read More Bootstraps Grid-System und ein erstes CEEC-Redesign

Aufgabe 0 Laden Sie das Framework „Bootstrap“ von der offiziellen Bootstrap-Website http://getbootstrap.com herunter und extrahieren Sie den Inhalt des Zip-Archivs in Ihren Arbeitsordner. Wenn Ihnen Bootstrap noch unbekannt ist, dann informieren Sie sich bitte zuerst über das Framework im Wikipedia-Beitrag unter http://de.wikipedia.org/wiki/Bootstrap_%28Framework%29. Aufgabe 1 Erstellen Sie auf Grundlage der „Jumbotron“-Beispielseite (vgl. http://getbootstrap.com/getting-started/#examples und http://getbootstrap.com/examples/jumbotron) die…

Read More Sitzungsaufgaben „Responsives Webdesign mit Bootstrap – First Steps“