Antwort an „Matthias Scharwies“ verfassen

Servus!

Hallo Leute,

ich bin ein etwas älteres Semester (Jahrgang 1944) und habe meine Homepage (www.ahnenforschung-scharnberg.de) vor 18 Jahren erstellt, nachdem ich mir Selfhtml und CSS autodidaktisch beigebracht habe.

Herzlich willkommen zurück!

2003 waren Mobilgeräte noch nicht so vertreten wie heute, deshalb ist die Seite auch nicht an Mobilgeräte angepasst. Geht das auf einfache Weise oder muss ich dafür Selfhtml und CSS komplett neu lernen? Google beklagt sich z.B., dass die Nutzerfreundlichkeit meiner Seite für Mobilgeräte schlecht sei - und das kann ich auch verstehen. Ich würde meine Seite gern an die heutigen Mobilgeräte anpassen, weiß aber nicht, ob ich die dafür notwendigen Techniken überhaupt noch verstehe.

Gibt es dafür eine einfache Methode, die selbst ich verstehe?

Lies dir mal die ersten zwei Kapitel zum Grundverständnis durch, dann das dritte, was konkret geändert werden soll.

In Deinem Fall auf die Schnelle:

  1. HTML-Grundgerüst
<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

Achtung: Zeichencodierung nicht nur angeben, sondern alle Dateien auch so speichern.

  1. Ich würde die Navigation und die linke Spalte in einer Navigation zusammenfassen. Deine Familie zuerst und dann die Namensliste, alte Zeiten, etc.

  2. HTML5-Elemente anstelle von divs

  3. CSS Bis jetzt hast du floats verwendet. Studier mal das Grid Layout und versuche (d)eine Seitenstruktur in Grid Layout zu realisieren.

Du kannst uns jederzeit fragen, wenn Du nicht weiter weißt!

Herzliche Grüße

Matthias Scharwies

--
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen