page4 GmbH
Brekling 23
D-24881 Nübel
Telefon +49 4621-97874-16 (kein telefonischer Support)
Telefax +49 4621-97874-50
Germany
Vertretungsberechtigter Geschäftsführer
Manfred F. Schreyer
Email an die Geschäftsleitung
USt-IdNr.: DE340109257
Als "Footer" haben wir für die Seite „Impressum“ dieses Mal eine Google Map eingebaut. Das geht ganz einfach. Du rufst die Seite https://www.google.com auf und suchst den Ort bzw. die Adresse, welche du gerne anzeigen lassen willst.
Normalerweise erscheint dann rechts auf deinem Monitor die Karte und unter deiner Eingabe Informationen zu dem Ort. Dort findest du auch die Funktion "Teilen". Wenn du darauf klickst, erscheint ein Fenster mit zwei Optionen: "Link teilen" und "Karte einbetten".
Du klickst dann auf "Karte einbetten" und kopierst den Code in deinen HTML-Content. Damit die Karte auf die volle Breite ausgedehnt wird, musst du im Code noch etwas ändern. Irgendwo steht die Breite, meist width="600". Das ist die maximale Breite der Karte. Die Zahl 600 – oder was immer da steht – ersetzt du einfach durch 100%. Das ist alles. Daraufhin wird die Karte immer so breit wie möglich angezeigt. Wenn du keine bestimmte Breite angibst, dann wird immer die volle Breite benutzt. Die Einbettung der Karte würde also auch funktionieren, wenn du den Wert komplett löschst.
Feste Breiten solltest du in einem HTML-Code vermeiden. Der "Footer" auf der Startseite ist ebenfalls ein HTML-Element. Hätten wir einen Footer im eigentlichen Sinn benutzt, dann wäre er aktuell auf jeder Seite zu sehen gewesen (wie die Fußzeile bei Word). Wir haben den Content einfach kopiert und dann hier auf der Impressum-Seite wieder eingefügt. Jetzt wird zuerst die Karte angezeigt und danach dann der gleiche Footer wie auf der Startseite, nur in einer anderen Farbe.
HTML ist extern zugefügter Code. Daher musst du als User selbst darauf achten, dass dieser Code responsive ist, also auch auf mobilen Geräten gut zu lesen ist. Wir haben das hier nicht gemacht, da es nur eine Musterseite ist, um dir neue Funktionen zu zeigen. Der Footer wird daher auf mobilen Geräten nicht perfekt aussehen.