CSS
CSS Schneider
CSS Schneider
Kartei Details
| Karten | 30 |
|---|---|
| Sprache | Deutsch |
| Kategorie | Informatik |
| Stufe | Universität |
| Erstellt / Aktualisiert | 22.11.2017 / 22.11.2017 |
| Weblink |
https://card2brain.ch/box/20171122_css
|
| Einbinden |
<iframe src="https://card2brain.ch/box/20171122_css/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>
|
Was ist der Unterschied zwischen einer statischen Website und einer dynamischen Website?
- Statische Website liefert dem User feste Inhalte.
- Dynamische Website liefert durch Interaktion mit User und/oder Server wandelbare Inhalte
Was ist der Unterschied zwischen der Proportionalschrift und der Schreibmaschinenschrift?
- Proportionalschrift: jedes Zeichen erhält die Breite, die es optisch benötigt
- Schreibmaschinenschrift: jedes Zeichen mit gleicher Breite
Nennen Sie drei verschiedene Orte, wo ein CSS-Format für HTML definiert werden kann und diskutieren Sie deren Vor-und Nachteile!
- Intern: alles in einer Datei sofort sichtbar, aber nur für die Datei verwendbar
- Extern: mehrfach verwendbar, aber zwei Dateien nötig
- Lokal: Schnelles und einfaches Prinzip, aber widerspricht Philosophie von CSS Form und Inhalt zu trennen
Die relevanten CSS-Eigenschaften sind:
margin = Außenabstand zu anderen Elementen
border = Rahmen
padding = Innenabstand zwischen Text und Rahmen
width = Breite des Inhalts
heigth = Höhe des Inhalts
Nennen Sie drei Arten von CSS-Selektoren!
- Element-Selektor, ID-Selektor, Klassen-Selektor
Was bedeutet Padding Left?
- Linker Innenabstand, Abstand zwischen Text und Rahmen
Was ist Responsive Design?
- Orienterung und Anpassung der Anwendung an Bildschirmgröße,
- Bsp: auf Desktop-PC anderes Format als auf Smartphone
Was bedeutet XSS?
- Cross-Site-Scripting/XSS bezeichnet das Ausnutzen einer Computersicherheitslücke in Webanwendungen, indem Informationen aus einem Kontext, in dem sie nicht vertrauenswürdig sind, in einen anderen Kontext eingefügt werden, in dem sie als vertrauenswürdig eingestuft werden
Was wird mit dem Attribut Action in einem Formular gekennzeichnet?
- Aufruf eines Programms auf dem Server
- Verweis auf den auszuführenden Dateinamen
Was ist ein assoziatives Array?
- Array mit Namen statt Zahlen als Indizes
Was ist die Method im Formular?
- Method ist die Übertragungsmethode
Erklären sie den Unterschied der $_POST und $_GET Superglobals und welche in Bezug auf Security verwendet werden sollte.
Bei der $_GET Methode werden die Variablen mittels der URL übergeben. Bei $_POST findet dieser Vorgang verdeckt statt, was eine tatsächliche Eingabe der Daten voraussetzt. POST bietet mehr Sicherheit aufgrund der verdeckten Variablenübertragung und ist daher vorzuziehen.
Wofür ist die Funktion, Grafiken in PHP zu erzeugen sinnvoll?
- Maschnielles Auslesen von Texten wird verhindert
- Flexible Erzeugung von Grafiken
- Bsp. CAPTCHA
Was ist eine Klasse?
- Enthält Informationen, wie spätere Objekte aufgebaut sind
- beliebig viele Objekte können erzeugt werden
- In ihr wird definiert:welche Eigenschaften man in einem Objekt einen Wert zuweisen kann welche Fähigkeiten jedes Objekt haben soll
Was ist ein Objekt?
- Besitzt alle Eigenschaften, die man in der Klasse definiert
- Erzeugung (Objekt des Typs MyClass) durch Schlüsselwort new
Aus welchen Teilen bestehen Exceptions und was sind ihre Bedeutung?
- Exceptions bestehen aus dem try, catch und throw Block
- Try: beinhaltet eigentliche Funktion
- Throw: legt fest, wann der catch-Block greift und formuliert den Text der Exception
- Catch: fängt den Fehler ab und gibt die vorformulierte Fehlermeldung dazu aus
Was geschieht bei der die()-Funktion?
- Es wird eine benutzerdefinierte Meldung ausgegeben
- Aktuelle Skript wird beendet
Wozu benutzt man PHP Filter?
Zum Validieren und Säubern/Heilen von Informationen (sanitze)
Wozu dienen Sessions und Cookies allgemein?
Bieten die Möglichkeit, Daten über einen gewissen Zeitraum zu speichern
Nennen Sie die Unterschiede zwischen Sessions und Cookies
Lebensdauer
Bis der Browser geschlossen wird, oder bis man es per Befehl zerstört.
Bis das Cookie abläuft. Man kann zeitlich festlegen wann dies sein soll, oder es
löschen indem man die Gültigkeit in die Vergangenheit datiert und überschreibt.
Speicherort
Auf dem Server.
Beim Surfer auf der Fetsplatte.
Vorteile
Nicht so leicht manipulierbar, da es auf dem Server abgelegt wird und nicht beim Surfer. Es ist nur kurzfristig gültig (Sicherheit).
Der User kann auch beim erneuten Besuch eingeloggt sein, ohne die Daten erneut eingeben zu müssen.
Nennen Sie die zwei bekanntesten PHP-Zugriffserweiterungen und erläutern kurz deren jeweilige Vorteile.
- PDO und MySQLi
- PDO: flexibel für verschiedene Datenbanken mit jeweiligen Treibern und z.B. durch named Parameters
- MySQLi: nur MySQL unterstützt, dafür etwas schneller als PDO durch eine solche Spezialisierung
Was sind named Parameters?
- Bei PDO mit Namen versehene Parameter, um diese in einem Array bei Prepare-Statements flexibler nutzen zu können
Für was steht AJAX?
Asynchronus Javascript and XML
Wo liegt der größte Vorteil von AJAX?/
Inwiefern ist AJAX asynchron?
- Daten können verändert werden, ohne dass die komplette Webseite vom Webbrowser neu geladen werden muss.
Was sind konkrete Anwendungsmöglichkeiten?
- Suchbegriffevervollständigen
- Passwort sicherheit prüfen
- Benutzernamen verfügbarkeit prüfen
Wieviele Farben gibt es im RGB Modell?
- 256 hoch ^ 3
Welche Risiken gehen von php aus und welche Maßnahmen kann man dagegen ergreifen?
Risiken: einschleusen von Skripten mittels XSS, unberechtigter Zugriff auf Datenbanken mittels SQL Injection, Session Hijacking mit Hilfe durch XSS eingeschleuste Skripte.
- Maskieren von Steuerzeichen
- Validierung der Eingabe
- Prepared Statements
Nennen und erklären Sie 3 Design-Trends zwischen 2015 und 2018.
1.Fokus auf Negative Space: Der negative Space (Bereich um den eigentlichen Inhalt einer Webseite) wird betont, um den eigentlichen Inhalt in den Vordergrund zu stellen.
2.Cardbased Design: abgegrenzte Kacheln wie bei Windows 8, einfache und schnelle Bedienung und Informationsvermittlung
3.Fullscreen Videos: Full Screen Videos warden dazu genutzt, schnell und präzise eine bestimmte Botschaft dem User zu übermittlen. So kann der User informiert und gebunden werden.
4.Parallax Scrolling: asynchrones Scrolling um Tiefenwirkung zu erzielen, vorallem auf OnePage Seiten
Was ist der Unterschied zwischen Flat und Material Design?
- Flat Design: keine Ebenen, wenig bis gar keine Animationen.
- Material Design: Tiefenwirkung durch Schatten, subtile Animationen.
Wofür ist fopen()
Fopen() wird verwendet um einen File oder eine URL zu öffnen.
