mirror of
https://gitlab.com/harald.mueller/aktuelle.kurse.git
synced 2024-11-27 20:21:56 +01:00
Update README.md
This commit is contained in:
parent
41aacc0215
commit
70efc996ed
@ -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)
|
||||||
|
Loading…
Reference in New Issue
Block a user