Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
gf_informatik:web:gridlayout [2022-11-01 21:29] hofgf_informatik:web:gridlayout [2023-11-07 10:22] (aktuell) – [Auftrag III (Kombination der beiden Websiten)] gra
Zeile 15: Zeile 15:
      * Dazwischen links: Platz für eine Sidebar      * Dazwischen links: Platz für eine Sidebar
      * Platz rechts davon, zwischen Header und Footer: Mehrere Rasterbereiche mit unterschiedlicher Grösse für Hauptinhalt.      * Platz rechts davon, zwischen Header und Footer: Mehrere Rasterbereiche mit unterschiedlicher Grösse für Hauptinhalt.
-   * Arbeite in Chrome im [[gf_informatik:web:css#entwicklungsmodus|Entwicklungsmodus]].+   * Arbeite in Chrome im [[gf_informatik:web:css_2022#entwicklungsmodus|Entwicklungsmodus]].
    * Die Website könnte etwa so aussehen:{{ :gf_informatik:web_sca:grid_layout_example_01.png?400 |}}    * Die Website könnte etwa so aussehen:{{ :gf_informatik:web_sca:grid_layout_example_01.png?400 |}}
  
Zeile 30: Zeile 30:
    * Erstelle dazu eine neue Website mit einem Grid-Layout, welches zu deiner ersten Website passt.    * Erstelle dazu eine neue Website mit einem Grid-Layout, welches zu deiner ersten Website passt.
    * Kopiere dann die Inhalte von dieser hinein.    * Kopiere dann die Inhalte von dieser hinein.
-   * **Schicke** der Lehrperson per Teams Screenshots von Website im Browser, HTML- und CSS-Code bis am **kommenden Samstag 23.59**+
  
 ==== Grid Einrichten ==== ==== Grid Einrichten ====
Zeile 118: Zeile 118:
    * https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid    * https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid
    * https://css-tricks.com/snippets/css/complete-guide-grid/    * https://css-tricks.com/snippets/css/complete-guide-grid/
- 
  • gf_informatik/web/gridlayout.1667338150.txt.gz
  • Zuletzt geändert: 2022-11-01 21:29
  • von hof