Test zur Wochenmitte: Webseiten-Vorlage

[Matthias Scharwies]

Servus!

Hallo,

meine neue Webseiten-Vorlage (kostenlos) wendet sich an Menschen, die eine Website erstellen, aber nicht abhängig von Fremdanbietern (CMS, Baukastensysteme) werden wollen. Nutzerseitig sind HTML- und CSS-Grundkenntnisse hilfreich, aber keine Bedingung.

Wow, das ist ja schon ein Kompendium.

Meine Fragen:

a) Sind die im Download-Archiv enthaltenen Musterseiten auch für Menschen geeignet, die (nur) Grundkenntnisse haben? Ein lokaler Webserver ist erforderlich, weil PHP-Seiten erstellt werden.

Da geht imho die Schere auf:

• Wer mit php und htaccess hantieren will oder muss, hat mehr als nur Grundkenntnisse. Wer php kann, installiert innerhalb von 8 Minuten Wordpress und kämpft sich dann durch die Templates.
• Wer keine oder nur wenig Grundkenntnise hat, dem sind die Beschreibungen, wie z. B. hier (Hierarchische Nummerierung ab 2. Listenebene) viel zu ausführlich und zu technisch.^[1]

b) Ist die Dokumentation auf der Website (Anleitungen, Tipps und Hinweise) für Nutzer sinnvoll gegliedert, verständlich und ausreichend?

Ich würde es mehr als ausreichend, eher erschöpfend nennen. Das Durcharbeiten dauert doch bestimmt …

Interessierte Laien suchen doch etwas ready-to-use, die Verwendung von diversen Klassen würde ich weiter reduzieren.

HTML und CSS

@Rolf B hatte schon die Skiplinks angesprochen.

Mir fiel noch auf:

<li tabindex="0" class="keine-anzeige">
  <a href="#" class="kein-href" title="zur 2. Menü-Ebene: Texte erstellen">Texte erstellen: alle Infos</a>
  <ul>
    <li><a tabindex="0" href="./textstrukturierung.php" title="zur Seite Textstrukturierung">Textstrukturierung</a></li>

Ich stoße mich auch ein bisschen an den divs mit den Spalten:

Gleich im ersten Beispiel sieht man, dass sich Worttrennung und Spaltenlayout nicht vertragen.

Ich wollte daraufhin die Schriftgröße verändern und stieß auf body {font-size:18px;} Dort und in den media queries würde ich relative Maße (em) verwenden.

Auf der Seite Merkmale würde ich die Merkmals-Liste als olund nicht als Tabelle notieren.

BTW: Gelb (oder andersfarbig) markieren kannst du mit dem mark-Element.

Apropos Klassen:

Dein Code:

<div class="bquer600">
  <img src="./bilder/103-rhodos-akropolis-q-g.jpg" alt="...">
</div>
<div class="bqtxt600">
  Text zur Bildbeschreibung: ... (Bild: Gösta Thomas)
</div>

Mein Code:

<figure class="landscape">
  <img src="./bilder/103-rhodos-akropolis-q-g.jpg" alt="...">
  <figcation>
    Text zur Bildbeschreibung: ... (Bild: G...)
  </figcaption>
</figure>

Herzliche Grüße

Matthias Scharwies

---

1. → Das ist auch unser Problem bei SELFHTML, dass es für HTML eben „keinen Markt“ mehr gibt. ↩︎