Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.

Presentation on theme: "Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst."— Presentation transcript:

1 Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.

2 Inhalt des Tutoriums Vertrautmachen mit Werkzeugen HTML – das Wichtigste PHP – nur relevantes für Fragebögen Speicherung von Daten Weitergabe von Variablen Datenbanken erstellen SPSS – Daten übertragen KEINE SPSS-Auswertung

3 Zeitplan für heute Bearbeitung & Online-stellen von HTML/PHP-Dateien Editoren SFTP (SSH) Grundlagen von HTML Aufbau einer Seite Die wichtigsten TAGS Tabellen zur Layout-Gestaltung

4 Übertragung der Daten an Server Client – Server Browser FTP (File Transfer Programm) SFTP (Secure FTP) SSH

5 Editoren Quelltexteditoren Kleine Programme Leicht zu besorgen Keine unnötigen Codezeilen Kenntnis von HTML- Befehlen Für Anfänger verwirrend WYSIWYG-Editoren Teure Programme Drag and drop KEINE HTML- Kenntnisse nötig Überladener Code Längere Ladezeit

6 HTML Grundstruktur Befehle Tabellen Buttons/Eingabefelder Links

7 Allgemeine Dokumentstruktur

8 Einträge im Head Verschiedene Einträge sind möglich Titel der im Browserkopf angezeigt wird: Titeltext weitere Angaben, wie Suchbegriffe etc

9 Sonderzeichen und Umlaute Umlaute werden nur von deutschen Browsern verstanden müssen sonst durch besondere Zeichenkette dargestellt werden ä = ä ß=ß etc Leerzeichen= KEINE LEERZEICHEN!! in Namen von Variablen, HTML-Dateien

10 TAGs zur Textstrukturierung : Zeilenumbruch (Achtung hier kein schließendes TAG nötig) Absatz kann auch alleine stehen: Absatz nächster Absatz...

11 Attribute bei TAGs Die Wirkung von TAGs kann durch Attribute genauer beschrieben werden Beispiel Absatz-TAG: normal: Absatz mit Attribut: ein mittig ausgerichteter Absatz Werte für align: center, right, left, justify (Blocksatz)

12 TAGs zur Textformatierung Hervorhebungen Fetter Text Kursiver Text Unterstrichener Text Schriftart Text mit Font Arial Schriftgröße großer Text kleiner Text

13 Farbe in HTML Farbe in Hexadezimal- darstellung Farbmodell in HTML RGB (Red Green Blue) Format: rrggbb schwarz=#000000, weiß=#ffffff TAGs mit color-Attribut rote schrift

14 Grafiken in HTML gängige Grafikformate: JPG, PNG oder GIF Grafiken werden genauso behandelt wie Text Einfügen einer Grafik durch img-TAG erlaubt verschiedene Attribute: align, wieder wie gehabt alt= Bildbeschreibung, ein Text der angezeigt wird, wenn das Bild nicht geladen werden kann width= Zahl und height= Zahl, Angabe der Größe des Bilds

15 Tabelle Tabelle als Tabelle, d.h. mit sichtbarem Gitternetz Strukturierungsmittel zur Anordnung von Elementen, ohne Gitternetz Tabellen bestehen aus Zeilen ( ) Zellen ( ) Spaltenüberschriften ( )

16 Tabelle Grundstruktur: Überschrift 1 Überschrift 2 Zelle links oben Zelle rechts oben

17 Beachte! Das Attribut align kann für alle Elemente der Tabelle vergeben werden Es gibt TAGs die mehr als ein Attribut haben können z.B.: ( ) Die Spaltenbreiten einer Tabelle passen sich dem breitesten Eintrag an Die Zeilenhöhen einer Tabelle passen sich dem höchsten Eintrag an

18 cellpadding Inhalt cellpadding <td colspan="2" <td rowspan="2" cellspacing

19 CSS (Cascading Style Sheets)... Sprache zur Definition von Formateigenschaften einzelner HTML- Elemente Selektoren (CSS Syntax): zur Auswahl von HTML-Elementen, für ein bestimmtes Format gelten soll.meindesign { font-style: italic; color: green;} Mehrere Eigenschaften müssen durch einen ; getrennt werden. Vorhandene TAGS nehmen oder Klassen definieren class=meindesign

20 CSS (Cascading Style Sheets) Einbindung in HTML in einer externen CSS-Datei im zentralen Style-Bereich direkt im einleitenden TAG eines HTML- Elements (mit dem Attribut style="") z.B.:

21 Fragen? Nächster Termin 13.04.2005 http://homepage.univie.ac.at/barbara.strassnig/ webkurs.html