Homepageworkshop Teil 2

Moin, weiter geht’s im Programm, heute wollen wir uns mal der richtigen Seite widmen, nachdem wir letztes mal uns einen host eingerichtet haben, auf dem die Seite dann später zu finden ist. Vorweg noch mal, irgendjemand hatte mich gefragt, ob das was kostet, nein, es wird nichts kosten, wir benutzen in dem Workshop nur kostenlose Angebote, die sind zwar nicht so zuverlässig wie Angebote die was kosten, aber einem geschenktem Gaul schaut man ja bekanntlich nicht ins maul.

Ok, eine Internet Seite, ist nichts weiter als eine Datei mit der Endung *.htm oder *.html, das Sternchen steht wie bekannt für irgendwas. Als erstes erstellen wir jetzt mal so eine html Seite, dazu klicken wir auf start/programme/zubehör/editor (ich gehe immer von windoof aus), dann erscheint dieses Programm:

so, jetzt geht’s ans eingemachte, vorweg noch was, alle befehle stehen immer in solchen klammern: <befehl>, jeder befehl wird am ende dann immer mit </befehl> aufgehoben (querstrich), achtet bitte auf solche Sachen, da wir einen sauberen korrekten Code schreiben wollen. Ihr solltet auch wissen, das netscape solche Ungereimtheiten überhaupt nicht mag und das meist damit quittiert das er überhaupt nichts anzeigt. Der internet explorer ist hier flexibler, und sollte auch von euch am Anfang auch verwendet werden.

Wir werden uns heute einer einfachen Seite widmen, in der nur einige Textformatierungen zu finden sind, außerdem dem Aufbau von einer Seite.

Beginnen wir also, als erstes schreiben wir ein

<html>

das dient dazu, das der Browser weis das es ein internet Dokument ist und er alle befehle korrekt interpretieren soll, das ist also immer der erste und letzte befehl. So, jetzt haben wir so etwas wie einen grundsätzlichen Körper, ein html Dokument gliedert sich dann noch meist noch in einen kopf und einen Rumpf, auf den kopf wird ich erst später eingehen. Wir schreiben jetzt ein

<body>

damit weis der Browser das jetzt der Körper beginnt, ab hier können wir jetzt text schreiben, wir schreiben also einfach mal ein bisschen text

jakob sollte schon längst im bett sein

dann machen wir den body wieder zu, das schaut dann bisher so aus:

so, jetzt speichern wir das mal als *.html, dazu gehen wir auf datei/speichern unter dann tragen wir einen Namen ein und dann setzen wir einen punkt und schreiben html dahinter, dann klicken wir auf speichern (einfach in irgendeinen Ordner speichern wo du das teil auch wiederfindest.

So, jetzt gehen wir in den Ordner wo du das teil gespeichert hast und klicken doppelt auf das Dokument, dann startet der internt explorer, und wir sehen unseren geschriebenen text: tataa

wie du siehst, wird der text in den eckigen klammern nicht wiedergegeben, sondern nur der text den wir geschrieben haben.

Ok, ich liste hier jetzt einfach mal paar Formatierungen auf, die jeder kennt:

fett
(b = bold)

kursiv
(i = italic)

unterstrichen
(u = underline)

hier ist nicht viel zu beachten, nur das der text der diese Formatierung annehmen soll immer in dem befehl stehen muss, und das jeder befehl auch aufgehoben werden muss.
Schaut dann so aus:

so, hier haben wir das erste Problem, wir haben im editor einen Zeilenumbruch gemacht, aber im internet explorer wird dieser nicht angezeigt, sauerei! Die Lösung ist ein

 

das Zeichen steht für einen Zeilenumbruch, und ist außerdem ein befehl der nicht wieder abgeschlossen werden muss ( ein gibt es nicht!), so, überall wo wir nun einen Zeilenumbruch wollen, machen wir unser jetzt rein und das ganze sieht so aus:

Ok, jetzt wollen wir noch einen text zentrieren, dazu schreiben wir einfach

<center>zentriert</center>

sieht dann so aus:

vor dem ende, noch eine Kleinigkeit, um den Quellcode von einer Seite euch anzusehen einfach Rechtsklick auf der Seite machen (auf eine stelle wo kein bild ist!) und auf Quelltext ansehen klicken, dadurch könnt ihr eure Seite auch leichter bearbeiten, da ihr nicht jedes Mal den editor erst starten müsste, und dann die Seite laden müsst.

so, das soll's für heute gewesen sein, als nächstes machen wir dann Bilder und links.

Meine Seite ist hier zu finden:

http://members.tripod.de/homepageworkshop/seite.html

Vorheriges Tutorial

Zur Übersicht

Letzte Änderung dieser Seite am 16. August 2006.