1. Seminar Multimediale Werkzeuge Sommersemester 2011

Größe: px

Ab Seite anzeigen:

Download "1. Seminar Multimediale Werkzeuge Sommersemester 2011"

Jan Winter
vor 7 Jahren
Abrufe

1 1. Seminar Multimediale Werkzeuge Sommersemester 2011 Marco Niehaus Page 1

2 Organisatorisches Terminplanung? Übungs- & Hausaufgaben Gehen zu 30 % in die Endnote ein Sollen jeweils zu Beginn des folgenden Seminars abgegeben werden Die Klausur muss bestanden werden; alleine die Hausaufgaben reichen zum Bestehen nicht aus! Die durch die Hausaufgaben erbrachten Leistungen können bis max. ein Semester nach dieser Lehrveranstaltung angerechnet werden (sind also auch im WS11/12 gültig). Danach verfallen die Leistungen! Bewertung: Page 2

3 LATEX Setzen Sie einen Wikipedia Artikel in Form eines wissenschaftlichen Papers in LATEX um MiKTeX in Kombination mit TeXnicCenter Vorschlag: Diskrete Kosinustransformation Einleitung Allgemeines Mehrdimensionale DCT Page 3

4 LATEX Dokumentenklasse \documentclass[10pt]{article} \documentclass[twocolumn]{article} Deutsche Sprachunterstützung: \usepackage[latin1]{inputenc} \usepackage[t1]{fontenc} \usepackage{amsmath} \usepackage{amssymb} ( \usepackage[ngerman]{babel} ->Paket nicht installiert ) Page 4

5 LATEX Dokumentkopf \title{} \author{ } \date{} Page 5

6 LATEX Hauptdokument: \begin{document} \end{document} \maketitle ( \tableofcontents ) Dokument-Strukturierung Zusammenfassung: \begin{abstract} \end{abstract} Kapitel: \section{} Unterkapitel: \subsection{} Absatz: \paragraph{} Page 6

7 LATEX Aufzählungen: \begin{itemize} \item \item \end{itemize} Referenzen \cite{} \bibliographystyle{abbrv} \begin{thebibliography} \end{thebibliography} \bibitem{} Page 7

8 LATEX Formeln mit Latex: Formeln im Fließtext: $... $ Formeln zentriert in eigener Zeile: \[... \] Brüche: \frac{2+dc}{9} Indices: a_1 a 1 Hochstellen: a^2 a 2 Summen: \sum \limits_{anfangswert}^{endwert} Integrale: \int_0^3 x^2 dx = Page 8

9 LATEX Weitere Quellen: Mathematischer Formelsatz in LATEX: Schlager, P.; Thibud, M.: Wissenschaftlich mit LATEX arbeiten. Pearson Studium Page 9

10 HTML - Sprachelemente Tags Abgeschlossene Tags <HTML-Tag>...Gültigkeitsbereich...</HTML-Tag> Standalone Tags <HTML-Tag>...Gültigkeitsbereich... Tag-Attribute Allein stehende Attribute <HTML-Tag Attribut >... z.b. <hr noshade> Wertzuweisungen Page 10

11 Aufbau einer HTML-Datei [1] Teile einer HTML Datei: Dokumenttyp-Deklaration Angabe zur verwendeten HTML-Version Header <head> Titel: Titelzeile des Browsers, Lesezeichen Meta: Informationen über den Inhalt der Seite; wird von vielen Suchmaschinen ausgewertet Body <body> eigentlicher Inhalt; Text mit Überschriften, Verweisen, Grafikreferenzen usw Page 11

12 Page 12

13 Aufbau einer HTML-Datei [2] Beispiel: HTML-Bereich Body Header Doctype Page 13

14 HTML-Tags Textfluss Zeilenumbruch <br> Textabsatz <p>... </p> Überschiften <h1> </h1> Überschrift (1-6) Allgemeines Blockelement <div>... </div> neue Zeile <span> </span> ohne neue Zeile Zentrierung <center> </center> veraltet Trennlinien <hr> über ganze Breite <hr width = "60%"> relative Angabe <hr width = "260" size = "4"> absolute Angabe Page 14

15 HTML-Tags Textauszeichnungen Physische Textauszeichnungen (Beispiele): <u> </u> <i> </i> <b> </b> Unterstrichen Kursiv Fett Logische Textauszeichnungen (Beispiele): Der Browser entscheidet, wie z.b. <strong> dargestellt wird (muss nicht unbedingt fett sein!) <strong> </strong> <em> </em> <cite> </cite> <code> </code> Text stark betont Text betont Zitat Quelltext Page 15

16 HTML-Tags Listen Nummerierte Listen <ol> </ol> <li> Listeneintrag 1 </li> <li> Listeneintrag 2 </li> alphabetisch <ol type = "A"> Listeneinträge mit A., B., C. Aufzählungslisten <ul> <li> Listeneintrag 1 </li> <li> Listeneintrag 2 </li> </ul> Page 16

17 HTML-Tags Grafiken einbinden img-tag Attribute alt= textliche Beschreibung width,height= Breite und Höhe in Pixel oder % border= Rand um die Grafik Grafik als Seitenhintergrund Page 17

18 HTML-Tags Verweise (Links) [1] a-tag (a = anchor) Verweise zu anderen HTML Dateien Statt eines Verweistextes kann auch eine Grafik angegeben werden (interessant für Buttons) Page 18

19 HTML-Tags Verweise (Links) [2] -Verweise mit mailto Page 19

20 HTML Besonderheiten Umlaute und Sonderzeichen müssen in einer speziellen Form angegeben werden ä ä Ä Ä " usw. Tooltips mit dem title-attribut lassen sich für nahezu alle Elemente eines HTML-Dokuments bei Berührung mit der Maus kleine Hinweise einblenden Page 20

21 Hausaufgabe für das nächste Seminar Erstellen Sie mittels grundlegender HTML Tags ein Dokument mit folgenden Inhalten: Das von Ihnen erstellte.pdf Dokument (LaTex) Eine eingebundene Grafik Links zu 2 Webseiten Ihrer Wahl Ein Kontakt Button, bei dessen Betätigung das Standard-Mailprogramm mit einer neuen Nachricht geöffnet wird und bereits der Empfänger und ein Betreff eingetragen sind. Nutzen Sie: Page 21

22 Page 22

23 Page 23

24 Page 24

25 Page 25

26 Page 26

Ähnliche Dokumente

Die Programmiersprache des Webs. HTML HyperText Markup Language Hypertext - Auszeichnungssprache

Was ist HTML? Die Programmiersprache des Webs HTML HyperText Markup Language Hypertext - Auszeichnungssprache Dateiname Man muss Groß/Kleinschreibung beachten Leerzeichen ist nicht erlaubt Umlaute wie