-

2025-05-11 16:34:07

selfhtml@bildung.social

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

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

Ist dieser Spickzettel zu kompliziert?

https://unterrichten.zum.de/images/a/ae/HTML-Spickzettel.pdf

2025-05-11 16:38:08

™

xmlarbyter@social.tchncs.de

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

2025-05-11 16:44:41

Herr Meinhardt

Klassentroet@mastodon.social

@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.

2025-05-11 16:53:42

Lucas Treffenstädt

lucas@toot.treffenstaedt.de

@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.

2025-05-11 18:57:37

Olivia

fern_wind@body.social

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

2025-05-11 20:09:39

Joachim Ziebs

TexJoachim@blabber.rocks

@selfhtml @ebinger Passt gut, der Spickzettel!

2025-05-11 20:12:09

Ch M[ae][iy]e?r 🇪🇺 🖤 🤍

chbmeyer@digitalcourage.social

@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".

2025-05-11 20:24:45

Allgeier

allgeier@sueden.social

@selfhtml
Würde mit Inline -Styles beginnen, und dann die mehrfach vorkommenden in den Headbereich bringen und in dem Zug die Klassen einführen. Und zu guter Letzt die Styles in ein extern angebundenes Stylesheet ausgliedern. CSS gehört von Anfang an dazu, genauso wie diese drei Arten der Notation. Haben alle ihre Berechtigung.

2025-05-12 04:38:33

Morto Coltese

mortocoltese@social.tchncs.de

@selfhtml

Ich finde ihn rudimentär hilfreich…

2025-05-12 06:22:28

PV Prutting-Vogtareuth

pvpv@katholisch.social

@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 https://de.wikipedia.org/wiki/Klammer_(Zeichen)#Winkelklammern, sondern Kleiner-als- und Größer-als-Zeichen (https://de.wikipedia.org/wiki/Vergleichszeichen#Auszeichnungssprachen). Immerhin: Spitze Klammern findet aus dem Stand sowieso niemand auf der Tastatur.

#fedilz

2025-05-12 06:39:34

Ulrich (Hubzilla)

ulrich@hub.netzgemeinde.eu

@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.

2025-05-14 23:45:30

top

top@norden.social

@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.

2025-05-15 16:39:57

Morto Coltese

mortocoltese@social.tchncs.de

@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…