Teilnehmer die wissen wollen was Responsive Design ist und wie man selbststädig aus einen Statischen Seite ein Responsive Design erarbeitet. Die Teilnehmer sollten aufgeschlossen sein und aktiv mitdenken den es wird ein aktiven Programmierteil geben.
Testen ob eine Webseite “Responsive” ist. Die Vor und Nachteile von Responsive Design. Was Mobil First bedeutet, Welche Marketing Hintergründe das Responsive Design hat. Welchen Einfluss es auf den Algorithmus von Google Reserach hat.Die verschiedenen Layouttypen und Methoden um Responsive Design anzuwenden.
Eigener Rechner mit Browser (inkl. Web Development Tools, z.B. Chrome, Safari), Code Editor, Internetzugang z.B. via VPN oder Eduroam. Sauberes semantisches HTML Markup aus den HTML Workshops.
Verschiedene Responsive Designs auf einer Seite
Reponsive Design in einem Blick
A1) Sorgt dafür, dass die beiden Elemente, sobald der Text aus dem Rahmen läuft, untereinander stehen (Column Drop)
A2) Der Text soll immer an die Breite angepasst werden und mittig stehen. Er darf nicht größer als die Ursprungsgröße werden
A3) Die Katze soll in der Mitte bleiben. Tipp:sie ist genau in der Mitte des Bildes
A4) Allgemein: Der Inhalt der Seite soll auf jeder Bildschirmgröße richtig angezeigt werden. Der Footer kann unsichtbar gemacht werden.
Zum Herunterladen aller Aufgaben hier draufgehen
Kleine Halbzeitansprache
Anmeldung zur finalen Challenge im PSSO
Bitte denken Sie daran sich zur finalen Challenge im PSSO anzumelden. Anmeldephase ist vom 13.11.2017 bis 24.11.2017 und die Abmeldephase vom 27.11.2017 bis 05.12.2017.
Als Vorbereitung zur finalen Challenge bieten wir am 16. November um 9:00 Uhr ein Challenge Training an. Das Thema können Sie bereits jetzt einsehen.