Hallo liebe Community,
Hier kommt nun mein erstes Html Tutorial. Dieser Guide wird immer geupdatet, sobald ein Update auch möglich ist. Ich fange einfach mal an..
Was brauche ich dazu?
Als erstes benötigst du Webspace. Webspace brauchst du, damit deine Seite im Internet abgelegt werdern kann und jeder immer zu jeder Zeit darauf zugreifen kann. Damit man dann deine Seite auch noch schnell findet benötigst du einen Domainnamen, der auf deinen Webspace zugreift.
Eigentlich bieten alle Internetprovider wie "T-Online, AOL, 1&1, Freenet, Arcor, e.t.c) bei denen du angemeldet bist aucvh gleich Webspace kostenlos an. Unterschiede gibt es nur in der Größe, d.h manche Anbieter bieten dir nur 2 MB andere mehr MB an, du solltest eben wissen wie umfangsreich deine Seite werden soll. Eine private Homepage mit 10 Links braucht ungefähr 5-10 MB Platz. Zudem bieten Internetprovider auch gleich einen kostenlosen Domainnamen an der aber meist sehr lang und kompliziert ist.
Besser ist es , du entscheidest dich für einen Domain-hoster, und kaufst dort für kleines Geld im Monat (ab 99 Cent) eine "echte" .de Domain (Netdiscounter GmbH | Webhosting, Serverhousing, Colocation, Mailservice, Exchange, Backup und Consulting Lösungen) und den benötigten Webspace (Im Preis begriffen). Es gibt jede Menge Domain Hoster auf dem Markt, selbst bei deinem Internetprovider kannst du eine eine Domain und Webspace erwerben. Unterschiede gibt es nur bei dem Server der Domain Hoster. Da kann es passieren, das diese nicht stabil laufen, oder überlastet sind und deine Homepage ständig nicht erreichbar ist. Auch bieten sogenannte "Billig-Domains" nur limitierten Traffic (Erreichbarkeit) und blenden meist störende Werbung auf deiner Homepage ein. Also besser ein paar Euro im Monat investieren. Bei Domaingo bekommst du schon ab 2.99 Euro im Monat eine professionelle Domain. Und das mit unlimitierten Traffic, ohne Werbung, ständig erreichbar, und sogar mit .php (zum erstellen professioneller Homepages).
Ich habe eine Domain und Webspace. Was nun?
Nun brauchst du einen Text oder Html Editor. Empfehlen kann ich hier für anfänger "NVU, Phase 5, Notepat++". Diese Programme sind für Einsteiger gedacht. Mit diesen Editorn kannst du Htmlseiten erstellen. Natürlich kannst du mit dem Editor keine Seiten erstellen, sondern solltest du erstmal ordentlich Html lernen, und dann zum Editor greifen. Von Editorn gibt es soviele wie Sand am Meer, also ist deine Auswahl groß. Nicht jedes Programm spuckt dir einen ordentlichen Html Code aus. Schliesslich willst du bestimmt auch verstehen wie eine Html Seite überhaupt aufgebaut ist. Da sollte sie schon übersichtlich, und ohne unnütze Zeichen sein.. Ein sehr gutes, von mir lang erprobtes Programm namens NetJet! Von der Firma Xynx!.. Das gibt es kostenlos für 30 Tage auf folgender Seite zum runterladen : "http://www.xynx.de/". Mit diesem Programm kannst du kinderleicht Bilder, Tabellen, und Texte schreiben, eigentlich alles was du brauchst um eine gute Homepage zu bauen, und das Kinderleicht. Es bietet sogar die Möglichkeit eines ftp transfers.
Grundaufbau einer .html Seite
[FELD=Grundaufbau] <html>
<head>
<title> Name der Homepage </title>
</head>
<body>
</body>
</html> [/FELD]
Möglich macht aber nur bei den Grundfarben Sinn. Bei exotischen Farben werden diese immer in Hex angegeben. Himmelblau würde dann so angegeben werden:
Ich habe eine Homepage erstellt. Wie bekomme ich sie ins Netz?
Mittels eines ftp (file tranfer protokoll) Programms. Die wohl 2 bekanntesten sind WS_FTP und CuteFTP. Diese sind beide kostenlos als Testversion im Netz zu finden. Meist sind aber auch ftp Programme in den jeweiligen .html Editoren eingebaut. So auch in NetJet. Welches wir hier schon empfohlen haben. Man kann aber auch seine .html-Seiten mittels des Kundenmenüs seines Domain-Hosters uploaden (hochladen). Das ist jedoch meist sehr unkomfortabel.
Die schwersten Fehler die man auf seiner Homepage machen kann
1. Benutze niemals Bilder, Texte e.t.c die nicht von dir selber stammen, denn meist ist darauf ein Copyright vorhanden. Sollte es dennoch von bestimmten Seiten erlaubt sein, dann gib immer eine Quelle an!
2. Falls du Links zu anderen Seiten machst, dann vergiss nie folgenden Text in deinem Impressum zu erwähnen:
"Mit Urteil vom 12.Mai 1998 hat das Landgericht Hamburg entschieden, dass man durch die Ausbringung eines Links bzw. Banners die Inhalte der gelinkten Seite gegebenfalls mit zu verantworten hat. Ich habe auf dieser Homepage Links und Banner zu anderen Seiten im Internet abgelegt. Für all diese Links gillt: Ich möchte ausdrücklich betonen, das ich keinerlei Einfluß auf die Gestaltung und die Inhalte der gelinkten Seite habe. Deshalb distanziere ich mich hiermit ausdrücklich von allen Inhalten aller gelinkten Seiten auf dieser Homepage. Diese Erklährung gilt für alle auf dieser Homepage angebrachten Links und für alle Inhalte der Seiten, zu denen Links bzw. Banner führen."
3. Mach nicht zuviel Farbe auf deine Homepage. Weniger ist meist mehr.
4. Versuche deine Seite wenn möglich ohne Frames zuerstellen, da diese immer unprofessionell wirken.
5. Was nutzt eine Seite die im Internet Explorer richtig angezeigt wird, im FireFox aber total verschoben ist? Achte also darauf das sie von allen Browsern gleich dargestellt wird.
Head
Im Head, beginnend mit <head> und endent mit </head> stehen z.b die Meta-Tags. Das sind Angaben über den Ersteller der Homepage, darin stehen die Keywords die für das Finden deiner Seite in der Suchmaschine verantwortlich, Erstellungsdatum,e.t.c Desweiteren können dort Java-scripte stehen. Diese sind für eine normale Private Homepage nahezu nicht nötig. Es lassen sich jedoch viele nette Dinge mit Java-Scripten ermöglichen, z.b Mausfolger, rechte Maustaste Schutz, Quelltextsperren, Klappmenüs, e.t.c.
Body
Im Body beginnend <body> und endent mit </body> befindet sich dann der eigentliche Text , Bilder, Tabellen die angezeigt werden sollen.
b steht in .html für bold (fett). In diesem Beispiel siehst du auch das der Befehl <b> auch wieder mit </b> endet. Das ist für alle Html Befehle notwendig.
Die wichtigsten HTML Befehle
.html Befehle müssen immer von innen nach aussen wieder geschlossen werden.
Beispiel:
Richtig: <b><u>Text</u></b> Falsch: <b><u>Text</b></u>
Im folgenden Beispiel schreiben wir den text "Hallo" in Fett, unterstrichen , in der Schrift "Arial", in Schriftgröße 5 und Rot.
Uns fällt auf das wir 3 mal den Befehl <font> benutzt haben und müssen diesen logischerweise auch wieder 3 mal schließen.
Einfacher ginge es auch so:
So packen wir alle <font> Befehle in einen einzigen Befehl, und brauchen deshalb auch nur einmal den Befehl zu schliessen.
Die Farbe Rot haben wir einfachheitshalber mit <font color=red> angegeben.
So. Nun ist mein Guide fertig, ich hoffe ich habe euch ein bisschen geholfen!
Wenn euch dieser Guide gefallen hat, dann gebt mir doch ein Thanks oder ein Karma. :D
Alina
Hier kommt nun mein erstes Html Tutorial. Dieser Guide wird immer geupdatet, sobald ein Update auch möglich ist. Ich fange einfach mal an..
Was brauche ich dazu?
Als erstes benötigst du Webspace. Webspace brauchst du, damit deine Seite im Internet abgelegt werdern kann und jeder immer zu jeder Zeit darauf zugreifen kann. Damit man dann deine Seite auch noch schnell findet benötigst du einen Domainnamen, der auf deinen Webspace zugreift.
Eigentlich bieten alle Internetprovider wie "T-Online, AOL, 1&1, Freenet, Arcor, e.t.c) bei denen du angemeldet bist aucvh gleich Webspace kostenlos an. Unterschiede gibt es nur in der Größe, d.h manche Anbieter bieten dir nur 2 MB andere mehr MB an, du solltest eben wissen wie umfangsreich deine Seite werden soll. Eine private Homepage mit 10 Links braucht ungefähr 5-10 MB Platz. Zudem bieten Internetprovider auch gleich einen kostenlosen Domainnamen an der aber meist sehr lang und kompliziert ist.
Besser ist es , du entscheidest dich für einen Domain-hoster, und kaufst dort für kleines Geld im Monat (ab 99 Cent) eine "echte" .de Domain (Netdiscounter GmbH | Webhosting, Serverhousing, Colocation, Mailservice, Exchange, Backup und Consulting Lösungen) und den benötigten Webspace (Im Preis begriffen). Es gibt jede Menge Domain Hoster auf dem Markt, selbst bei deinem Internetprovider kannst du eine eine Domain und Webspace erwerben. Unterschiede gibt es nur bei dem Server der Domain Hoster. Da kann es passieren, das diese nicht stabil laufen, oder überlastet sind und deine Homepage ständig nicht erreichbar ist. Auch bieten sogenannte "Billig-Domains" nur limitierten Traffic (Erreichbarkeit) und blenden meist störende Werbung auf deiner Homepage ein. Also besser ein paar Euro im Monat investieren. Bei Domaingo bekommst du schon ab 2.99 Euro im Monat eine professionelle Domain. Und das mit unlimitierten Traffic, ohne Werbung, ständig erreichbar, und sogar mit .php (zum erstellen professioneller Homepages).
Ich habe eine Domain und Webspace. Was nun?
Nun brauchst du einen Text oder Html Editor. Empfehlen kann ich hier für anfänger "NVU, Phase 5, Notepat++". Diese Programme sind für Einsteiger gedacht. Mit diesen Editorn kannst du Htmlseiten erstellen. Natürlich kannst du mit dem Editor keine Seiten erstellen, sondern solltest du erstmal ordentlich Html lernen, und dann zum Editor greifen. Von Editorn gibt es soviele wie Sand am Meer, also ist deine Auswahl groß. Nicht jedes Programm spuckt dir einen ordentlichen Html Code aus. Schliesslich willst du bestimmt auch verstehen wie eine Html Seite überhaupt aufgebaut ist. Da sollte sie schon übersichtlich, und ohne unnütze Zeichen sein.. Ein sehr gutes, von mir lang erprobtes Programm namens NetJet! Von der Firma Xynx!.. Das gibt es kostenlos für 30 Tage auf folgender Seite zum runterladen : "http://www.xynx.de/". Mit diesem Programm kannst du kinderleicht Bilder, Tabellen, und Texte schreiben, eigentlich alles was du brauchst um eine gute Homepage zu bauen, und das Kinderleicht. Es bietet sogar die Möglichkeit eines ftp transfers.
Grundaufbau einer .html Seite
[FELD=Grundaufbau] <html>
<head>
<title> Name der Homepage </title>
</head>
<body>
</body>
</html> [/FELD]
Möglich macht aber nur bei den Grundfarben Sinn. Bei exotischen Farben werden diese immer in Hex angegeben. Himmelblau würde dann so angegeben werden:
Ich habe eine Homepage erstellt. Wie bekomme ich sie ins Netz?
Mittels eines ftp (file tranfer protokoll) Programms. Die wohl 2 bekanntesten sind WS_FTP und CuteFTP. Diese sind beide kostenlos als Testversion im Netz zu finden. Meist sind aber auch ftp Programme in den jeweiligen .html Editoren eingebaut. So auch in NetJet. Welches wir hier schon empfohlen haben. Man kann aber auch seine .html-Seiten mittels des Kundenmenüs seines Domain-Hosters uploaden (hochladen). Das ist jedoch meist sehr unkomfortabel.
Die schwersten Fehler die man auf seiner Homepage machen kann
1. Benutze niemals Bilder, Texte e.t.c die nicht von dir selber stammen, denn meist ist darauf ein Copyright vorhanden. Sollte es dennoch von bestimmten Seiten erlaubt sein, dann gib immer eine Quelle an!
2. Falls du Links zu anderen Seiten machst, dann vergiss nie folgenden Text in deinem Impressum zu erwähnen:
"Mit Urteil vom 12.Mai 1998 hat das Landgericht Hamburg entschieden, dass man durch die Ausbringung eines Links bzw. Banners die Inhalte der gelinkten Seite gegebenfalls mit zu verantworten hat. Ich habe auf dieser Homepage Links und Banner zu anderen Seiten im Internet abgelegt. Für all diese Links gillt: Ich möchte ausdrücklich betonen, das ich keinerlei Einfluß auf die Gestaltung und die Inhalte der gelinkten Seite habe. Deshalb distanziere ich mich hiermit ausdrücklich von allen Inhalten aller gelinkten Seiten auf dieser Homepage. Diese Erklährung gilt für alle auf dieser Homepage angebrachten Links und für alle Inhalte der Seiten, zu denen Links bzw. Banner führen."
3. Mach nicht zuviel Farbe auf deine Homepage. Weniger ist meist mehr.
4. Versuche deine Seite wenn möglich ohne Frames zuerstellen, da diese immer unprofessionell wirken.
5. Was nutzt eine Seite die im Internet Explorer richtig angezeigt wird, im FireFox aber total verschoben ist? Achte also darauf das sie von allen Browsern gleich dargestellt wird.
Head
Im Head, beginnend mit <head> und endent mit </head> stehen z.b die Meta-Tags. Das sind Angaben über den Ersteller der Homepage, darin stehen die Keywords die für das Finden deiner Seite in der Suchmaschine verantwortlich, Erstellungsdatum,e.t.c Desweiteren können dort Java-scripte stehen. Diese sind für eine normale Private Homepage nahezu nicht nötig. Es lassen sich jedoch viele nette Dinge mit Java-Scripten ermöglichen, z.b Mausfolger, rechte Maustaste Schutz, Quelltextsperren, Klappmenüs, e.t.c.
Body
Im Body beginnend <body> und endent mit </body> befindet sich dann der eigentliche Text , Bilder, Tabellen die angezeigt werden sollen.
b steht in .html für bold (fett). In diesem Beispiel siehst du auch das der Befehl <b> auch wieder mit </b> endet. Das ist für alle Html Befehle notwendig.
Die wichtigsten HTML Befehle
.html Befehle müssen immer von innen nach aussen wieder geschlossen werden.
Beispiel:
Richtig: <b><u>Text</u></b> Falsch: <b><u>Text</b></u>
Im folgenden Beispiel schreiben wir den text "Hallo" in Fett, unterstrichen , in der Schrift "Arial", in Schriftgröße 5 und Rot.
Uns fällt auf das wir 3 mal den Befehl <font> benutzt haben und müssen diesen logischerweise auch wieder 3 mal schließen.
Einfacher ginge es auch so:
So packen wir alle <font> Befehle in einen einzigen Befehl, und brauchen deshalb auch nur einmal den Befehl zu schliessen.
Die Farbe Rot haben wir einfachheitshalber mit <font color=red> angegeben.
So. Nun ist mein Guide fertig, ich hoffe ich habe euch ein bisschen geholfen!
Wenn euch dieser Guide gefallen hat, dann gebt mir doch ein Thanks oder ein Karma. :D
Alina