Meine Homepage ???
Also, ich habe beschlossen eine Homepage zu erzeugen. Nur - wie macht man denn das. Zuerst habe ich im Internet herumgeschnüffelt und weiß jetzt, dass es so etwas wie HTML gibt. Am besten sucht man da nach Begriffen wie Workshop, HTML, Anleitung, Homepage und Kombinationen davon. Damit bekommt man dann eine Menge Infos. Unter anderem auch, dass es Programme gibt, womit man eine Homepageseite konstruieren kann und der HTML-Text (Darstellungsanweisungen für den Browser) von allein geschrieben wird; das sind die sogenannten WYSIWYG-Editoren (What you see is what you get/ Was Du siehst ist was Du bekommst). Jedoch für Verbesserungen und Änderungen benötigt man dann erst wieder HTML. Insbesondere als diese Editoren für das Seitenlayout oft komplexe Tabellen-Konstruktionen oder eigene HTML-fremde Codes verwenden.
Das heißt: HTML muss man lernen (Hypertext Markup Language). Und wie es mir dabei geht, wird der Inhalt meiner ersten Homepage sein.
Eines setzte ich schon voraus - ein bisserl ein Grundwissen über den PC, Windows und ein bisserl Surferfahrung.
Ich verwende einen reinen Quelltext-Editor, der einige Tags (Befehle) bereits zur Verfügung stellt. Damit erspart man sich so einige Tipparbeit. Ein solcher Editor ist z. B. HTML - Editor Phase 5, mit dem ich meine Webseiten herstellen werde (weiter unten ist ein Link zur Homepage dieses Editors).
Dazu noch eines - HTML ist keine Programmiersprache, sondern eigentlich nur eine Datei, die dem Internet-Browser sagt wo´s lang geht; also der Text kommt dorthin und schaut so aus oder das Bild ist an einer bestimmten Stelle einzufügen. Demnach sollte alles was zu einer Seite gehört (z.B. Bilder) in einem Ordner gespeichert sein bzw. kann man auch einen eigenen Ordner für Bilder (z.B. C:\Bilder\xy-Bild.jpg.) anlegen. Alles was zur Homepage gehört, wie Text und Grafik, muss dann auch auf den Server des Providers geladen werden. Das heißt aber auch, dass der Browser mit der HTML-Sprache zusammenarbeiten muss. Er muss die jeweiligen Befehle verstehen und ausführen können. Der Internet-Explorer 3,0 wird sicher nicht alle Befehle von HTML 4,0 verstehen und daher nicht ausführen. Die Homepage schaut in einem solchen Fall anders aus als man sie selbst sieht.
Einen Fehler hab ich schon gemacht. Da einige Systeme (UNIX) sehr penibel hinsichtlich der Groß- und Kleinschreibung sind, soll man alle Dateinamen (Ordnernamen, HTML-Dateien und Bilddateien) klein schreiben und keine Sonderzeichen außer die Unterlinie "_" verwenden. Außerdem sollten die Dateinamen nur aus 8 Buchstaben bestehen (was ich aber nicht ganz einhalte :-)). Noch etwas im Zusammenhang mit UNIX-Rechner. Die sind "Schuld", dass der Verzeichnis-Schrägstrich nach vorne geht, also z.B. ../pixordner/stadt/park.gif.
Anmerkung: Eine einfache "Homepage" herzustellen ist keine Kunst. Man öffnet am Desktop eine neue Textdatei, schreibt "irgendetwas" hinein, speichert das Geschriebene ab, wobei die Datei von ***.txt auf ***.html geändert wird. Wenn man diese Datei dann anklickt wird automatisch das Browserfenster geöffnet und, man soll´s nicht glauben, "irgendetwas" steht dort. Diese Datei muss man dann auf den Homepage-Server mit einem FTP-Clienten überspielen (FTP = File Transfer Protocol). Zumeist bekommt man das genau bei ihrem Webplatzanbieter (Provider) erklärt und auch das notwendige FTP-Programm wird angeboten.
Die Hauptseite einer Homepage heißt index.htm oder index.html. Ob html oder htm ist bei den meisten Webservern egal.
Dann gibt es noch eine Hilfe um HTML zu durchschauen. Mit dem Befehl der Befehlsleiste des Browsers - Ansicht - Quelltext anzeigen oder mit dem Kontextmenu der Homepage (rechte Maustaste auf leere Stelle einer Homepage) kann man den HTML-Text anzeigen, dann mit Datei speichern auf die Festplatte speichern und den Schluss von *.txt auf *.html umbenennen (Muster.txt auf Muster.html). Wenn diese html-Datei angeklickt wird, dann öffnet der Browser mit der Homepage (falls auf dieser Homepage Bilder darauf waren fehlen diese, da sie in eigenen Dateien nur am Server gespeichert sind).
Also, HTML-Dateien können mit jedem Texteditor geöffnet werden und so ist es möglich den Quelltext von Seiten einzusehen. Man kann so herausfinden, durch welche Befehle ein bestimmter Effekt auf einer Webseite zustande kommt. Weiters gibt es einige Freeware-Programme, die ganze Webseiten samt Bilder auf die Festplatte speichern.
Noch etwas! Es gibt mehr als 100 HTML Befehle, wobei aber ca. 50 Befehle wichtig sind. Die wichtigsten lernt man auswendig oder sind im HTML-Editor vorhanden und anklickbar.
HTML-Seiten bestehen aus dem ASCII-Text. Der gewünschte Text oder das Bild wird durch entsprechende HTML-Befehle auf der Seite platziert. Diese Befehle werden als "Tags" (dt. Etiketten) bezeichnet und sind durch spitze Klammern am Anfang und Ende eingeschlossen (Unterschied zum normalen Text).
Normalerweise spielt es bei HTML keine Rolle, ob die Elementnamen in den Tags klein oder groß geschrieben werden (<h1> und <H1> ist gleich). In XHTML (modernes HTML) sind die Elementnamen klein zu schreiben. Somit ist es besser klein zu schreiben falls die Seite irgendeinmal als XHTML-Dokument verwendet werden soll.
Fast alle HTML-Befehle bestehen aus einem beginnenden <...> und einem abschließenden Tag </...>(eine Ausnahme sind "Standalone-Tags" - z.B. der Zeilenumbruch <br>).
Containerelemente, das sind solche mit einem Anfangs- und einem Endtag, können ineinander verschachtelt sein:
<B><I> .......... </I></B> (Fett und Italic)
aber nicht so:
<B><I> .......... </B></I>
oder so:
<H1><H2> .......... </H2></H1> (Widerspruch !)
Zuerst habe ich eine neue Schrift ausgesucht. Das geht ganz leicht mit dem HTML - Editor Phase 5. Man stellt den Cursor im Text an eine gewünschte Stelle und wählt aus der Befehlsleiste SCHRIFT - SCHRIFTART eine Schrift aus und der Editor setzt gleich den richtigen Befehl ein <font face="Franclin" und /font>.
Anmerkung:Den jeweilige Ein- oder Ausgangs-Tag als Schriftzeichen erzeugt man mit einem Sonderzeichen. Der Editor erzeugt es mit den Tasten strg und < oder strg und >.
Also mit dem Workshop "SELFHTML" http://server.teamone.de/selfaktuell/ und dem HTML-Editor
"HTML Editor Phase 5" von der URL http://www.meybohm.de/ kann eigentlich nichts schief gehen.
Anmerkung:Die direkten Links wurden später nachgetragen;diese waren natürlich nicht auf der ersten Seite :-).
SELFHTML
HTML Editor Phase 5
Was nun folgt sind eigentlich die ersten Versuche, die am Anfang der Seite stehen müssten, jedoch, dass nicht ein jeder von diesem Pallawatsch (Durcheinander) sofort einen Schreck bekommt hab ich halt vorher ein paar Geistesblitze eines Anfängers abgegeben :-)))).
Und falls es was zu sagen gibt - hier meine Emailadresse: alfxxxx@yahoo.de
Hallo - mein erster Versuch
Wie ihr bereits bemerkt habt - schreiben kann ich schon. :-)
Ein Absatz wird mit <p> begonnen und hört mit </p> auf
Wie macht man einen Zeilen
umbruch.
Den erzeugt man mit <br>.
Jedenfalls will ich jetzt größer schreiben, jetzt etwas kleiner und kleiner und kleiner bis es nimmer weiter geht *gggg*
Einleitung
Hier ist ein Absatz zu Ende.
Hier beginnt ein neuer Absatz, der zentriert ausgerichtet wird.
Hier beginnt ein neuer Absatz, der rechts ausgerichtet wird.
Hier beginnt ein neuer Absatz mit Blocksatz. Dieser endet mit SELFHTML
9.4.2001
Weiter geht es
Wie gesagt, lerne ich nach der SELFHTML-Seiten und bin nunmehr bei den
Allgemeinen Regeln:
Der Text allein braucht keinen eigenen Befehl. Es wird linksbündig in der schwarzen Standartschrift geschrieben!!!
Überschriften: H1 - H6....Beispiel: <h1>Überschrifttext</h1>
Tagverschachtelungen: z.B. <h4><i>inverse Überschrift</i></ha4>
Einleitende Tags und Standalone-Tags können zusätzliche Angaben (Attribut) enthalten. Alle Werte, die Sie Attributen zuweisen, müssen in Anführungszeichen stehen.
Attribute eines Tags: <h4 align=center>Zentrierte Überschrift</h4>
Attribute mit Wertzuweisungen: <hr width=300> = Trennlinie mit 300 Pixel Breite
Attribute mit Variable: <img src="bild.gif"> = Grafik. Bildname unter Anführungszeichen!!
Grundgerüst einer HTML Datei: <head> <title>Text</title> </head> <body>alle Texte, Bilder</body>
Deutsche Sonderzeichen:
ä= [& auml;] (aumlaut) - auch für ü [& uuml;]und ö [& ouml;], ß = [& szlig;], & = [& amp;], "" = [& quot;] (ohne Zwischenraum)
Ganz Wichtig der "Euro" - € = [& euro;]
Anmerkung: Um für jeden Server (z.B. UNIX) die deutschen Sonderzeichen lesbar zu machen habe ich im head einen Meta-Tag eingefügt. Damit kann man im Text ruhig die Umlaute schreiben (siehe nächste Seite). Falls man jedoch trotzdem die Sonderzeichen maskieren will kann ich folgenden Trick anbieten. Man schreibt ganz normal und ändert alle Sonderzeichen auf einmal mit dem "Ersetze-Befehl" (Bearbeiten - Ersetzen)
Homepage
