Übungen / Aufgaben zu HTML/CSS

0 Lösungen
SVG Darstellung des OSI Schichten Modells
Fortgeschrittener - HTML/CSS von syneex - 28.08.2018 um 10:45 Uhr
Guten Tag,

heute geht es an die Aufgabe, ein bisschen mit SVG zu spielen.
Gewünscht ist ( wie hoffentlich in der Zip Datei im Anhang ) eine ungefähre Darstellung des OSI Schichten Modells.

Zum OSI Modell an sich: Es ist sehr wichtig für die Informatiker mit Spezialisierung auf Systemintegration zu verstehen, wie die verschiedenen Geräte miteinander kommunizieren. Hierfür gibt es verschiedene Protokolle, die im OSI Modell verallgemeinert beschrieben werden.

Falls weitere Interesse zu diesem Thema besteht, oder die Zip Datei mit der SVG nicht vorhanden ist, hier der Link zum Wikipedia Beitrag: https://de.wikipedia.org/wiki/OSI-Modell

Gutes Gelingen!:)
1 Lösung Lösung noch nicht öffentlich
HTML forms mit POST und Fieldset
Anfänger - HTML/CSS von syneex - 26.06.2018 um 10:44 Uhr
Hallo zusammen,

wie man schon im Anhang sehen kann, besteht die Aufgabe darin eine kleine "HTML Form" zu erschaffen. Diese soll GENAU denselben Rahmen haben, wie im beigefügten Bild(nur ein Beispiel zur Vorlage).

Die eigentliche Aufgabe besteht nun darin, eine HTML Form mit Name, Email und Passwort zu erstellen. Hierbei sind nur die Email und das Passwort Pflichtfelder. Das Passwort darf nur im typischen Passwortformat eingegeben werden (schwarze Kreise, statt Buchstaben). Am Schluss des Formulars soll sich ein Submit Button befinden mit der Aufschrift "Einloggen", der von der "index.html" auf die "home.html"(Auf dieser Seite muss sich nichts befinden, es geht lediglich um die Weiterleitung) weiterleitet.

Das Formular an sich soll mit "POST" laufen.

Grüße und viel Spaß,
Sammy
1 Lösung Lösung noch nicht öffentlich
Positionieren zweier Bilder neben einem Text
Anfänger - HTML/CSS von syneex - 04.05.2018 um 14:02 Uhr
Hallo zusammen,

da es bei den HTML Aufgaben so gut wie nichts hat, dachte ich mir, ich lade ein paar hoch.

Nun zur Aufgabe:
Gegeben ist ein Platzhaltertext und zwei Bilder. Der Text und die Bilder sollen, wie in Abbildung "bilder", unter einem Strich stehen, über welchem sich die Überschrift wiederfindet. Hierbei ist die Schriftart egal. Jeweils rechts und links sollen sich die Bilder befinden. Was ebenfalls noch wichtig ist: Die Ecken der Bilder sollen rund sein.

Wichtiges:
- Es soll kein seperates CSS Dokument geben, lediglich Inline CSS bzw. im <style> Block über dem body.

Tipps:
- Falls ihr nicht weiter wisst, könnt ihr einfach die fett markierten Wörter googlen. Meistens kommt man dann auch gleich schon auf das gewünschte HTML Element.

Zum Probieren:
- Ihr könnt probieren die Bilder beide rechts bzw. beide links zu ,um ein bisschen zu üben mit dem Element umzugehen.
- Alles soll in einem div positioniert werden!

Platzhalter:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.

Viele Grüße :)