16-10-2008
30 Oktober, 200825-09-2008
28 September, 2008HTML:
Diese Stunde lernten wir Tabellen zu erstellen.
Der Code dazu:
<table border=“1″>
<tr>
<td>erste Spalte, erste Zeile</td>
<td>zweite Spalte, erste Zeile</td>
</tr>
<tr>
<td>erste Spalte, zweite Zeile</td>
<td>zweite Spalte, ertse Zeile</td>
</tr>
</table>
table ..steht für die Tabelle
border ..steht für den Rand
tr ..steht für die Zeile
td ..steht für die Spalte
sieht so aus:
| erste Spalte, erste Zeile | zweite Spalte, erste Zeile |
| erste Spalte, zweite Zeile | zweite Spalte, ertse Zeile |
wenn man Zellen verbinden will, braucht man den Befehl colspan:
<table border=“1″>
<tr>
<td colspan=“2″>eine Zeile</td>
</tr>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
</table>
| eine Zeile | |
| bla | bla |
Wenn man die Zeile über drei Spalten haben will muss man bei colspan statt einer „2″ eine „3″ eingeben.
Um den Abstand zwischen Rand Text und Feld zu ändern benötigen wir cellspacing und cellpadding.
Cellspacing:
<table border=“1″ cellspacing=“10px“>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
</table>
| bla | bla |
| bla | bla |
Cellpadding:
<table border=“1″ cellpadding=“10px“>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
</table>
| bla | bla |
| bla | bla |
Die Größe von Tabellen kann man mit width verändern:
<table border=“1″ width=“75%“>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
</table>
| bla | bla |
| bla | bla |
Farbe:
mit bgcolor veränderbar.
<table border=“1″>
<tr bgcolor=“#006600″>
<td>grün</td>
<td>grün</td>
</tr>
<tr>
<td bgcolor=“#1234FF“>blau</td>
<td bgcolor=“#FFFF33″>gelb</td>
</tr>
</table>
| grün | grün |
| blau | gelb |
Bilder:
Um Bilder einzufügen braucht man diesen Code:
<img src=“bild-URL“ alt=“bla“>
bei scr muss man die adresse des Bildes eingeben und alt steht für alternative, wenn das Bild nicht geht.
Link:
einen Link fügt man so ein:
<a href=“adresse.com“ target=“wo es geöffnet werden soll“>name der Seite</href>
z.B.:
<a href=“http://julias1993.wordpress.com“ target=“0″>Julia’s Blog</href>
nimmt man bei target „0″ öffnet sich der Link in einem neuen Fenster, nimmt man „1″ in einem neuen Tab und bei „2″ im selben fenster.
18-09-2008
24 September, 2008HTML Code
Mit hilfe von HTML kann man im Internet leicht eigene Seiten erstellen.
Das Grunderüst:
<html>
<head>
<title> Name der Seite, der in der Fensterleiste oder im Tab erscheint </title>
</head>
<body>
hier kommen alle Fester, Texte, Bilder, bzw. alles sichtbare hin
</body>
</html>
Phase 5:
„Phase 5″ ist ein HTML-Editor in dem man den Code der Seite abtippen kann. Es erleichtert die Arbeit durch verschiedene Hilfen und durch eine Vorschau der Seite.
Wichtig beim abspeichern der Datei: keine Sonderzeichen verwenden, Kleinbuchstaben, Dateinamen nicht länger als 8 Zeichen, Endung .html oder .htm
Netzwelt: Netzwelt.com
Auf dieser Website findet man alle HTML Codes die man für eine Website benötigen kann.
FileZilla:
FTP-Programm (File Transfer Protocol) zum veröffentlichen von den Dateien, die man für die Website braucht (HTML Dateien, Bilder, Lieder, ..) Durch das „rüberziehen“ werden die Dateinen einfach im Internet gespeichert.
FireFox Web Developer:
Mit dieser Toolbar kann man Seiten analysieren, Fehler beim Codeing entdecken, Bilder ausblenden oder in Originalgröße anzeigen lassen (falls sie mit HTML Code verkleinert wurden) oder die einzelnen Teile der Seite ansehen.
