Ansichten BFI
von Daniel Bode
|
1). Ich kann HTML erklären. 2). Ich kenne den Unterschied zwischen HTML und XHTML. 3). Ich kann ein HTML-Grundgerüst erstellen und darstellen. 4). Ich kann einen HTML-Tag anwenden. 5). Ich kann Texte in HTML unterschiedlich strukturieren, formatieren und verknüpfen. 6). Ich kann Fehler in einem Quellcode entdecken und eine Lösung dafür erstellen. 8). Ich kenne die Folgeprobleme beim Einbinden von Frames. 9). Ich kann einfache HTML-Dateien mit dem Editor erstellen. 10). Ich kann die Struktur des Inhalts (HTML) von dem Design (CSS) trennen. 11). Ich kann Webseiteninhalte mit Tabellen strukturieren. 12). Ich kann wichtige Dateiformate im Web und deren Eigenschaften erklärt. 13).Ich kann Grafiken und Bilder in Webseiten einbinden. 14). Ich kann Grafiken und Bilder ergonomisch einbinden. 15). Ich kann die Bedeutung von Farben benennen. 16). Ich kann Farben aufgrund ihrer Psychologischen auswählen und auf einer Webseite zusammenstellen. 17). Ich kann das Schnellwerkzeug auswählen und Grafiken freistellen. 18). Ich kenne das Ebenenprinzip und kann Bilder auf verschiedenen Ebenen bearbeitet. 19). Ich kann eine Navigationsleiste erstellen. 20). Ich kann Buttons entwickeln 21). Ich kann Webseitenelemente zu einem Layout zusammenführen und in HTML- beziehungsweise CSS-Codes überführen. |
|
Anhand der erstellten Dokumentation in Mahahra. Anhand der Webseite. Anhand der Quellcodes.
|
|
Ich muss mir auf verschiedenen Seiten Vorkenntnisse für HTML suchen. Ich brauche ein Programm für die verschiedenen Ebenen wie zum Beispiel Photoshop oder Gimp. Ich benötige einen Input zum Thema Webseiteninhalte mit Tabellen strukturieren. |
|
Ich bin mit dem Ergebnis dieser Woche zufrieden, da ich alle Aufgaben geschafft habe und zeitig fertig geworden bin. Hatte ich irgendwelche Probleme, konnten diese recht schnell und einfach gelöst werden. Allerdings hatte ich mir mehr von der Website vorgestellt, nur ist das als Anfänger kaum möglich. |
HTML
Textauszeichnung:
HTML-Dateien besten aus Text. Für die Textauszeichnung gibt es bestimmte Zeichen aus dem normalen Zeichenvorrat. Der Inhalt von HTML-Dateien steht in sogenannten HTML-Elementen. Diese Elemente werden durch Tags markiert. Fast alle HTML-Elemente werden durch ein einleitendes und abschließendes Tag markiert. Der Inhalt zwischen den Tags ist der Gültigkeitsbereich des entsprechendes Elements. Die Tags werden in spitzen Klammern notiert.
HTML/XHTML:
Der Unterschied zwischen HTML und XHTML ist, dass XHTML die strengere und einfachere parsende-SGM-Teilmenge XML als Sprachgrundlage nutzt. XHTML-Dokumenten genügt also die Syntaxregeln von XML, während bei HMTL die Regeln nicht so streng sind, sodass Groß- und Kleinschreibung egal sein kann und auch mal der Endtag fehlen kann. Dadurch können auch mal Fehler auftreten.
Das HTML-Grundgerüst
Eine gewöhnliche HTML-Datei besteht aus folgenden Komponenten
- Dokumentttyp-Deklaration (Welche HTML-Version)
- <html> also das HTML-Wurzelement, darin enthalten sind:
- Header (Kopfdaten, Titel usw.)
- Body (Inhalt mit anzuzeigenden Inhalten, wie Text mit Überschrift, Grafiken, Verweise Grafikreferenzen usw.)
Bildergalerie
| ‹ « |
|
› » |
Die wichtigsten HTML-Tags
Absatzwechsel:
- neue Zeile: <br>
- neuer Absatz: <p>
- neuer Absatz, linksbündig: <p align="left">...</p>
- neuer Absatz, zentriert: <p align="center">...</p>
- neuer Absatz, rechtsbündig: <p align="right">...</p>
Schriftgröße:
- <font size=+2> Text </font>
- <font size=+1> Text </font>
- <font size=-1> Text </font>
Textfarbe:
- <font color=red>Text</font>
- <font color=green>Text</font>
Bilddatei:
<img src="bild001.gif" align="right">
- optionale Ausrichtung:
- rechts: align="right"
- links: align="left"
- rechts: align="center"
- optional: Größe verändern:
- Weite und Höhe in Pixel angeben: width=100 height=50
Grafik:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"Bsp">
<html>
<head>
<title>Grafikreferenz definieren</title>
</head>
<body>
<h1>Bsp</h1>
<p><img src="Bsp" alt="Bsp"></p>
</body>
<title>Breite und Höhe von Grafiken</title>
<p><img src="Bsp" width="368" height="383" alt="Tanzbär"></p>
Creative Commons Lizenz
HTML Dokumentation von Daniel Bode ist mit einer Creative Commons Namensnennung - Keine kommerzielle Nutzung - Keine Bearbeitung 3.0 3.0 Unported Lizenz ausgestattet.
Jede der Bedingungen kann aufgehoben werden, sofern Sie die ausdrückliche Genehmigung von Daniel Bode dazu erhalten.
Profilinformation
- Vorname: Daniel
- Nachname: Bode
- E-Mail Adresse: daniel-bode@hotmail.de
Frame
Was ist ein Frame?
Frames sind Teile von Teile einer HTML-Seite, die in einer anderen HTML-Seite dargestellt werden. Dadurch kann man seine Seite zum Webbrowser machen.
Zu welchen Problemen kann das führen?
Frames erwecken den Anschein, dass der Inhalt den sie darstellen, der eigenen Seite gehört. Dies ist jedoch ein Verstoß gegen das Urheberrecht. Hat man jedoch die Erlaubnis, die Inhalte darzustellen, muss man sich im Klaren darüber sein, dass man auch für deren Inhalte haften muss. Sollte man es allerdings schaffen deutlich erkennbar die Fremdheit der Inhalte zu zeigen, kann man sich der Haftung entziehen.
Fehler im Quellcode finden
Um Fehler im Quellcode zu finden, habe ich mir eine Seite rausgesucht, der mir alle Fehler anzeigt.
http://validator.w3.org/#validate_by_input
Mit dieser Seite konnte ich die Quellcodes gut korrigieren, er zeigt mir die Fehler alle an, allerdings keine direkte Lösung. Diese musste ich mir selber erarbeiten.
