Tutorial
Index
1.Begriffserklärung
2.1.Einführung ins Programm
2.2.Schrittweise Erstellung einer einfachen Seite
2.2.1.Hintergrundeinstellungen
2.2.2.Textformatierung
2.2.3.Einfügen von Bildern
2.2.4.Einfügen von Links
3.Schlusswort
HTML(=HyperTextMarkupLanguage)
HTML
ist eine Programmiersprache die eigens für das Internet entwickelt
wurde. HTML ist einer der meistverbreitesten Standards im Internet.
Programme wie z.B. Frontpage oder Dreamweaver generieren ohne das der
Benutzer Kenntnisse über HTML haben muss Internetseiten. Allerdings
lassen sich Internetseiten auch komplett mit einem einfachen Texteditor
erstellen, sofern man sich mit HTML-Programmierung auskennt.
HTML-Editor
HTML-Editoren sind Programme mit denen man Internetseiten,
wie Texte mit einem Textverarbeitungsprogramm erstellen kann. Hierbei
gilt im allgemeinen das "What You
See Is What
You Get"-Prinzip.
Das heisst: So wie die erstellte Seite im HTML-Editor aussieht wird
sie auch später im Browser aussehen.
Browser
Browser wie z.B.
Internet Explorer oder Netscape sind Programme die man benutzt um Seiten
aus dem Internet anzuzeigen.
Links
Links sind Verknüpfungen auf andere HTML
Seiten. Sie werden z.B. zur Navigation durch den Inhalt einer Seite
verwendet.
URL(=Uniform
Resource Locator)
URLs lassen sich am einfachsten mit Straßennamen
bzw. mit Addressen vergleichen. Sie stellen eindeutige Zuordnungen zu
Internetseiten dar.
Die Grundfunktionen gleichen im Prinzip denen von MS Word oder anderen Textverarbeitungsprogrammen. Texte können einfach eingegeben und formatiert werden. Genauso verhält es sich mit Tabellen. Zusätzlich lassen sich noch Bilder oder andere Multimediakomponenten wie z.B.Flashs,Sounds oder sogar animierte Bilder einfügen. Frontpage bietet zudem eine ganze Reihe vorgefertigter Seiten die sich ganz individuell auf seine eigenen Wünsche abändern lassen.
P.S.:Sie sollten immer daran denken alle paar Minuten oder nachdem Sie etwas neues hinzugefügt haben zu speichern.
2.2.Schrittweise Erstellung einer einfachen Seite
Schritt 1: Leere Seite erstellen
-
Starten Sie Frontpage
- es sollte bereits ein Standarddokument geöffnet sein
- sollte dies nicht
der Fall sein dann klicken Sie auf
Datei->Neu->Seite. Nun wählen sie "Standardseite" und bestätigen mit Ok.
Schritt 2: Hintergrundeinstellungen
- Klicken Sie mit der rechten Maustaste auf die leere Seite und wählen sie Seiteneigenschaften. Dann sollten sie dieses Menu sehen
- Unter Titel tragen sie den Namen ein wie die Seite heißen soll
- dann klicken sie auf die Registerkarte Hintergrund. Jetzt sollten sie dieses Menu sehen
- Unten bei Farben wählen Sie jetzt die Farbe für den Hintergrund und den Text. Hierbei sollten Sie beachten, dass die Hintergrund- und Textfarbe unterschiedlich sein sollten
- Alle anderen Einstellungen sind im Moment nich weiter von Bedeutung
- Bestätigen Sie nun mit OK.
- Bevor wir weitermachen sollten Sie nun erstmal abspeichern. Hierzu klicken Sie auf Datei->Speichern unter... und speichern Sie unter dem Namen "index.htm" (ohne die Anführungszeichen). Auf den Namen "index.htm" hat man sich als Standard für die Startseite verständigt. Wenn man die Startseite anders benennt wird diese normalerweise nicht funktionieren wenn man sie ins Internet stellt. Am besten erstellen Sie auf ihrer Festplatte einen Ordner und Speichern alles was zu ihrer Homepage gehört in diesem Ordner.
- Schreiben Sie nun ihren Text, z.B. Informationen über ihre Person oder was auch immer Sie präsentieren wollen, in das Hauptfenster.
- am oberen Rand müssten Sie auch eine Symbolleiste sehen mit der Sie ihren Text formatieren können.
- Texte lassen sich bei Frontpage genauso formatieren wie in Word oder Excel. Daher sollte dies eigentlich kein großes Problem sein. Dort wo "(Standardschrift)" steht lässt sich die Schriftart auswählen, bei "Standard" kann man die Schriftgröße einstellen. Außerdem lassen sich die Texte noch unterstreichen, Fett oder Kursiv einstellen, farbig machen, farbig hinterlegen und Links-,Rechtsbündig oder Zentriert ausrichten.
- Nun können Sie wenn Sie wollen auch noch Bilder einfügen.
- Um ein Bild einzufügen klicken Sie auf Einfügen->Bild->Aus Datei oder Einfügen->Bild->Clipart, wenn Sie Bilder verwenden möchten die mit Frontpage mitgeliefert werden.
- Schneller geht es über das entsprechende Icon für Bildereinfügen
- Nachdem Sie ein Bild eingefügt haben können Sie dessen Größen ändern, indem Sie das Bild anklicken und einen der Eckpunkte angeklickt halten und ziehen.
- Bilder lassen sich genauso ausrichten wie Text. Allerdings müssen Sie beachten, dass bevor sie auf eins der Ausrichtungssymbole klicken, sich der Cursor vor dem Bild befindet(gemeint ist hier nicht der Mauscursor, sondern der blinkende Balken).
- Zum Schluss können Sie noch sogenannte "Links"(Wegweißer zu andern Seiten) einfügen.
- Aus jedem Buchstaben, jeder Zahl, jedem Wort, jedem Textabschnitt oder jedem Bild lassen sich Links machen.
- Dazu markieren Sie das Bild oder den Text und klicken auf Einfügen->Hyperlink (oder Str+k)
- Dann sollte das folgende Menu erscheinen:
- Unter "URL:" tragen Sie dann die Adresse ein zu der der Links verweisen soll und klicken dann auf OK.
Gratulation! Sie haben gerade ihre erste Internetseite erstellt. Bedenken Sie Frontpage und auch andere HTML-Editoren bieten noch unzählige Möglichkeiten neben diesen die wir hier aufgeführt haben. Leider können wir an dieser Stellen nicht alle Funktionen erklären, da es einfach viel zu umfangreich wäre. Schließlich werden über HTML-Editoren ganze Bücher geschrieben. Wenn Sie am Homepage-Design gefallen gefunden haben sehen sie mal in unserer Links-Abteilung vorbei und sehen Sie sich die Hilfe-Funktion der HTML-Editoren mal etwas genauer an. Oft sind bei HTML-Editoren auch schon kleine Tutorials integriert die ihnen neue Anregungen geben können.
Um die von ihnen erstellte Seite ins Internet zu stellen brauchen Sie jetzt noch einen sogenannten Webspace-Provider. Dieser gibt ihnen Speicherplatz auf einem Server der ständig mit dem Internet verbunden ist.Einige dieser Provider können Sie in unserer Links-Abteilung finden. Hierbei ist zwischen kostenlosen und kostenpflichtigen Providern(=Anbieter) zu unterscheiden. Die Provider unterscheiden sich aber nicht nur im Preis sondern auch in den Leistungen. Bei kostenlosen Providern wird meisten wenn jemand auf ihre Seite kommt zusätzlich zu ihrer Seite ein Werbebanner geöffnet, was aber eigentlich nicht sehr störend ist. Sehen Sie sich einfach mal nach einem Provider um der ihren Ansprüchen gerecht wird. Wie sie dann ihre Seite auf den ihnen zugewiesenen Speicherplatz bekommen wird auf den Seiten der Provider sehr ausführlich erklärt.
Viel Spass noch beim Homepage designen wünschen ihnen die Webmaster dieser Seite!