68
Info N (Subject) / Übungsfragen (Lesson)
Advertisement
- Padding/Margin – padding • Abstand in Pixel zwischen Inhalt eines Elementes und dessen Rahmen – margin • Abstand in Pixel zwischen Rahmen eines Elementes und anderen Elementen -> Innen- und Außenabstand für jedes Element separat definierbar
- Media Queries ▪ Websites werden mit vielen verschiedenen Geräten konsumiert – Desktop PCs, Laptops, Tablets, Smartphones, TVs, Spielekonsolen, Smartwatches,… ▪ Unterschiedliche Auflösungen, Bildschirmgrößen, Eingabegeräte,… ▪ Reaktion auf diese Umstände mit CSS 3 Media Queries – Darstellung anhand von Regeln an das Anzeigegerät anpassen, ohne komplett neue Stylesheets schreiben zu müssen
- Vorteile Trennung Inhalt & Design Mittels CSS - Design kann auf verschiedenen Ausgabegeräten berücksichtigt werden - CSS kann für mehrere Seiten verwendet werden - CSS kann auch in mehrere Dateien aufgeteilt werden
- Wofür braucht man Programme? - Organisation von Abläufen - Koordinierung von Teilnehmern - Verteilng von Resourcen
- Prozesse des Programmierens 1. Festlegen des Programmziels 2. Planung der Benutzeraktion mit dem Programm 3. Entwurf des Programmaufbaus/Funktionen 4. Wahl geeigneter Programmiersprache 5. Programmierung des Konzeptes
- 3 Beispiele Arten der Programmierung Logische Programmierung - Deklaration von Fakten, Definition einer Wissenbasis, Anfragen an die Wissensbasis (ProLog) Imperative Programmierung - Programmablauf durch Befehlssequenzen definiert, Sequenzen beschreiben Abläufe, Hardwarenah (Assembler) Objektorientierte Programmierung - Beschreibung von Objekten und deren EIgenschaften, besitzen Funktionen, die man verwenden kann (Java, C++,C#)
- Was ist ein Interpreter? Interpretierung der Anweisungen - Quellcode wird zur Laufzeit interpretiert - Interpretierungen erfolgen durch Interpreter = Programm, dass auf das Betriebssystem zurückgreift - liefert Quellcode im Klartext aus
- Was ist ein Compiler? Übersetzung in Maschinensprache - Compiler übersetzt Anweisungen in Maschinensprache - übersetztes Programm ist direkt ausführbar - Quellcode bei Ausliefung nicht vorhanden
- Bytecode Mischform Interpreter und Compiler: - Interpretierung des QUellcodes durch Bytecode Interpreter - Bytcode ist System-unabhängig - Interpreter für jedes System Bsp. Java
- Was wir zur Programmierung benötigt? Startpunkt Anweisungen/Befehle Bedingungen Wiederholungen Funktionen Variablen
- Advertisement
- Wohlgeformtheit vs. Validität ▪ Wohlgeformte XML Dokumente – Beachten alle Regeln zur Wohlgeformtheit – Sind gut automatisch zu bearbeiten – Keine Vorgaben für Tag-Namen und Struktur ▪ Valide XML Dokumente – Definieren Aufbau von XML Dokumenten – Erleichtern den Austausch zwischen verschiedenen Programmen / Systemen
- Lineare vs. binäre Suche ▪ Lineare Suche – Geht Elemente Schritt für Schritt durch – Hier: 7 Schritte/Vergleiche notwendig, um 29 zu finden ▪ Binäre Suche – Zerteilung der Listen an den Mittelpunkten – Hier: 4 Schritte/Vergleiche notwendig, um 29 zu finden – Aber: Liste muss sortiert vorliege
- binäre Suche So lange die (Teil-)Liste größer als 1 ist – Finde die Mitte der (Teil-)Liste und speichere Wert in m – x == m? • Falls Ja: Stoppe und gebe Position aus • Falls Nein: Teile die Listen in zwei Hälften – x > m? Gehe zu 1) und mache in rechter Teilliste weiter – x < m? Gehe zu 1) und mache in linker Teilliste weiter
- Listen (HTML) ▪ Zwei verschiedene Typen von Listen – ol-Tag – geordnete Listen (ordered list) – ul-Tag – ungeordnete Listen (unordered list) ▪ Innerhalb dieser Tags Einträge der Liste – li-Tag (list item)
- Tabellen (HTML) ▪ Tabellen für komplexe Strukturierung geeignet ▪ Grundlegendes Element: – table-Tag ▪ Einzelne Tabellenzeile: – tr-Tag ▪ Einzelne Zelle solch einer Zeile: – td-Tag ▪ Vertikale oder horizontale Verbindung der Zellen möglich – Attribute rowspan und colspan
- Relative vs. absolute Links ▪ Relative Links – Link innerhalb einer Webseite – Link relativ zum Verzeichnis, in dem sich die verlinkende Datei befindet – Beispiel: ../datei_b.html ▪ Absolute Links – Exakte und vollständige Angabe, unter welcher Adresse und in welchem Verzeichnis eine Datei liegt – Beispiel: http://www.uni-due.de/datei_b.html
- Unterscheide HTML und XHTML HTML ist weniger stringent– Schließen von Elementen nicht zwangsläufig nötig– Groß- und Kleinschreibung kann ignoriert werden– Anführungszeichen optional ▪ XHTML legt besonderen Wert auf saubere Struktur– XHTML ist „XML-konformes“ HTML– Beinhaltet alle Elemente und Attribute von HTML– Folgt den klaren und einheitlichen Regeln von XML– HTML5 kann sowohl in HTML als auch in XHTML Notationausgedrückt werden.
- Eigenschaften URIs: – Universell: Einsetzbar in anderen Anwendungsfeldern– Eindeutig: Klar identifizierbar– Erweiterbar: Für zukünftige Anwendungsfälle anpassbar– Repräsentierbar: Leicht zu merken und speichern