Ab Aufgaben 3 –
Alle Aufgaben: Ab-Übung-Hmtl
Aufgabe 3
Aufbau eines Html-Dokuments & erste Befehle
Seiten im Internet sind mit der Programmiersprache (Auszeichnungssprache) Html erstellt.
Jeder dieser Seiten hat einen ganz bestimmten Aufbau.
Unter anderem ist die Verwendung von sog. Tags typisch für html.
mit <> wird der entsprechende Tag geöffnet und mit </> wird er abgeschlossen.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Recherchiere unter Verwendung der unterstehenden Links und beantworte die folgenden Fragen. Speichere Deine Antworten in einer Word-Datei mit dem Namen Ab3-DeinName.
WICHTIG: Kopiere unter jeder Aussage, die von Dir benutzte Quelle!
- Wofür steht die Abkürzung html?
- Was wird unter Quellcode (=Source-Code) verstanden?
- Was wird unter sog. Tags verstanden?
- Woran erkennt man einen öffnenden Tag und woran einen sich schließenden?
- Kann der Source-Code einer Internetseite vom Benutzer angeschaut werden, wenn ja wie?
- Wie ist ein Html-Dokument aufgebaut, d.h. aus welchen Elementen besteht jede Html-Seite?
- Was bedeutet
<!DOCTYPE html>? - Was bedeutet <html>?
- Welche Art von Informationen stehen im Bereich zwischen <head> und </head>?
- Welche Art von Informationen stehen im Bereich zwischen <body> und </body>?
- Welche Art von Element ist
<h1>,<h2>,<h3>?Wasbewirktes, wenn<h1> TEXT</h2>zwischen den Tags Text steht? - Welche Art von Element ist
<p>?
- https://www.schulhomepage.de/webdesign/html
- https://www.w3schools.com/html/html_intro.asp
- https://www.kstbb.de/informatik/html/kstbb/01/index.html
- https://www.kstbb.de/informatik/html/kstbb/01/1_1_Grundstruktur_eines_HTML-Dokuments.html
Speichere Deine Worddatei im PDF-Format in Teams/Aufgaben.
Erstellung einer eigenen Homepage in html
Alle Aufgaben: Ab-Übung-Hmtl
Aufgabe 4 –
Erstellung einer Index-Datei
Wir erstellen eine html-Datei (index.html), die wir uns dann im Browser anschauen können.
http://bkovertretung.bplaced.net/wordpress/wfh-webdesign/befehle-html/
Speichere Deine Datei in Teams
Aufgabe 5 – Styles & Farben in Html
Einführende Übung & Information: Ab-Hmtl-Styles&Colors
Aufgabe 6 –
Formatierung von Schriften in Html
https://www.w3schools.com/html/html_formatting.asp
Aufgabe 7
Listen & Emojis in html
AB-EmojLiHtml
Aufgabe 8
Tabellen in html
AB-Tab-html
Aufgabe 9
Bilder, Links u.ä. in html
Aufgabe 10
Styles & Layout (Frames) in html
Aufgabe 11
Die eigene Seite online stellen …
Account bei Santesson ….
Dazu müssen jetzt deine erstellten Daten auf den Webserver übertragen werden. Dies geschieht mit Hilfe eines File-Transfer-Programmes, zum Beispiel FileZilla. 
Wie dies im Einzelnen funktioniert, ist hier am Beispiel von bplaced.net erklärt.
http://bkovertretung.bplaced.net/wordpress/wfh-webdesign/webprovider/
Sobald Deine Seite online ist, teste sie!
Alle Aufgaben: Ab-Übung-Hmtl