Update README.md

This commit is contained in:
Harald G. Mueller 2021-05-18 07:41:03 +00:00
parent 41aacc0215
commit 70efc996ed

View File

@ -2,22 +2,24 @@
Zeitbedarf: ca. 100-120 min Zeitbedarf: ca. 100-120 min
1.) Erstellen und verlinken Sie eine HTML-Seite namens "styleguide.html" und definieren Sie Ihren eigenen Styleguide für Ihre Webseite. Das heisst, Sie bestimmen: 1.) Erstellen und verlinken Sie eine HTML-Seite namens "styleguide.html" (oder "styleguide.php") und definieren Sie Ihren eigenen Styleguide für Ihre Webseite. Das heisst, Sie bestimmen:
- Schriftart und -grösse - Schriftart und -grösse
- Farben-Set - Farben-Set
- Logo und evtl. andere Erkennungsmerkmale - Logo und evtl. andere Erkennungsmerkmale
- Icons & Schaltflächen (Form, Grösse, Verhalten (z.B. hover-Verhalten) - Icons & Schaltflächen (Form, Grösse, Verhalten (z.B. hover-Verhalten)
- Abstände (bei Absätzen, bei Tabellen, um Grafiken herum, ... , ... ) - Abstände (bei Absätzen, bei Tabellen, um Grafiken herum, ... , ... )
- Definieren Sie Header und Footer Ihrer Webseite. Wenn Sie schlau sind, werden Sie dann immer die gleichen Header und Footer via PHP (inlude) immer in der gleichen Form einbinden. - Definieren Sie Header und Footer Ihrer Webseite.
2.) Erstellen und verlinken Sie eine Beispielseite "styleguide_examle.html", die alles was definiert wurde, "richtig" verwenden. 2.) Erstellen und verlinken Sie eine Beispielseite "styleguide_examle.html", die alles was definiert wurde, "richtig" verwenden.
Bemerkung 1: Wenn Sie Bootstrap verwenden, machen Sie eine eigene CSS-Datei und überschreiben Sie dort die Defaultfarben der Schaltflächen (die Defaultfarben sind ja langweilig und benutzen alle) **Bemerkung 1**: Wenn Sie Bootstrap verwenden, machen Sie eine eigene CSS-Datei und überschreiben Sie dort die Defaultfarben der Schaltflächen (die Defaultfarben sind ja langweilig und benutzen alle)
Bemerkung 2: Wenn Sie ein vorgefertigtes Template benutzen, machen Sie entsprechend eine Nach-Analyse dieser oben beschriebenen Punkte samt Ihren Ergänzungen, Erweiterungen und Nach-Justierungen. Sie können auch die oftmals im Template angegebenen Styleguide-Seite benutzen und für Ihre Zwecke anwenden und/oder umbauen und nachdefinieren. Benützen Sie dafür das kaskadierende Konzept der CSS (überschreiben mit dem zuletzt Definiertem). **Bemerkung 2**: Wenn Sie ein vorgefertigtes Template benutzen, machen Sie entsprechend eine Nach-Analyse dieser oben beschriebenen Punkte samt Ihren Ergänzungen, Erweiterungen und Nach-Justierungen. Sie können auch die oftmals im Template angegebenen Styleguide-Seite benutzen und für Ihre Zwecke anwenden und/oder umbauen und nachdefinieren. Benützen Sie dafür das kaskadierende Konzept der CSS (überschreiben mit dem zuletzt Definiertem).
**Bemerkung 3**: Wenn Sie schlau sind, werden Sie dann immer die gleichen Header und Footer via PHP (inlude) immer in der gleichen Form einbinden.
Lassen Sie sich anleiten von diesen Dateien (siehe BSCW-Link) Lassen Sie sich anleiten von diesen Dateien (siehe BSCW-Link)