[GUIDE] Meine eigene Internetseite

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [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-Quellcode

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

      1. ...
      2. <body>
      3. <b> Hallo </b>
      4. </body>
      5. ...


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

      1. <b> Fett
      2. <u> Unterstrichen
      3. <i> Kursiv
      4. <font> Schrift Attribut
      5. <p> Neuer Absatz
      6. <br> neue Zeile
      7. <a href...> Link
      8. <img...> Bild
      9. <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-Quellcode

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

      1. <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
    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

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

      Quellcode

      1. 000Webhost - http://www.000webhost.com :
      2. 1 - 1,5 Gigabyte Webspace (momentan nur 250mb aber das ändert sich wieder, ich habe jetzt 1,5 gig bei denen)
      3. 100 Gigabyte Traffic
      4. FTP - Enthalten
      5. MySQL - Enthalten
      6. PHP - Enthalten
      7. Mail - Enthalten
      8. Werbung - KEINE
      9. Banner :
      10. [URL="http://www.000webhost.com/194555.html/"][img]http://www.000webhost.com/images/banners/600x400/banner1.gif[/IMG][/URL]
      11. _____________________
      12. Funpic - [url=http://www.funpic.de]Kostenloser Webspace & Fotos | Funpic.de[/url]
      13. ca. 2 Gigabyte Webspace
      14. 10 Gigabyte -Traffic
      15. FTP - Enthalten
      16. MySQL - Enthalten
      17. PHP - Enthalten
      18. Mail - Nicht Enthalten
      19. Werbung - JA
      Alles anzeigen
    • An sich ganz guter Guide, aber einige Dinge sind komplett falsch (hab meine Bemerkungen fett markiert):

      Alina;25007 schrieb:


      Eine private Homepage mit 10 Links braucht ungefähr 5-10 MB Platz
      Ein Link ist relativ und keine Maßeinheit. Entscheidend ist, auf was du intern verlinkst. Für 10 HTML-Seiten brauchst du ca 1MB, wenn du aber zum Beispiel ein Video verlinkst sind durchaus für eine Verlinkung 200mb drin.
      Am Besten erst bei Funpic ö.Ä. registrieren und dort ausprobieren, bis die Seite fertig ist und erst dann wenn gewünscht Webspace kaufen.

      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.
      Traffic ist nicht Erreichbarkeit sondern Transfervolumen und eine Domain verursacht keinen Traffic.

      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).
      Das ist ein Wehosting-Paket und keine reine Domain. Wenn du einen Guide schreibst, solltest du darauf achten, dass du diese Sachen vorher recherchierst. Außerdem ist das m.E. kein seriöser Hoster. Vertraut da lieber auf Lösungen von Hetzner (größtes deutsches Rechenzentrum). Dort gibts die Webspace-Pakete auch schon für wenig Geld.


      Man kann aber auch seine .html-Seiten mittels des Kundenmenüs seines Domain-Hosters uploaden (hochladen).
      Auch hier: Einfach das "Domain" entfernen und schon stimmts.


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

      Der schwerste Fehler den man machen kann ist, diesen Disclaimer einbauen!
      Das LG Hamburg hat in dem so oft zitierten Urteil nämlich genau das Gegenteil entschieden und zwar, dass man zwar nicht unmittelbar dafür haftbar gemacht werden kann, aber dass man einer Kontrollpflicht nachkommen muss. Diese umfasst, dass man nicht auf offensichtlich rechtswidriges Material verlinkt und den Link (sollte der Seitenbetreiber dies nachträglich einfügen) sofort nach Kenntnisnahme entfernt. Außerdem wirkt es laut anderen Gerichten äußerst dubios, wenn man einerseits auf den Inhalt anderer Seiten verweist sich jedoch andererseits komplett davon distanziert. Sollte es zu einem Verfahren kommen, würde ein sogenannter Disclaimer eher negative Auswirkungen haben als Positive.
      Wenn unbedingt ein Disclaimer verwendet werden soll, dann empfehle ich folgenden Wortlaut:
      Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.


      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.

      Keywords sind bei heutigen Suchmaschienen nicht mehr von Bedeutung. Wichtiger sind Verlinkungen von externen Seiten, sauberer, suchmaschienenfreundlicher Code und klar strukturierter Inhalt (wichtigstes zuerst). Wenn man unbedingt JS benutzen will, sollte man darauf achten, dass man die Seite auch ohne JS fehlerfrei benutzen kann. Viele Surfer haben JS standartmäßig ausgeschaltet. Die Quelltextsperre und der Rechte Maustastenschutz sind eh sinnlos und erschweren nur dem interessierten Nutzer eine Seite zb zu drucken. Wer trotzdem an Bilder oder Quelltext etc kommen will, der schafft das auch so.

      PHP-Quellcode

      1. <table> Tabelle


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



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


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


      Alina;25007 schrieb:

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

      http://redio.de schrieb:


      Features
      * Bilder hochladen
      * Homepage hochladen
      * Forum hochladen
      * extern verlinken
      * 512 MB Webspace Neu!
      * Traffic unbegrenzt Neu!
      * Backup-Funktion
      * PHP 5.2
      * MySQL5-Datenbank
      * bis zu 3 Domains aufschaltbar
      * kostenlos & werbefrei!


      Ansonsten der Guide..naja. xD
      In manchen Sachen liegst du falsch,
      wie chrissi schon sagte.
    • 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.
    • 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.