Die 1. Aufgabe in IMSK war es, einen HTML Code zu schreiben ,der eine Tabelle mit folgenden Inhalten darstellt:
3 Fußballclubs in der Champions League, deren Flaggen als Bilder einfügen, die jeweiligen Logos und einen Links auf die Websites der Clubs.
Als ich begann, den Code zu schreiben, fiel mir schnell auf, dass ich nicht mehr weiter weiß. Darum habe ich eine Aufgabe zu Tabellen, die wir in der Schule gemacht haben als Vorlage genommen um mich zu orientieren. Nachdem ich fast fertig war und wieder eine Blockade hatte, nahm ich schlussendlich ChatGPT zur Hilfe. Ich ließ einen Code generieren und bearbeitete ihn noch, damit die benötigten Bilder eingefügt werden.
Bilder: Bei Bildern ist es im Visual Studio Code wichtig, dass man die richtige Größe erreicht, denn sollte man zum Beispiel die Bilder zu groß machen, sind sie zu verpixelt und passen nicht mehr auf die Website.
Diese Größe kann man in HTML (Visual Studio Code) verändern, indem man die Pixel mit “height” und “width” px festlegt. Hier musste ich öfters herumspielen, um die passende Größe sowie Ausrichtung zu erreichen.
Links: Links bzw sogenannte HyperLinks kann man mithilfe des “href” Tags erstellen. Wenn ich auf ein Wort klicke, befindet sich dahinter ein Link, der mich auf eine Website bringt. Hier kann man ebenfalls selbst festlegen, ob man auf eine zusätzliche Registerkarte geschickt wird, oder es auf der gleichen geöffnet wird.
Hier ein Screenshot:
WordPress: Startseite
Hier war es unsere Aufgabe, eine Startseite über uns, auf einer neuen Website zu gestalten.
Über mich
Es sollten einerseits ein paar Informationen über uns und unser Leben auf der Website vorhanden sein, aber auch unsere zukünftigen Ziele nach der HAK.
Diese Aufgabe war sehr einfach zu lösen, da ich schon zu Hause viel mit meinem Theme gearbeitet habe.
Es war jedoch etwas umständlich meine gewünschte Formatierung zu verwenden, da ich dieses Theme schon länger nicht mehr zu diesem Zweck verwendet habe.
Was bei dieser Aufgabe äußerst zu beachten war, ist die Verwendung von Urheberrechtlich sauberen Bildern. Diese habe ich auf Seiten wie Pixabay oder Unsplash gefunden und die passenden eingefügt.
Hier ein Screenshot
