Do 10. Jun 2010, 15:39
Was ist/ Woraus besteht HTML
HTML ist eine Programmiersprache mit der man ganz einfache Hompages machen kann. Ein HTML code besteht meistens aus einem öffnendem Tag und einem schließendem Tag. In diesen Tag kann man noch zusatz Codes machen kann, die den code bzw. das was in dem Code ist verschönert , ausrichtet oder weitere Sachen macht. Um überhaupt eine HTML Seite machen zukönnen braucht man oft den Code:
- Code:
<html>(öffnen: gibt an das das was dadrin ist eine HTML Seite ist.)
<head>(öffnen: dadrin ist die Kopfzeile)
</head>(schließen: dadrin ist die Kopfzeile)
<body>(öffnen: hier kommt der inhalt rein den man auf der Seite sieht)
</body>(schließen: hier kommt der inhalt rein den man auf der Seite sieht)
</html>(schließen: gibt an das das was dadrin ist eine HTML Seite ist.)
Schritt 1 Die Vorbereitungen
Also das was ich euch jetzt erzähle müsst ihr nicht so machen ich finde es ist so am einfachsten aber jedermanns eigene Entscheidung.
Also ich über lege mir erst welche und wie viele Seiten ich mache dann welche in jeder seite verlinkt sein soll also so wie bei richtigen Home pages wenn da jetzt so ein Menü ist:
Home
Kontakt
Partnerseiten
Buch
Dann hat der der die Homepage gemacht hat aha ich will Home...(die sachen wie oben) überall verlinkt haben dass ich da jeder Zeit hin kann. Aber zb. Man kann nur im Buch auf eine andere seite gehen.Dann überlegt man sich wie die Seiten heißen sollen zb. Index.htm(ganz wichtig das die erste Seite index heißt) s1.htm... So das solltet ihr immer vorher machen aber müsst ihr nicht(Schreibt es euch am besten auf wie die Seiten heißen sollen usw.).
Um die Codes überhaupt schreiben zu können braucht ihr folgendes Programm(damit geht es leichter aber ihr könnt auch den Normalen Editor unter Start/Alle Programme zubehör und dann Editor benutzen):
WeaverslaveUm die Website später hochzuladen(braucht ihr für HA) braucht ihr das Programm:
FilezillaSchritt 2 Das Menü und der Text
Ganz wichtig man kann Testen will wie eine Seite aussieht einfach die Datei speichern(sollte man eh zwischendurch machen) und einfach die Datei mit eurem Browser öffnen.
Also als erstes machen wir einen neuen Ordner für die Website und dort drin eine neue Datei namens "index.htm". In diese Datei schreiben wir erst einmal diesen Code:
- Code:
<html>
<head>
<title>dar name der seite zb. Home – ShinyGlurak</title>
</head>
<body>
</body>
<html>
Dann können wir bei diesem Code das was man auf der Seite sehen soll in body reinschreiben zb. Für einen Link:
- Code:
<p>(sozusagen für einen Neuen Absatz)<a href="den namen der datei zb. index.htm">Text den man sieht zb. Home</a> zwischen zeichen zwischen den Links b • (für einen Punkt) <a href="den namen der datei zb. index.htm">Text den man sieht zb. Home</a>(nächster Link rechts daneben) usw.</p> Wenn es zu ende ist ein <br />(für umbruch das das was dahinter ist eine Reihe dadrunter ist) dann vieleicht eine Horizontale Linie mit <hr>
Oder wenn man noch ein Logo oder ein Bild oben drüber machen will:
Einen neuen Ordner namens images in dem Ordner der Seite anlegen.(da kommen alle Bilder rein) Und dann über den Code der Links diesen Code schreiben:
- Code:
<p><img src="images/den namen der Datei(mit Dateiendung) zb. logo .png(auf Groß- Kleinschreibung beachten!)"><br /></p> vieleicht auch <hr>
Als nächstes machen wir den platz für den Text(aber auch nur den platz nicht den text):
- Code:
<table>(das ist dazu da das es eine Tabelle wird)
<tr>(für Reihe)
<th>(für Überschriftenzelle)</th>
</tr>
<tr>
<td>für normale Zelle)</td>
</tr>
</table>
Nun speichern wir die Datei und kopieren sie so oft wie es Seiten gibt und benennen die dateien jeweils so wie sie heißen sollen.Dann öffnet man jeweils die Dateien zb. index.htm und schreiben in die Überschriftenzelle zb. Home und in die normale Zelle den Text der da sein soll. Und das macht man mit jeder Datei.
Schritt 3 Das Hochladen
Als erstes meldet man sich bei einem Hoster (wie zb. bplaced oder andere) an und gibt als Benutzername den namen der Homepage an zb. html-schule. Dann loggen wir uns ein und erstellen entweder eine neue Adresse oder gehen unter FTP-Verwaltung und schreiben da die sachen oben in FileZilla.Dann klicken wir auf verbinden und suchen unten auf der linken Seite unser erstellten Dateien und Ziehen sie in die rechte Seite. Nun müüste es in der Adresse zu sehen sein.
Falls ihr dies nicht versteht kuckt euch das Viedeo an(ich weiß am ende Funktioniert es nicht aber wenn man wartet geht es):
Video: Website ins Internet stellen.Hausaufgabe
Erstellt 2 solcher Homepages.(aber min 1 muss auf dem Server in einem anderen Ordner sein und als Link müsst ihr dann zb. deineseite.de/Name des Ordners)
die ha muss bis zum 15.7 fertig sein(also hab ihr lange Zeit.
Falls ihr etwas nicht verstanden habt schreibt es in das Thema.(Falls ihr noch etwas lernen möchtet schreibt es mir per PN und ich kucke dann ob ich das mal durchnehmen werde)
MfG
MLu