[GUIDE] Meine eigene Internetseite

  • 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:

    PHP
    <font color=#87CEEB> Dein Text </font>


    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.

    PHP
    ...<body><b> Hallo </b></body>...

    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

    PHP
    <b> Fett<u> Unterstrichen<i> Kursiv<font> Schrift Attribut<p> Neuer Absatz<br> neue Zeile<a href...> Link<img...> Bild<table> Tabelle

    .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.

    PHP
    <b><u><font face=Arial><font size =5<>font> color =red>Hallo</font></font></u></b>

    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:

    PHP
    <b><u><font face=Arial size=5 color=red> Hallo </font></u></b>


    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

    [CENTER]

    Zitat

    Zitat von OffiGM
    Du hast keine Ahnung du bist ein dummer junge der KEINE ahnung hat!

    [/CENTER]

    [CENTER][COLOR="Pink"]<333[/COLOR][/CENTER]

  • Guter Guide! Kriegst ein Thx´s.

    Auch ein guter Editor: NVU! Besonders für Anfänger.

    Für Fortgeschrittene würde ich Phase 5 empfehlen.

    Gute Webspacehoster sind auch: Redio.de und Spacequadrat.de

    Kostenlose Domains wie z.b. de.sr sind auch eine gute Alternative zu den kostenpflichtigen.

    Trotzdem guter Guide!

    [COLOR=Sienna]MfG
    Kogoro[/COLOR]
    [COLOR=darkorange]Support gibt es auf:[/COLOR]
    [SIZE=2][COLOR=darkorange]coding-cluster.net[/COLOR][/SIZE]

  • Also wenn du jetzt noch eintragen würdest das es auch gute Free Webspace Hoster gibt, damit jetzt Neulinge nicht gleich die Hoffnung aufgeben weil sie vielleicht die Erlaubnis oder kein Geld dazu haben,
    dann würde ich deinen Thread gerne Sticken.

    Hier eine Liste guter Webspace Hoster:

  • An sich ganz guter Guide, aber einige Dinge sind komplett falsch (hab meine Bemerkungen fett markiert):

    Vielleicht schaust du dir ja mal meine Verbesserungsvorschläge an.
    Dann wird dein Guide noch besser.

    [CENTER][SIGPIC][/SIGPIC]
    Solltet ihr irgendwelche rechtlichen Fragen haben, dürft ihr mir gerne auch eine PN schicken.
    Ich werde dann versuchen, eure Fragen bestmöglich zu beantworten.
    [/CENTER]

  • Zitat von flyingcrazy;25067

    Irgendeinen Haken gibt es bei 000webhost, aber ich kann mich nicht mehr daran erinnern <.<
    Aber guter Guide :)

    Soweit ich mich erninnern kann wird die eigentliche Homepage nur in
    einem Iframe von 00webhost angezeigt, oder war es bplaced? Bin mir nich
    ganz sicher.

  • Zitat von chrissi


    Nimm das am Besten raus. Tabellen sollten heute möglichst nicht mehr benutzt werden.


    Willst du mich vereppeln ?? xD
    Son Schwachsinn hab ich noch nie gehört. :o
    Tabellen sind eine der wichtigstens Teile von HTML.
    Sogar "Profis" arbeiten mit Tabellen.
    Wieso denn auch nicht ??


    Zitat von Alina;25007

    "NVU, Phase 5, Notepat++". Diese Programme sind für Einsteiger gedacht.


    Verarschen ?? :D
    NVU und Phase5 hab ich noch nicht ausprobiert.
    Aber Notepad++ ist für Einsteiger gedacht ??
    Auch Profis arbeiten mit Notepad++.
    Achja..empfehlen würde ich auch noch Dreamweaver von Adobe.

    Ein kostenloser Webspace ohne Werbung:

    Ansonsten der Guide..naja. xD
    In manchen Sachen liegst du falsch,
    wie chrissi schon sagte.

  • Surako ò.Ó
    Hast du meinen Hinweise Thread gelesen?!
    Wie es aussieht nicht, das solltest du schleunigst nachholen,
    "Der Ton macht die Musik", und deine Musik klingt nach Metallica.
    Schreib höflich und nett.

  • Wer heute noch Tabellen oder Frames benutzt ist schlicht weg zu faul zum CSS lernen!
    Denn damit werden Tabellen fürs Layout absolut überflüssig.
    Webstandards-Projekt - Tabellen- vs CSS-Layout
    Webdesign ohne Tabellen
    CSS vs. Tabellen – rattlab.net
    Mag für die ersten Gehversuche noch ok sein, aber wenn es an die erste richtige Seite geht, sind Tabellen ein absolutes Tabu, wenn man sich nicht gerade auf den ersten Blick als ultimativer Anfänger outen will. (die Wahl bleibt da natürlich jedem selbst überlassen, also darfst du ruhig weiter mit Tabellen arbeiten wenn du willst, ist mir eigentlich recht egal).

    Und nur weil du ein pseudoprofessionelles Coding-Forum und eine Seite hast, auf der du versuchst Websites zu verkaufen brauchst du dich hier nicht so aufzuspielen.

    [CENTER][SIGPIC][/SIGPIC]
    Solltet ihr irgendwelche rechtlichen Fragen haben, dürft ihr mir gerne auch eine PN schicken.
    Ich werde dann versuchen, eure Fragen bestmöglich zu beantworten.
    [/CENTER]

  • Also ich weiß ja nicht..
    Benutzt du keine Tabellen,
    wenn du etwas tabellarisch darstellen willst ??
    Da nimmst du bestimmt auch CSS. xD

    Aufspieln ??
    Ich sage lediglich meine Meinung.
    Und das Notepad++ auch Profis benutzen
    kannst du wohl nicht abstreiten.

  • Es ging nur um die Tabellen ;) Bei Notepad++ bin ich deiner Meinung.
    Und etwas tabellarisch darstellen macht man denke ich (gerade auf privaten Seiten) so selten, dass das ganze nicht zu den wichtigsten Tags gehört.

    [CENTER][SIGPIC][/SIGPIC]
    Solltet ihr irgendwelche rechtlichen Fragen haben, dürft ihr mir gerne auch eine PN schicken.
    Ich werde dann versuchen, eure Fragen bestmöglich zu beantworten.
    [/CENTER]

  • Das ist nicht der richtige Thread zur Diskussion von eurem Kram.
    Für solche Sachen habe ich den OT Thread eröffnet da könnt ihr eure " Mobbing-kenntnisse " benutzen.
    Bei euren nächsten Post die wieder auf so einem wannabe Mobbing Trip sind, werden direkt gelöscht.
    Ich dulde solche Flames nicht in guides.
    Er ist ein fortgeschrittener Anfänger und möchte seine Erfahrungen an die andere Anfänger weitergeben.
    Wenn ihr euch als ach so professionell anseht dann teilt das auch auf professionelle Art mit.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!