Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
lehrkraefte:snr:informatik:glf22:html-css:projekt-anregungen [2023/05/14 18:32] Olaf Schnürer [Einige Anregungen] |
lehrkraefte:snr:informatik:glf22:html-css:projekt-anregungen [2024/02/15 21:57] (current) Olaf Schnürer [Einige Anregungen] |
||
---|---|---|---|
Line 18: | Line 18: | ||
===== Einige Anregungen ===== | ===== Einige Anregungen ===== | ||
- | Als Anregung einige | + | Nette Beispiele |
- | Empfohlenes Vorgehen: Wenn dir ein " | + | Als Anregung folgen unten einige Beispiele für relativ einfache, aber nützliche Gestaltungsmöglichkeiten (die darin vorkommenen HTML-Elemente '' |
+ | |||
+ | Empfohlenes Vorgehen: Wenn dir ein " | ||
+ | <WRAP center round important> | ||
+ | Speichere die entsprechende zip-Datei auf deinem Rechner und **entpacke sie richtig** (rechte Maustaste, " | ||
+ | |||
+ | Nur anklicken der zip-Datei liefert irgendeine Art virtuelle Windows-Pseudoentpackung und dann funktioniert die Seite vermutlich nicht. | ||
+ | </ | ||
+ | |||
+ | Spiele mit HTML- und CSS-File: Ändere etwa einen Parameter und schau dir den Effekt an! Wiederhole dies, bis du so viel wie möglich verstehst. Dann passe den Code so an, dass er deinen Wünschen entspricht! | ||
* Layout mit verschiedenen Boxen: | * Layout mit verschiedenen Boxen: | ||
* {{https:// | * {{https:// | ||
* {{: | * {{: | ||
+ | * **NEU**: Vertikales Menü (mit JavaScript): | ||
+ | * Mausklick links zum Anschauen, Mausklick rechts zum Download: {{ : | ||
+ | * **NEU**: Horizontales Menü (nur mit HTML und CSS): | ||
+ | * {{https:// | ||
+ | * {{: | ||
+ | * **NEU**: Bild als Mauszeiger: | ||
+ | * {{https:// | ||
+ | * {{: | ||
* Per Buttons verschiedene Texte anzeigen und einfärben (abstrakt: CSS-Eigenschaften ändern mit Buttons): | * Per Buttons verschiedene Texte anzeigen und einfärben (abstrakt: CSS-Eigenschaften ändern mit Buttons): | ||
* {{https:// | * {{https:// | ||
* {{: | * {{: | ||
- | * Inhalte mit einem " | + | * Inhalte mit einem " |
* {{https:// | * {{https:// | ||
* {{: | * {{: | ||
Line 48: | Line 65: | ||
* CSS Flexboxes: https:// | * CSS Flexboxes: https:// | ||
- | * Schweizer Karte integrieren | + | * Schweizer Karte integrieren |
* HTML Graphics ('' | * HTML Graphics ('' | ||
* Parallax Scrolling: https:// | * Parallax Scrolling: https:// | ||
Line 124: | Line 141: | ||
Das Ziel ist nun, deine Website von deinem Rechner auf einen Rechner des Tech-Lab (= den Tech-Lab-Server) zu übertragen, | Das Ziel ist nun, deine Website von deinem Rechner auf einen Rechner des Tech-Lab (= den Tech-Lab-Server) zu übertragen, | ||
+ | |||
+ | Dazu benötigst du Benutzernamen und Passwort, welche du von mir erhältst. | ||
<WRAP center round important> | <WRAP center round important> | ||
Line 132: | Line 151: | ||
- | Dies ist in dem Link unten erklärt. Eventuell werde ich das auch einmal vormachen. Ich empfehle, die Website NICHT öffentlich zugänglich zu machen - je nach Inhalt und eventuellen Copyright-Verletzungen kann das sonst sehr unangenehm und kostspielig werden! Wer sein Passwort ändert, merke sich das neue Passwort bitte gut. Ich habe keine Lust, neue Accounts zu kreieren bzw. kreieren zu lassen. | + | Wie das geht, ist in dem Link unten erklärt. Eventuell werde ich das auch einmal vormachen. Ich empfehle, die Website NICHT öffentlich zugänglich zu machen - je nach Inhalt und eventuellen Copyright-Verletzungen kann das sonst sehr unangenehm und kostspielig werden! Wer sein Passwort ändert, merke sich das neue Passwort bitte gut. Ich habe keine Lust, neue Accounts zu kreieren bzw. kreieren zu lassen. |
- | Deine Website wird sich später in einem geeigneten Unterverzeichnis von [[https:// | + | Deine Website wird sich später in einem geeigneten Unterverzeichnis von [[https:// |
+ | < | ||
+ | Die Erklärungen in dem folgenden Link beziehen sich teilweise auf die Schulcomputer und das Jahr 2022, sollten aber sinngemäss weiterhin stimmen. | ||
+ | |||
+ | * [[lehrkraefte: | ||
+ | * [[https:// | ||
* [[https:// | * [[https:// | ||
* eventuell auch nützlich: [[https:// | * eventuell auch nützlich: [[https:// | ||
+ | --> | ||