3) ENTWICKLUNG VON STATISCHEN WEBSEITEN

Question 1

Abk. CMS

Answer 1

Content Management System
z.B. WordPress

Question 2

Wofür sind die drei verschiedenen (…) da?

Answer 2

html = Aufbau
CSS = Gestaltung
JavaScript = Interaktivität

Question 3

Grundaufbau html Seite

Answer 3

Question 4

HTML-Tag

Answer 4

Das ist das zentrale Konzept von HTML, mit dem Inhalte strukturiert werden können. Ein Element hat ein Start- und ein Ende-Tag.

Question 5

Was für eine Art von Programmiersprache ist html?

Answer 5

HTML ist eine Auszeichnungs-Sprache (sog. Markup-Language), die für die Gliederung und Formatierung von Texten gedacht ist. Typisch für diese Sprachen sind die Tags, die man auch in dem obigen HTML-Dokument findet.

Question 6

Genereller Aufbau html tag:

Answer 6

<tagname>Inhalt</tagname>

Question 7

Attribute

Answer 7

Ein HTML-Element kann Attribute enthalten, mit denen die Formatierung präziser gesteuert werden kann.

Question 8

Muss immer ein Endtag vorhanden sein?

Answer 8

Wenn ein Element keinen Inhalt hat, z. B. weil es lediglich einen Zeilenumbruch oder ein Bild einfügt, dann darf es auch in einer verkürzten Schreibweise ohne Ende-Tag definiert werden. Zum Beispiel fügt <br></br> einen Zeilenumbruch ein, da ist es nicht sinnvoll, einen Inhalt in dieses Tag zu schreiben.

Question 9

Semantisches Markup

Answer 9

Als Semantic Markup wird die Auszeichnung von HTML-Content mit maschinenlesbaren Meta-Angaben bezeichnet.

Question 10

Wichtige html Tags:

Answer 10

<nav> Navigation
<ul> unsortierte Lite
<li> sortierte Liste
<form>
<p> paragraf (Text)
<h1> "header" - Überschrift ... bis <h6>
<header> Kopfzeile
<footer> Fußzeile
<a> hyperlink
</a></footer></header></h6></h1></p></form></li></ul></nav>

Question 11

Tabelle in html

Answer 11

<tabel> Tabelle
<thead> table head
<tbody> table body
<tr> Table row
<th> table header
<td> table data

</td></th></tr></tbody></thead></tabel>

Question 12

CSS-Selektoren

Answer 12

Dies sind Regeln zum Selektieren von HTMLElementen. Die wichtigsten sind: HTML-Tags, CSSKlassen und einmalige CSS-IDs.

Question 13

CSS Tag

Answer 13

Hierdurch werden alle HTML-Elemente selektiert, die diesen Tag-Namen haben.
Beispiel: h1 { color: green; }

Question 14

CSS Klassen

Answer 14

Nützlich, wenn man über verschiedene Elemente selektieren möchte. Auswahl aller Elemente mit dem gleichen Klassennamen.
Beispiel: .green { color: green; }

Question 15

CSS IDs

Answer 15

Jedes html-Element hat die Möglichkeit ein Attribut “id” zu vergeben. Es muss eindeutig sein. Eigenschaften eines Elements lassen sich präzise setzen. Mit # Zeichen gesetzt.
Beispiel: #main-content { background-color: grey; }

Question 16

CSS Regeln kombinieren

Answer 16

• Alle Regeln werden vererbt.
• Regel nur für eine Klasse eines bestimmten Elements –> h1.green
• gleiche Regel für mehrere Selektoren: hintereinander schreiben –> h1, section, table { color: green; }
• Regel für alle Kindelemente: Leerzeichen nach übergeordnetem Element: div p
• Regel nur für erstes Kindelemet, plus Symbol verwenden: div+p

Question 17

CSS-Regeln

Answer 17

• color
• background-color
• font-size
• width und height –> Breite und Höhe
• margin –> Rand
• padding –> Rand innerhalb des Elements
• border –> Rand um Elemnet

Question 18

CSS gängige Größenangaben

Answer 18

px = pixel
em = standard Schriftgröße

Question 19

CSS Layout

Answer 19

block Element = ganze Zeile
inline Element = “im Text”

Question 20

Box model

Answer 20

Margins dürfen sich überlappen, Borders, Padding und Contents nicht.

Question 21

CSS im Head

Answer 21

CSS muss immer im Head der HTML-Seite referenziert oder eingefügt werden.

Question 22

Web Inspector

Answer 22

Im Browser verfügbares Tool zur Überprüfung von CSS Regeln.

Question 23

Element-Selektor

Answer 23

Eine der wichtigsten Funktionen des Web Inspektors. Zur Analyse von CSS Elementen.