Schuljahr 2001/2002
Schule online
Informatik 5A Jahresplan
Informatik 4B/4C Jahrespl.
Informatik Lernen 5A
Informat. Lernen 4B/4C
Deutsch 5A
Deutsch 1A
Mathematik 4BR
Mathematik 1A
Inhaltsverzeichnis
Home
| GESTALTE DEINE EIGENE HOMEPAGE |
||
|
|
|
| Schritt 1 : | Lies den Text genau durch und präge dir die wichtigen Begriffe ein! |
|
| INTERNET | Weltweit größtes Computernetz mit einem allgemein
zugänglichen Informationsangebot |
|
| HTML | Hypertext Markup Language, ist die Programmiersprache die im Internet benutzt wird |
|
| http | Hypertext Transfer Protokoll, dient zur Übertragung der HTML Dokumente und multimedialer Daten |
|
| HYPERTEXT LINK |
Ein vorgehobenes Textstück, dass beim Anklicken eine neues Dokument öffnet |
|
| WWW | World wide web, ist ein Hypertextsystem, das aus Textdokumenten und Links besteht |
|
| TAG | Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte Tags markiert. Fast alle HTML-Elemente werden durch ein einleitendes und ein abschließendes Tag markiert. Tags werden in spitzen Klammern notiert. (< >) |
|
| HEAD | "Kopf", enthält den Titel und andere Spezifikationen eines HTML-Dokuments |
|
| BODY | "Körper", enthält den Anweisungsteil eines HTML-Dokuments |
|
| QUELLLCODE | So nennt man den gesamten Inhalt des HTML-Dokuments |
|
| EDITOR | In einem Editor schreibst du den ganzen Quellcode hinein. |
|
| Um HTML-Dokumente zu programmieren gibt es normale Text-Editoren oder HTML-Editoren. |
||
| jpg, gif | Willst du Bilder auf deiner Internetseite verwenden, musst du sie im jpg- (bild.jpg) oder gif-Format (bild.gif) abspeichern. |
|
| .html .htm |
Wenn du eine Homepage gestaltest, musst du die Endung .html oder .htm an den Dateinamen hängen! |
|
| Internet Explorer |
Ist der Browser (Software) von Microsoft, der Internetseiten darstellt |
|
| Netscape Navigator |
Ist der Browser (Software) von Corel, der Internetseiten darstellt |
|
| Schritt 2 : | Öffne das Dokument text.doc und speichere es in deinem Ordner. |
|
| Fülle den Lückentext am Computer aus, füge eine Fußzeile ein, in der dein Name steht und drucke ihn aus. |
||
| Schritt 3 : | Lies dir die Erklärung zum HTML-Editor durch. |
 |
| Schritt 4 : | Zum Verändern der Schriftart, Schriftgröße, Schriftfarbe und Hintergrundfarbe brauchst du folgende Tags. |
|
| Überschriften: <h1>dies wird eine Überschrift in h1</h1> <h2>dies wird eine Überschrift in h2</h2> <h3>dies wird eine Überschrift in h3</h3> <h4>dies wird eine Überschrift in h4</h4> |
||
| Schriftarten = font face
<font face="Arial, Helvetica">Das ist ein Text in der Schriftart Arial.</font> |
||
| Schriftgröße = font size
Die Normalschriftgröße ist 3. Mit "+(Zahl)" wird die Schrift größer, mit "-(Zahl)" wird die Schrift kleiner. Du kannst die Größen auch mit Zahlen von 1 bis 7 angeben, z.B. so : <font size=7>Ziemlich riesiger Text</font> oder <font size=+4>Ziemlich riesiger Text</font>. |
||
| Schriftfarbe = font color
<font color="#XXXXXX">Diese Homepage ... </font> |
||
| Kombination der Schriftattribute:
<font color="#FF00CC" size=7 face="Arial, Helvetica">Ziemlich riesiger Text</font> |
||
| <b>fetter Text</b> bewirkt fett formatierten Text (b = bold), |
||
| <i>kursiver Text</i> bewirkt kursiv formatierten Test (i = italic). |
||
| Hintergrundfarbe = bgcolor (background color)
Mit <body bgcolor="#3300CC"> färbst du den Hintergrund blau. |
||
| Weitere Informationen findest du auf den Seiten:
http://www.netzwelt.com/selfhtml/html/dateiweit/farben.htm
|
||
| Schritt 5 : | Öffne die Seite "Meine erste Homepage" (hier Klicken). |
|
| Schritt 6 : | Speichere die Seite unter "erste.html" in deinem Ordner!
Achtung: Achte auf die Endung html! Der Name einer HTML-Datei darf höchstens aus 8 Buchstaben bestehen, Sonderzeichen sind verboten! |
|
| Schritt 7 : | Öffne nun den HTML Editor. |
 |
| Öffne die Seite "erste.html"
Verändere die Homepage: |
||
| (I) (II) (III) (IV) |
Füge einen eigenen Titel ein!
Verändere die Hintergrundfarbe! Verändere die Schriftgröße! Verändere die Schriftart! |
|
| Achtung: Nach jeder Veränderung musst du deine Seite erneut speichern! Du kannst jeder veränderten Seite einen anderen Namen geben, z.B.: "erste1.html"; "erste2.html"; ... |
||
| Schau sie dir danach im Browser an!
Entferne <div align="center"> und </div>. Was passiert? Ersetze "center" durch "left" und "right". Was passiert? Entferne die Tags <br>. Was passiert? Füge weitere <br> - Tags hinzu! |
||
Übersicht