| |
Seite zu Favoriten
hinzufügen?
Nepp
im Web
als Startseite?
Hier klicken!
|
|
Eigene
Homepage in 7 Schritten!
Hier möchte ich allen Internet-Neulingen und
jedem, der glaubt das erstellen einer eigenen
Homepage wäre sehr schwierig, das Gegenteil
beweisen und in 7 Schritten, für jeden
verständlich, dabei helfen, seine eigene
Webseite ins Internet stellen zu können.
Versucht es, und ihr werdet sehen, dass es nicht
so schwer ist, wie es aussieht.
Schritt1:
(Was
ihr dazu benötigt)
Ihr benötigt dazu:
1.) FrontPage
Expres 2.0 Download: (gratis
download)
2.) FTP-Client
Perfect FTP 3.0 Download: (gratis
download)
3.) Eine Url
(sehr günstig bei United Domaines, zB.
de-Url um 12,- p. Jahr. Es gibt zwar Gratis-Url,
die würde ich euch jedoch nicht raten, da solche
bei manchen Suchmaschinen benachteiligt werden
oder garnicht gelistet werden.)
4.) Einen Webspace
(ebenfalls günstig bei United Domaines,
um 39,- p. Jahr. Es gibt auch Gratis-Webspace,
davon würde ich euch jedoch abraten, da diese
fast immer ihre Werbung einfügen und ausserdem
bei zuvielen Aufrufen oder Traffics die Url für
eine gewisse Zeit gesperrt wird.)
nach oben?
Schritt 2
(die
Startseite)
Erstellt euch einen neuen Ordner auf eurem
Desktop (rechte Maustaste - "Neu" - "Ordner" anklicken)
und nennt ihn "meineHomepage". (Hier
kommen dann die einzelnen Seiten eurer Homepage
hinein.)
Öffnet diesen Ordner und fügt einen weiteren
neuen Ordner hinzu, den nennt ihr
"bilder". (Hier kommen dann
alle Bilder hinein, die ihr in eure Webseite
einfügt.)
Nun verwendet den
>>>
Framegenerator <<<
wählt eine Vorlage, klickt sie an, wählt
"ganze Seite", "ohne Rahmen",
"Mindestabstand 0" und Scrolling
"Auto".
Nun habt ihr den HTML-Code für eure 1. Seite.
Klickt auf "ansehen" und ihr werdet die
Grundrisse eurer Webseite nun sehen. Wenn ihr
damit zufrieden seid, dann drückt auf
"Übernehmen" und der Quelltext wird
nun im unteren Fenster sichtbar.
Je nachdem, welches Frameset ihr gewählt habt,
habt ihr nun bis zu 5 Frames, welche jeder eine
eigene Seite eurer Homepage darstellen. Die
Frames sind nun unterschiedlich benannt (o.htm,
l.htm, m.htm, u.htm, r.htm).
Ihr könnt die einzelnen Frames natürlich
umbenennen. (z.B. l.htm in
navigation.htm)
Beachtet aber, dass die Frames im Quelltext die
gleichen Namen haben wie die
Seiten, die ihr anschliessend erstellt.
Nun drückt auf kopieren und der Quelltext (Html-Code)
wird in eurem Zwischenspeicher sein.
Öffnet nun den FrontPage Expres 2.0, klickt auf
"View" und auf
"Html".
Nun öffnet sich ein Fenster mit dem Quellcode
dieser Seite. Markiert den kompletten Quelltext
und löscht diesen. Wenn das Fenster leer ist,
dann drückt auf "Strg+V" und der
Quelltext aus eurem Zwischenspeicher wir
eingefügt. Anschliessend auf "OK" drücken.
Nun seht ihr den Satz "Erstellt mit dem
Frames-Generator von Dauerstress". Diesen
löscht ihr (Taste "Entf" drücken)
und speichert die Seite unter dem Namen
"index" in eurem Ordner
"meineHomepage" ab. ( Klickt
auf "File" - "Save
as..."
- "As File...").
Nun habt ihr eure "index" Seite
erstellt. (Startseite)
Um euch später viel Arbeit zu ersparen, öffnet
nun den
>>>
MetaTag-Generator <<<
um die MetaTags zu erstellen.
(MetaTags sind wichtig, damit eure
Seite, wenn sie im Netz ist, von den
Suchmaschinen gefunden wird und sollten auch in
jeder Unterseite eingefügt sein.)
Füllt nun die einzelnen Felder des
MetaTag-Generators aus und drückt anschliessend
auf "MetaTags erstellen" und
"alles kopieren".
(Bitte nehmt euch Zeit dafür und macht
dies gewissenhaft, denn die Metatags müssen dann
in allen euren Unterseiten eingefügt sein und
ihr müsst dann gegebenenfalls jede einzelne
Seite neu bearbeiten.)
Dann geht ihr in euren Ordner, klickt mit der
rechten Maustaste die Seite "index.htm"
an und klickt auf "bearbeiten".
Nun öffnet sich ein Fenster mit eurem Quelltext.
Ihr markiert mit der rechten Maustaste alles
zwischen <Head> und </head> und löscht
dies.
Dann fügt ihr die MetaTags aus eurem
Zwischenspeicher zwischen <Head> und </head> ein. (rechte
Maustaste und "einfügen")
Anschliessend abspeichern nicht vergessen (klickt
auf "Datei" und "speichern") und
schliesst das Fenster.
Nun habt ihr eure Startseite fertig, aber sie
funktioniert noch nicht, weil die einzelnen
Unterseiten, welche in den Frames aufgerufen
werden, noch nicht vorhanden sind.
nach oben?
Schritt 3
(die
Unterseiten)
Klickt nun die Startseite (index)
mit der rechten Maustaste an, klickt auf "Kopieren" und fügt
die Kopie dann mit "Strg+V" in euren
Ordner ein. Diese "Kopie
von index" müsst ihr nun
"umbenennen" auf "leereseite". (re.Maustaste
+ "umbenennen").
Nun öffnet ihr den Bearbeitungs-Editor (re.Maustaste
+ "bearbeiten") und löscht alles
zwischen </head> und </html>.
Anschliessend die Änderung speichern ("Strg+S") und den
Quelltext schliessen.
Nun habt ihr eine "LEERE" Unterseite
erstellt, welche ihr als Grundlage für alle
Unterseiten verwenden könnt.
Öffnet nun wieder den FrontPage Expres 2.0,
klickt auf "File" - "open" - "Browser" und
öffnet eure "leerseite".
Nun schreibt in grosser Schrift "Titel"
hinein und speichert die Seite unter dem Namen
des Frames (z.B."o" wenn ihr
die Namen nicht umbenannt habt) welchen
ihr damit belegen wollt, in euren Ordner. ("File" - "Save
as..."
- "As File...").
So erstellt ihr nun jede UNTERSEITE, bis ihr alle
Seiten für eure Frames erstellt habt. (Navigations-Frame,
Haupt-Frame, rechter-Frame usw.)
Schreibt vorerst nur den Titel der Seite hinen (zB.
linker Frame "Navigation", Mittlerer
Frame "Text" usw.)
Wenn ihr dies fertig habt, dann müsste (falls
ihr alles richtig abgespeichert habt),
wenn ihr die Index-Seite öffnet, in jedem Frame
die dazugehörende Seite aufscheinen.
nach oben?
Schritt 4
(Titel,
Navigation, Impressum)
Damit nichts passieren kann, öffnet mit dem
FP-Express die Leerseite und speichert diese
unter "test" in euren Ordner.
Nun beginnt mit dem Titel. Fügt den Titel eurer
Webseite mit einer Schrift, welche euch gefällt
ein. Dann könnt ihr versuchen, die
Schriftfarbe zu ändern und den Text links-
rechts- oder mittelbündig einzufügen.
Ihr könnt auch ein Bild in die Seite einfügen
oder die Farbe des Seitenhintergrundes ändern. (Das
Bild müsst ihr vorher in den
Ordner "bilder" abspeichern und
anschliessend von dort in den FP-Editor
einfügen. Alle Bilder und Fotos, die ihr in eure
Webseite einfügt, müssen in diesem Ordner
vorhanden sein.)
Wenn ihr Fotos neben dem Text einfügen wollt, so
verwendet eine Tabelle und fügt die Bilder und
den Text dann in die Tabelle ein.
So könnt ihr durch verändern der
Tabellen-Eigenschaften (Table-Properties)
oder der einzelnen Zellen-Eigenschaften (Cell-Properties)
durch anklicken der Tabellen mit der rechten
Maustaste, viele verschiedene Einstellungen
vornehmen wie z.B. Breite in Pixel oder %, Text
oder Bilderstellung (rechts, links
mittel), Hintergrundfarbe der Tabelle
oder Zellen, Rahmenbreite, Gösse und Farbe,
einstellen oder ändern.
Ebenso könnt ihr die Seiteneigenschaften (Page-Properties)
ändern.
Versucht mal, den Titel-Frame so zu erstellen,
speichert ihn immer wieder als "test"
ab und seht euch die Seite an und verändert sie,
bis ihr glaubt, sie ist perfekt.
Erst dann speichert die Seite unter dem richtigen
Namen (o.htm) und seht euch die
"index.htm" Seite an um zu sehen, wie
der Titelframe in der ganzen Seite aussieht.
Solltet ihr einen störenden Scrollbalken in der
Seite haben, so ist vermutlich die Schrift oder
ein Bild zu gross. Auch die Bilder-Eigenschaften (Image-Properties)
könnt ihr wie die Tabellen- oder
Seiten-Eigenschaften ändern, bis es passt.
Verwendet aber bei
Änderungen immer die Testseite!
Wenn ihr mit der ersten Seite zufrieden seid,
dann beginnt mit der Navigation.
Macht es wie mit der Titelseite, öffnet mit dem
FP-Express die Leerseite und speichert diese
unter "test" in euren Ordner.
Anschliessend fügt eine Tabelle ein, diesmal die
Zellen untereinander. (Nehmt für jede
Seite, die ihr einfügen wollt, eine Zelle. Nehmt
ein paar mehr, die übrigen könnt ihr dann immer
noch löschen.)
Beginnt mit "Home", Seite1, Seite2 usw.
Anschliessend markiert ihr den gewünschten Text
und erstellt einen Link. (Hyperlink Type
"file", Url: "index.htm", Target Frame:
"_top")
Bei "Home" solltet ihr unbedingt bei
Target Frame: "_top" einfügen,
dies bewirkt, dass bei jedem klicken des Links
immer die komplette Seite neu geladen wird und
verhindert, dass die Seite nur im
Navigations-Frame aufgeht.
Bei allen anderen Links geht genauso vor, jedoch
bei der Url müsst ihr die Seitenurl einfügen. (Z.B.
"ich.htm", "auto.htm",
"hund.htm")
Bei "Target Frame:" fügt den
Framenamen eures Hauptframes ein. (z.B.
"main", wenn ihr die Namen nicht
geändert habt.)
Beim E-Mail Link müsst ihr bei Hyperlink Type
"mailto:" und bei
der Url: "mailto:eure@adresse" einfügen.
Bei "Target Frame:" lasst das Feld
leer.
Solltet
ihr keinen "U-Frame" haben, in den ihr
euer Impressum einfügt, so vergesst nicht, einen
Link zum Impressum eurer Seite in die Navigation
einzufügen.
Ein Impressum ist Pflicht
und muss in jeder Webseite vorhanden und leicht
zu finden sein.
Im Impressum einer privaten Webseite muss
folgendes enthalten sein: Vorname, Familienname,
vollständige Adresse, Telefonnummer, E-Mail
Adresse.
Weiters könnt ihr einen Disclaimer einfügen, einen
solchen findet ihr HIER!
Wenn
ihr alle Links fertig habt, dann erstellt die
dazugehörenden Seiten indem ihr jeweils die
Leerseite mittels dem FP-Express aufruft, den
Seitentitel (Überschrift) einfügt
gegebenenfalls die Farbe des Seitenhintergrundes
ändert und diese Seite dann unter dem gleichen
Namen, auf den der Link verweist (ich,
auto, hund) in euren Ordner abspeichert. (Bearbeiten
könnt ihr die Seiten dann später.)
nach oben?
Schritt 5
(weitere
Unterseiten)
Nun,
da ihr die wichtigsten Seiten (Titel,
Navigation und Impressum) erstellt habt,
und alles funktioniert, gehts daran, dass ihr die
Unterseiten für den Hauptframe erstellt.
Dabei
solltet ihr folgendes beachten:
1.)
Dass die Schrift gut leserlich ist und sich in
der Farbe vom Untergrund gut abhebt. Die Besucher
sollen ja gerne in eurer Homepage schmöckern und
keine schlechten Augen davon bekommen. Nehmt
desshalb eine Schrift ohne
"Schnörksel" wie z.B.
"Verdana" oder "Arial" und
vermeidet grelle Farben.
2.) Wenn ihr Bilder einfügt, so arbeitet mit
"Tabellen". So könnt ihr die
Aufteilung von Text und Bildern besser
konfigurieren.
3.) Beim Einfügen von Fremdlinks welche auf
andere Webseiten verweisen, unbedingt bei der
Linkerstellung bei Target Frame: "_blank" einfügen.
Dies bewirkt, dass die verlinkte Webseite in
einem neuen Fenster aufgeht.
4.) Am Ende jeder Unterseite solltet ihr einen
Link zu eurer Indexseite einfügen. z.B. "HOME" mit "index.htm" und
Target: "_top" verlinken.
Dies hat den Vorteil, dass die einzelnen Seiten
untereinander verlinkt sind und jeweils einen
Link auf die Startseite verweisen. Desweiteren
kann es passieren, dass eine Suchmaschine auf
eine Unterseite verweist und somit der Besucher
durch klicken auf "HOME" leicht zur
Startseite gelangt, da er bei einer Frameseite ja
keine Navigation zur Verfügung hat.
nach oben?
Schritt 6
(Werbung)
Nun,
da ihr eure Webseite erstellt habt, müssen wir
über die Werbung reden.
Es gibt 2 Arten von Werbung:
1.)
Eigenwerbung
Diese dient dazu, dass ihr eure neue Seite auch
anderen Usern vorstellt und ihr eure Homepage
bekannt macht.
Was nützt euch die schönste Seite, wenn sie
keiner kennt und niemand weiß, dass es sie gibt.
Desshalb müsst ihr Werbung für eure Homepage
machen. Dafür gibt es mehrere Möglichkeiten.
Eine auswahl der verschiedensten lukrativen
Werbemöglichkeiten findet ihr auf meiner
Webseite unter Promotion.
Ausserdem könnt ihr die Url eurer Webseite auch
an alle eure Freunde per E-Mail senden und sie um
ein Feedback bitten. (Aber BITTE nur an
eure Freunde und persönliche Bekannten, denn
alles andere wären Junk-Mails)
2.)
Fremd-Werbung in eurer Homepage.
Diese dient dazu, um einwenig Geld damit zu
verdienen und die Online-Kosten wieder
reinzubekommen.
Ihr könnt euch beispielsweise bei GOOGLE-Adsense anmelden. Dort
bekommt ihr pro "Klick" bezahlt.
Ausserdem meldet euch bei GOOGLE-Adwords an und bucht (für
beispielsweise 50% eurer Einnahmen bei Adsense)
Werbung für eure Seite. So erhöht ihr die
Besucherzahl eurer Homepage und dadurch auch die
Einnahmen.
Mehr Möglichkeiten zum "Geld
verdienen" mit Eurer Homepage findet ihr HIER!
nach oben?
Schritt 7
(Webseite
ins Netz stellen)
So,
nun ist es soweit, eure Homepage ist fertig
für´s Netz. Nun braucht ihr eine Url (Internetadresse)
und einen Webspace. (Speicherplatz im
Internet, wohin ihr eure Homepage raufladen
müsst. Bis jetzt ist eure Webseite nur auf eurem
Computer und niemand ausser euch hat darauf einen
Zugriff.)
Die Url und den Webspace bekommt ihr am besten
bei United
Domains.
Ausserdem braucht ihr ein FTP-Programm (dieses
dient dazu, eure Webseiten auf den Webspace zu
laden) dazu empfehle ich euch den FTP-Client
Perfect FTP 3.0, den könnt ihr völlig
gratis downloaden und er ist sehr
übersichtlich angeordnet und in deutscher
Sprache.
Gratulation!
Ihr habt nun eure eigene Webseite im Internet und
könnt stolz darauf sein.
Sollte sie nicht beim erstenmal perfekt geworden
sein, so seid nicht traurig, das ist ganz normal,
aber mit jeder Verbesserung wird eure Seite
perfekter.
Denkt immer daran: "Nur aus Fehlern kann man
lernen!"
Wenn ihr wollt, sendet mir eure Url per Mail und
ich sehe mir eure Seite gerne an und gebe euch
ein Feedback und nötigenfalls ein paar Tips wie
ihr eure Page verbessern könnt.
Kontakt
(Bitte fügt in der Mailadresse statt (at) das "@"-Zeichen ein.)
Nunmehr wünsch ich euch viel Spass beim Homepage
basteln.
nach oben?
|
|
Google stellt
seine Anzeigen aufgrund des Contents und
Inhaltes einer Seite ins Netz. Da sich
meine Seite mit "Geld
verdienen" beschäftigt und auch die
"schwarzen Schafe"
ihre Seiten bewerben, kann es vorkommen,
dass auch derartige Seiten bei diesen
Anzeigen zu finden sind.
Ich möchte darauf hinweisen, dass ich
mich von den Inhalten derartiger Seiten
distanziere und bitte euch, diese
lediglich als NEGATIV-BEISPIEL
zu betrachten.
|
|
|
