nicht angemeldet
Matthias ScharwiesServus!
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:
- 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.
-
Ich würde die Navigation und die linke Spalte in einer Navigation zusammenfassen. Deine Familie zuerst und dann die Namensliste, alte Zeiten, etc.
-
HTML5-Elemente anstelle von divs
-
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.“
Chico_wau
Der Martin
Gunnar Bittersmann
Rolf B
JürgenB
kai345