Meine Programmier-Anfänge
Als aller erstes haben wir diese Webseite erstellt.
So konnten wir den Aufbau von HTML-Dateien kennenlernen.
.png)
.png)
Das war unsere aller erste HTML und CSS-Aufgabe.
Wir sollten uns einen Charakter überlegen und alle Details in eine Übersicht packen.
In meinem Fall wurde das dann der Elf Ayana.
CSS-technisch sollten wir noch gar nicht so viel machen, aber da ich unbedingt üben wollte und fand, dass grün gut dazu passen würde, habe ich das noch ergänzt.
Diese Seite haben wir gemeinsam in der Klasse aufgebaut.
Wir sollten lernen, wie man Artikel richtig unterteilt, wie man etwas hervorhebt, wie man mit dem 'abbr' arbeitet, wie wir Listen erstellen, mit Tabellen umgehen, eine Verlinkung setzen, und vieles mehr...
.png)
.png)
Das Erlernte sollten wir dann natürlich üben.
Also habe ich mir mein Lieblingsthema genommen und angefangen.
Wir haben dann auch einen Exkurs zum Textschriften einbinden bekommen, das ich, wie man bestimmt sieht, in der Überschrift sofort getestet habe.
Außerdem habe ich gelernt wie man Bilder in eine Webseite einbindet.
Hier erkennt man, dass wir geübt haben einen Home-Button an den Anfang der Seite festzulegen, ohne das er beim scrollen verschwindet.
außerdem ist hier eine meiner ersten Tabellen zu sehen.
.png)
.png)
Zuvor hatten wir mit Flex geübt. Hierzu habe ich ein schönes Beispiel, bei dem ich Bilder von Anne Stokes verwendet habe, um ein schönes Kartenspielfeld aufzubauen! Siehe Spielfeld-Aufgabe!
Bedenkt, dass das meine erste Flex-Übung war! Daher war ich mit dieser Umsetzung auch wirklich sehr zufrieden!
Hier links zu sehen ist aber dann meine erste Übung zu Grid!
Das war unser erstes Grid-Raster. Wir sollten hierbei versuchen den Aufbau einer normalen Webseite darzustellen.
Das Thema Navigation kann ganz schön kompliziert werden, wie wir an diesem Beispiel gelernt haben.
Dieses Beispiel wurde unsere erste adaptive Menüleiste!
Die einzelnen Menüunterpunkte konnte man hierbei durch das Hovern ausklappen lassen und je nachdem wo die Maus ist, ändert sich auch die Farbe des Textes.
.png)
.png)
Hier ist eine meiner Übungen zuhause.
Ich wollte die verschiedenen Farbverläufe unbedingt ausprobieren!
Dabei habe ich auch einen Weg entdeckt, den Button mit Hilfe eines Farbverlaufs viel ansehnlicher zu gestalten!
Auch das war eine meiner Übungen zuhause.
Hier habe ich mit dem Hovern experimentiert, aber auch die Text-Aufteilungen etc. noch einmal geübt!
.png)
Dazu außerdem zu entdecken!
Natürlich gab es auch einige weitere Übungen die wir gemacht haben!
Abgesehen von der obrig genannten Spielfeld-Aufgabe gab es natürlich auch noch andere.
Zum Beispiel unsere Nostalgames_Aufgabe!
Hier sollten wir eine Webseite erstellen, die an die 70-90er Jahre erinnert!
Da dies nur eine Übung war, bin ich leider nicht ganz fertig geworden, wie man unschwer erkennen kann. Außerdem gab es bei der Umsetzung auch einige Schwierigkeiten.
Aber genau diese Art von Übung hat mich weiter gebracht!
Irgendwann kamen wir dann auch zu JavaScript. Ich muss dazu sagen, dass mir das bisher überhaupt nicht gelegen hat.
Das nächste Beispiel das ich aber gerne ansprechen würde wäre unser in der Schule erarbeitetes Memory. Hier habe ich eigentlich nur selbstständig am Design herumgespielt.
Auch hier aber natürlich wieder mit den Bildern von Anne Stokes!
Das wären erstmal alle Dokumente, die ich als Anfangszeit hier einbinden wollte!
Ich hoffe einige der Umsetzungen gefallen euch trotz einiger Makel!