hhmx.de

Föderation DE So 11.05.2025 16:34:07

Liebes
Ich bin schon wieder angesprochen worden, wie man eine Webseite erstellt, bzw. wie man das im Unterricht durchnimmt.

Grundgerüst und wichtigste -Elemente sind klar. Sollte man statt style-Attributen evtl. doch einen style-Bereich im head anlegen?

Ist dieser Spickzettel zu kompliziert?

unterrichten.zum.de/images/a/a

Föderation DE So 11.05.2025 16:38:08

@selfhtml Ähm, natürlich sollten es externe Stylesheets sein, weißte selbst. ;)

Föderation DE So 11.05.2025 16:43:50

@xmlarbyter @selfhtml
Problem: Das was die 7. Klässler mitbringen:
- kein <!DOCTYPE html>
- keine Zeichenkodierung
- <h1=colour:green;front-size:250%">

„Warum funktioniert das nicht?“

Grad nen Film auf lehrerfortbildung-bw.de gesehen:

<body bgcolor="" ...>
<p align="center">...</p>

hmpfgrmbl

Föderation DE So 11.05.2025 16:48:09

@selfhtml Ja, schlimm. Aber die kommen dann vielleicht an Hochschulen und erzählen uns, was in der Schule dran war oder auch gar nicht vorkam.

Föderation DE So 11.05.2025 16:44:41

@selfhtml Also ich als Nicht-ITler habe wenige Probleme in Bezug auf die Programmiersprache, allerdings weiß ich z.B. bei "ist eine Auszeichnungssprache,
die die logischen Bestandteile einer Webseite nach ihrer semantischen
Bedeutung beschreibt" nicht, was "Auszeichnungssprache", "logische Bestandteile" und "semantische Bedeutung" bezeichnen sollen.

Föderation DE So 11.05.2025 17:06:52

@Klassentroet @selfhtml besser?

„HTML ist keine Programmiersprache. Sie ist eine Auszeichnungssprache,
die den Inhalt nach seiner Bedeutung strukturiert.“

Auszeichnungssprache würde ich im PDF verlinken.

Föderation DE So 11.05.2025 16:53:42

@selfhtml Hmm, zum Lernen sind inline styles vielleicht gar nicht so schlecht. Erstmal lernen, was das überhaupt tut. Nach einiger Zeit merkt man dann schon selbst, wie aufwändig das ist, jedes tag einzeln zu stylen, und dann kann man mit Stylesheets & Selektoren vereinfachen.

Föderation DE So 11.05.2025 18:57:37

@selfhtml
Vielleicht noch "root" und "Kind" beschreiben.
Ansonsten finde ich den Spickzettel gut.

Föderation DE So 11.05.2025 20:09:39

@selfhtml @ebinger Passt gut, der Spickzettel!

Föderation DE So 11.05.2025 20:12:09

@selfhtml Ja, unbedingt Fokus auf HTML und die Struktur.

WYSIWYG wie in Word ist Käse und führt zu Verständnisproblemen.
Warum also nicht erst einmal ganz auf CSS verzichten?

Danach kann man mit Styling anfangen, aber zuerst nur bezogen auf die einzelnen Selektoren. Gerne im HEAD, weil man dann alles in einer Datei hat / auf einen Blick sieht.

Wenn das klar ist, dann kann man das auch in ein externes Stylesheet auslagern.

Ich würde bei Anfängern aber auf keinen Fall CSS-Klassen und IDs einführen, und auch die individuellen style-Atribute tragen nicht zum Verständnis, einem guten Stil oder der Akzeptanz bei. Das ist dann wieder nur so eine Anfänger-Pfuscherei wie bei Textverarbeitungsprogrammen.
(gut, *irgendwann* kommt man natürlich dann doch an den Punkt, wo man das möchte, aber vor den Spezialfällen bitte erst einmal "das große Ganze".

Föderation DE Mo 12.05.2025 04:38:33

@selfhtml

Ich finde ihn rudimentär hilfreich…

Föderation DE Mo 12.05.2025 06:22:28

@selfhtml Ich war und bin auf den Seiten oft unterwegs, aber erst beim Spickzettel ist es mir aufgefallen: „Fast alle HTML-Elemente werden durch ein einleitendes und ein abschließendes Tag *in spitzen Klammern* notiert.“ Gemeint sind aber gar keine de.wikipedia.org/wiki/Klammer_, sondern Kleiner-als- und Größer-als-Zeichen (de.wikipedia.org/wiki/Vergleic). Immerhin: Spitze Klammern findet aus dem Stand sowieso niemand auf der Tastatur.

Föderation DE Mo 12.05.2025 06:30:24

@pvpv
@selfhmtl

Ja, Wahnsinn! Das ist noch nie jemandem aufgefallen.
Ich diskutiere mal im SELF--Forum, ob man
- einfach "<" und ">"
- Kleiner-als- und Größer-als-Zeichen
- Vergleichszeichen

verwenden soll.

Nochmals vielen Dank!

PS: Wikipedia verwendet:
Ein Starttag beginnt immer mit dem Zeichen <.

Föderation · Mo 12.05.2025 06:39:34

@SELFHTML e.V. Die jetzigen Regeln für dieses ganze Webseitengedönse sind ja nicht vom Himmel gefallen. Echtes Lernen ist für mich immer, wenn ich selbst merke, dass es irgendwie hakt, besser sein könnte.
Also mal ganz dumm. Man zeigt ein, in jeder Hinsicht unformatierte Dokument ohne Bilder. Und dann werden die meisten sagen. Wasndasn. Das ist nicht Internet, wie wir das kennen. Ach?
Und dann geht es los.

Föderation DE Mi 14.05.2025 23:45:30

@selfhtml
In dem Spickzettel hat sich noch ein Fehlerchen eingeschlichen. Auf Seite 2 steht direkt über „background-color“ die Angabe „border“ für die Schriftfarbe. Ich denke mal, da sollte doch „color“ stehen.

Föderation DE Sa 17.05.2025 18:04:23

@top

Vielen Dank! JA

ist ausgebessert!

Föderation DE Do 15.05.2025 16:39:57

@selfhtml

Noch eine Anmerkung: Praktisch alle »Das-sind-die-nötigsten-HTML&CSS-Befehle-Anleitungen« klammern immer die Navigation aus (ist ja auch ein schwieriges Thema). Aber gerade die Navigation ist für die meisten doch das Wichtigste, nachdem sie es erfolgreich geschafft haben eine Website mit Überschrift und Text auf die Beine zu stellen…