JQUERY UI
Im Rahmen der Aufgabe wurde eine Webseite erstellt, die einen jQuery UI Slider enthält, mit dem die Körpergröße in cm von 140 bis 210 eingestellt werden kann. Zusätzlich wurde eine DIV mit dem Text „HAK Schwaz“ gestaltet. Diese DIV zeigt einen Tooltip an, wenn man mit der Maus darüberfährt. Der Tooltip enthält den Text: „Die Wirtschaftsschule Nr. 1 im Bezirk Schwaz. Diese Schule wird u. a. vom berühmten Schüler [eigener Name] aus [Wohnort] besucht.“ Der Tooltip wurde mithilfe von jQuery UI umgesetzt.
Der Code wurde von der offiziellen jQuery Website kopiert und anschließend in Visual Studio Code bearbeitet. Als Abgabe wurden Screenshots des Ergebnisses gemacht, um die fertige Webseite zu dokumentieren.
Responsive Design
Im Rahmen der Aufgabe sollten die Datei „international_responsive.html“ und die Banner-Datei bearbeitet werden. In der HTML-Datei sind spezifische Anweisungen enthalten, die umgesetzt werden müssen. Es galt, zwei responsive Anweisungen zu integrieren, um sicherzustellen, dass die Webseite auf verschiedenen Geräten zufriedenstellend angezeigt wird.
Der Code:
Ansicht auf dem PC
Ansicht auf dem Handy
