Currently browsing author

ctheis, Page 2

Hierarchien

Lineare Verknüpfungen
Bauen Webseiten aufeinander auf, ergibt sich daraus ein linear hierarchischer Aufbau.
Die Webseiten sind untereinander durch einfache Verknüpfungen miteinander verbunden. Der lineare Verlauf führt den Anwender nur in zwei Richtungen zu einem Ziel bzw. zurück zum Anfang.
Die lineare Organisation macht nur Sinn, wenn eine vom Webbesucher willkürlich getroffene Auswahl der Webseiten die dargebotenen Informationen aus […]

Textformatierung

Überschriften
Überschriften werden in HTML durch definierte Tags beschrieben. So wird gewährleistet, dass die Überschrift auf jedem Monitor im Verhältnis zum Text gleich groß bleibt.
Man unterscheidet der Größe nach: Hx (H=Heading, x=eine Zahlvon 1 bis 6)
<H1>Größte Überschrift </H1>
<H2>Kleiner als H1</H2>
<H3>Kleiner als H2</H3>
<H4>Kleiner als H3</H4> ……..
 
Ausrichtung
Texte, Bilder, Navigation oder Formulare können wie folgt ausgerichtet sein:

linksbündig
rechtsbündig
zentriert

Dies wird mit […]

Bilder verwenden

Bildereinsatz
Ein Bild sagt (manchmal) mehr als tausend Worte. Schneller noch als Textinformation wird ein Bild bei bloßer und / oder flüchtiger Betrachtung
wahrgenommen. Erst nach längerer Betrachtung nimmt unser Gehirn Details der präsentierten Information, aber auch des zuerst entdeckten Bildes, wahr.
Die Möglichkeit, Bilder einzusetzen ist vielfältig:

·Bilder sollen veranschaulichen bzw. präsentieren

Animationen
Diagramme, Graphen
Schaubilder

Bilder als Orientierungs- und Navigationselemente/-hilfen

Richtungspfeile, die […]

Boxenmodell: der Außenrand

Der Außenrand

Der Außenrand wird ähnlich dem Innenrand mit der Eigenschaft MARGIN geregelt.
Lässt man Padding-Angaben weg, dann bilden die Margin-Werte den Abstand des sichtbaren Textes zum Bildschirmrand.

margin-left: regelt den Abstand zum linken Bildschirmrand
margin-right: regelt den Abstand zum rechten Bildschirmrand
margin-top: regelt den Abstand zum oberen Bildschirmrand
margin-bottom: regelt den Abstand zum unteren Bildschirmrand
margin: alle Werte (left, right, top, […]

Boxenmodell: der Innenrand

Box-Modell
CSS organisiert Inhalte einer Webseite (Tags, HTML-Elemente) in Containern bzw. Boxen.

Der Innnenrand
Der Innenrand, der Abstand des sichtbaren Inhalts zum nicht sichtbaren Rahmen wird mit der Eigenschaft PADDING geregelt.

 padding-left: regelt den Abstand zum linken Rahmen
padding-right: regelt den Abstand zum rechten Rahmen
padding-top: regelt den Abstand zum oberen Rahmen
padding-bottom: regelt den Abstand zum unteren Rahmen
padding: alle Werte (left, […]

Modernes Seitenlayout mit CSS

Wahl des Designs
 
Mit CSS lassen sich weit mehr Einstellungen beeinflussen als wir bisher als pure Textformatierung kennen gelernt haben. CSS kann das Design einer kompletten Webseite gestalten.
Folgendes Design soll in den nächsten Unterrichtsstunden Stück für Stück realisiert werden:

In den folgenden Lerneinheiten nähern Sie sich dem Muster Schritt für Schritt
 
Laden Sie sich das Verzeichnis „theis-cr_CSS_Seitenlayout.ZIP“ runter. […]

Shopping, Banner

Im Bereich eCommerce verwenden Online-Shops auch externe Marketing-Plattformen. Diese bieten im Auftrag der Online-Shops anderen Webseiten-Betreibern an, Banner (Bild-, Textbanner,…) auf entsprechende für die Werbung interssante Hotspots ihrer Webseiten unterzubringen. Den Konvergenzerfolg belohnen dann diese Online-Shops mit Vergütungen wie z.B. „5% vom Einkaufswert, wenn der Einkaufswert 100 Euro überschreitet“, „0,001 Euro für jeden Vertragsabschluss“.

Nicht-metrische Längenmaße

Englische und amerikanische Längenmaße
Fall 1: Englische Maße werden vorgegeben – Umrechnung in Meter und Zentimeter
Umrechnungstabelle

1 yard = 0,9144 m
12 yards = 11 m (Bitte merken!)
1 foot = 30,48 cm = 0,3048 m
1 inch = 2,54 cm = 0,0254 m

Übung
Eine Kiste aus England hat die folgenden Maße. Berechnen Sie in Meter und Zentimeter um.
Länge:   3 yards, […]

Übung Troubleshooting auf OSI-Schicht-1

Troubleshooting im Netzwerk
Aufgabe 1:
Was sind typische Fehler auf OSI-Schicht 1?
xyz
Kreuzen Sie an:
Wackelkontakt
Probleme mit Transceiver
Taktrateneinstellung
nicht aktiviertes Routingprotokoll
falsche Anschlüsse (Ports)
gebrochene Kabel
serielle Schnittstelle ist nicht
ordnungsgemäß konfiguriert
falsche Kabel
DTE-Kabelproblem
falsche IP-Adresse
Gerät ist ausgeschaltet
DCE-Kabelproblem

Aufgabe 2:
Was sind typische Fehler auf OSI-Schicht 2? Kreuzen Sie an:
falsche Subnetzmaske
Probleme mit Transceiver
Taktrateneinstellung
nicht […]

Übung Kabelspezifikation -mit Lösungsteil-

Übung zum Thema Kabelspezifikationen.
Welche Kabelspezifikationen im nächsten Moment die jetzigen ablöst, steht in den Sternen. Im Cisco-Curriculum war bislang die Historie der Kabeltypen beschrieben. Wichtig dabei waren die jeweiligen Reichweiten, Kosten, Bandbreite und gewisse Eigenheiten wie Medientyp. In der folgenden Übung können Sie Ihr Wissen über die verschiedenen Kabelspezifikationen testen. Wer will darf hier spicken.
Aufgabe […]