Lektion 1 Basics

1. Erstelle auf dem Schreibtisch einen Ordner «Website***»

*** = Dein Vorname

2. Erstelle in diesem Ordner einen weiteren Ordner «Materialien»

3. Suche im Programmordner das Programm «Smultron» (Erdbeere) und öffne es.

4. Sichere diese Smultron Datei als «index.html» im Ordner «Website***» (Nicht «Materialien»!)

*** = Dein Vorname

5. Erstelle das HTML-Grundgerüst

6. Schreibe einen Steckbrief von dir zwischen <body> und </body>.

Zoom

Manchmal genügen Stichworte, Namen, manchmal sind ganze Sätze nötig.

7. Ziehe das Dateisymbol in der Titelleiste auf Safari.

8. Problem Zeilenumbrüche: Setze dort wo du einen Zeilenumbruch haben willst ein <br> Am Schluss sichern!

Bei mir sieht das dann so aus.

9. Öffne die Datei wieder mit Safari, wenn du sie geschlossen hast. Andernfalls lade sie neu, wenn sie noch offen ist.

10. Problem: Umlaute und andere Zeichen wie ä, ö, é, etc werden nicht korrekt angezeigt.

Lösung: Entities &……;

11. Suchen und Ersetzen > Bearbeiten > Suchen > Advanced Find & Replace

Du kannst die Umlaute auch manuell ersetzen.

12. Öffne/Aktualisiere die Datei in Safari.

13. Problem: Der Steckbrief soll einen Titel haben «Über mich» => Lösung: h1, h2, …

=> Schliesstag* nicht vergessen </h2>
=> h1 ist der grösste Titel. Welches ist der kleinste? Ausprobieren!
*«tag», sprich «tääg», Englich für «Abgrenzer»