Mach mit bei Feierabend.de!
Finde neue Freunde für Leben, Liebe und Freizeit
Online Sofortkontakt zu 160.000 Gleichgesinnten
Triff nette Menschen „vor Ort“ in 120 Regionalgruppen
Jetzt kostenlos anmelden!
Service:
Freunde einladen! Sicherheitshinweis Zur Startseite machen Rundgang durch die Community Sofort-Nachrichten
R_computer
Freunde einladen! Sicherheitshinweis Zur Startseite machen Rundgang durch die Community Sofort-Nachrichten
Für Gestaltung und Inhalt dieser Thementreffseiten sind ausschließlich die jeweiligen Thementreffverwalter verantwortlich.
Die von den Thementreffverwaltern eingegebenen und heraufgeladenen Inhalte unterliegen grundsätzlich weder einer Kontrolle
durch Feierabend, noch nimmt Feierabend hierauf Einfluss. Hiervon ausgenommen sind werbliche Einblendungen und Beiträge die
von Feierabend direkt eingestellt wurden und als solche gekennzeichnet sind.
Thementreff Computer & Internet
Feierabend-Homepage erstellen
Inhaltsverzeichnis
Homepage-Programm starten
Die Feierabend-Homepage wird mittels eines Programms erstellt. Um das aufzurufen, gehst du auf die FA-Startseite und stellst in der zweiten Zeile den Mauszeiger auf Unterhaltung. Daraufhin klappt das Menü auf und zeigt u.a Gratis Homepage. Ein Klick darauf führt Dich zur folgenden Abbildung. Oder klick einfach hier.
Ganz praktisch: Speichere die Adresse als Favorit.
 "Startbild 3")
Wie man sieht, gibt es zwei Arten Homepages, die für Einsteiger und die für Fortgeschrittene. Doch schwieriges ist die Fortgeschrittenen-Homepage auch nicht.
Wie das Bild schon andeutet, bietet die Einsteiger-Seite nur eine einzige Seite, während die Fortgeschrittenen-Abteilung davon bis zu 10 haben kann. Doch die Gestaltung der Seiten selbst ist in beiden Fällen gleich einfach oder schwierig, je nachdem, was man mit der Seite machen will.
Der einzige Unterschied: Weil auch von den bis zu 10 Seiten immer nur eine angezeigt werden kann, hat die Fortgeschrittenen-Homepage auf der linken Seite eine Menü-Leiste, die immer sichtbar ist. Diese Menü-Leiste kann einfach aus Texten bestehen oder aus so genannten „Buttons“. Letztere sind kleine Grafiken, die man mit einem Grafikprogramm erstellen muss.
Auch wichtig: Ein Gästebuch und ein Kontaktformular gibt es nur Fortgeschrittenen-Homepage.
Weil das auch oft gefragt wird: Solange man die Homepage erstellt oder ändert, muss man online sein. Es empfiehlt sich aber, längere Texte in zum Beispiel Word vorab zu schreiben (inkl. Rechtschreibprüfung) und dann einfach über die Zwischenablage in die Homepage zu kopieren.
Inzwischen gibt es über 5000 Feierabend-Homepages, die Ihr Euch hier ansehen könnt. Daraus 3 Beispiele:
Eine Einsteiger-Homepage
Eine Fortgeschrittenen-Homepage mit einer Text-Menü-Leiste
Eine Seite mit Grafiken in der Menü-Leiste
Einsteiger-Homepage erstellen
Als erstes Beispiel soll die folgende Seite erstellt werden, wobei Ihr das natürlich nicht 1:1 kopieren, sonder nur das Prinzip imitieren sollt.
Wenn die Seite misslingt, ist das auch kein Problem. Man kann sie immer wieder ändern und auch ganz löschen.
Wir brauchen 2 Bilder und 2 Texte, die neben den Bildern stehen sollen.
Die Bilder müssen auf der Festplatte liegen und im Format JPG oder GIF abgespeichert sein. .
Wie das Bild schon andeutet, bietet die Einsteiger-Seite nur eine einzige Seite, während die Fortgeschrittenen-Abteilung davon bis zu 10 haben kann. Doch die Gestaltung der Seiten selbst ist in beiden Fällen gleich einfach oder schwierig, je nachdem, was man mit der Seite machen will.
Der einzige Unterschied: Weil auch von den bis zu 10 Seiten immer nur eine angezeigt werden kann, hat die Fortgeschrittenen-Homepage auf der linken Seite eine Menü-Leiste, die immer sichtbar ist. Diese Menü-Leiste kann einfach aus Texten bestehen oder aus so genannten „Buttons“. Letztere sind kleine Grafiken, die man mit einem Grafikprogramm erstellen muss.
Auch wichtig: Ein Gästebuch und ein Kontaktformular gibt es nur Fortgeschrittenen-Homepage.
Weil das auch oft gefragt wird: Solange man die Homepage erstellt oder ändert, muss man online sein. Es empfiehlt sich aber, längere Texte in zum Beispiel Word vorab zu schreiben (inkl. Rechtschreibprüfung) und dann einfach über die Zwischenablage in die Homepage zu kopieren.
Inzwischen gibt es über 5000 Feierabend-Homepages, die Ihr Euch hier ansehen könnt. Daraus 3 Beispiele:
Eine Einsteiger-Homepage
Eine Fortgeschrittenen-Homepage mit einer Text-Menü-Leiste
Eine Seite mit Grafiken in der Menü-Leiste
Einsteiger-Homepage erstellen
Als erstes Beispiel soll die folgende Seite erstellt werden, wobei Ihr das natürlich nicht 1:1 kopieren, sonder nur das Prinzip imitieren sollt.
Wenn die Seite misslingt, ist das auch kein Problem. Man kann sie immer wieder ändern und auch ganz löschen.
Wir brauchen 2 Bilder und 2 Texte, die neben den Bildern stehen sollen.
Die Bilder müssen auf der Festplatte liegen und im Format JPG oder GIF abgespeichert sein. .
 "Homepage-Beispiel")
Gibt es schon Deine Homepage oder auch nur die ersten Anfänge davon, erscheinen nach dem Klick auf "Homepage für Einsteiger erstellen/bearbeiten" diese Zeilen:
Sie haben bereits zu einem früheren Zeitpunkt eine Homepage erstellt.
Sie können jetzt diese Homepage ansehen, sie ändern oder sie löschen.
Zur Homepage
Homepage löschen
Homepage bearbeiten
Gibt es die Homepage noch nicht, landet man direkt im Editor, den wir nun der Reihe nach betrachten. Dazu müsst ihr immmer weiter nach unten rollen.
 "Editor 1")
Zuerst wählt man eine Hintergrundfarbe oder ein Hintergrundbild. Dazu muss man in einen der kleinen Kreise klicken. Die Hintergrundbilder sind praktisch Muster. Um das zu verdeutlichen, habe ich auch ein Muster gewählt.
Danach folgt der Titel der Seite, hier „ Peter's Heimseite“. Zusätzlich habe im Aufklappmenü als Textfarbe Blau gewählt. Pflicht ist der Titel nicht, das Feld kann auch leer bleiben.
Klickt man auf unter "Wählen Sie hier bitte Bild 1:" auf die darunter liegende Schaltfläche "Datei auswählen", öffnet der übliche Datei-Dialog, beispielsweise dieser:
Danach folgt der Titel der Seite, hier „ Peter's Heimseite“. Zusätzlich habe im Aufklappmenü als Textfarbe Blau gewählt. Pflicht ist der Titel nicht, das Feld kann auch leer bleiben.
Klickt man auf unter "Wählen Sie hier bitte Bild 1:" auf die darunter liegende Schaltfläche "Datei auswählen", öffnet der übliche Datei-Dialog, beispielsweise dieser:
 "File-Dlg")
Hier muss man sich wie üblich zum Ordner des Bildes durchhangeln, das Bild auswählen und dann auf "Öffnen" klicken.
Die Bilder können so groß sein, dass sie die ganze Seite belegen, aber dann bleibt kein Platz mehr für den Text. In diesem Beispiel sind die Bilder 530 Pixel breit.
Achtung: Die Bilder dürfen nicht größer als 1,4 MB (1496 KB) sein. In diesem Fall wird das Bild zwar erst hochgeladen, was recht lange dauert, aber dann abgewiesen. Auch wichtig: Nur Bilder vom Typ JPG oder GIF sind erlaubt.
Lädt man ein anders Bild, ersetzt es das vorhandene. Will man hingegen gar kein Bild mehr haben, dann lädt man keines und klickt auf in das Kästchen vor „Bisheriges Bild löschen“.
In das Feld unter "Geben Sie hier bitte den Text 1 ein:" geben sie den Text ein, der neben Bild 1 stehen soll. Das erste Textfeld wird i.d.R. immer ausgefüllt, während das zweite Textfeld durchaus leer sein kann und auch die Bilder sind nur Kür.
Nun, wir haben 2 Bilder und 2 Texte und müssen die jetzt nur noch zuordnen. Rolle etwas nach unten, damit es so aussieht:
Die Bilder können so groß sein, dass sie die ganze Seite belegen, aber dann bleibt kein Platz mehr für den Text. In diesem Beispiel sind die Bilder 530 Pixel breit.
Achtung: Die Bilder dürfen nicht größer als 1,4 MB (1496 KB) sein. In diesem Fall wird das Bild zwar erst hochgeladen, was recht lange dauert, aber dann abgewiesen. Auch wichtig: Nur Bilder vom Typ JPG oder GIF sind erlaubt.
Lädt man ein anders Bild, ersetzt es das vorhandene. Will man hingegen gar kein Bild mehr haben, dann lädt man keines und klickt auf in das Kästchen vor „Bisheriges Bild löschen“.
In das Feld unter "Geben Sie hier bitte den Text 1 ein:" geben sie den Text ein, der neben Bild 1 stehen soll. Das erste Textfeld wird i.d.R. immer ausgefüllt, während das zweite Textfeld durchaus leer sein kann und auch die Bilder sind nur Kür.
Nun, wir haben 2 Bilder und 2 Texte und müssen die jetzt nur noch zuordnen. Rolle etwas nach unten, damit es so aussieht:
 "Bild2 3")
Unten im Bild gibt es die 5 Layouts, also Kombinationen von Bild 1 mit Text 1 bzw. Bild 2 mit Text 2. Wir haben das 4. Layout gewählt, also
Text 1, Bild 1
Bild 2, Text 2
Blieben noch die Schaltflächen zu erklären. „Vorschau“ zeigt in etwa an, wie die Seite aussehen wird. Mit der Browser-Taste <-- kommt man zurück, ohne die Änderungen zu übernehmen. „Seite generieren“ erzeugt die Seite bzw. übernimmt alle Änderungen, während „Zurücksetzen“ die Seite in den Startzustand versetzt.
Homepage für Fortgeschrittene erstellen
Nach dem Klick auf Homepage für Fortgeschrittene erstellen/bearbeiten erscheint das folgende Bild:
Text 1, Bild 1
Bild 2, Text 2
Blieben noch die Schaltflächen zu erklären. „Vorschau“ zeigt in etwa an, wie die Seite aussehen wird. Mit der Browser-Taste <-- kommt man zurück, ohne die Änderungen zu übernehmen. „Seite generieren“ erzeugt die Seite bzw. übernimmt alle Änderungen, während „Zurücksetzen“ die Seite in den Startzustand versetzt.
Homepage für Fortgeschrittene erstellen
Nach dem Klick auf Homepage für Fortgeschrittene erstellen/bearbeiten erscheint das folgende Bild:
 "Start 2")
Homepage-Eigenschaften festlegen
Als Erstes solltest du die Eigenschaften Deiner Homepage einstellen. Dafür klickst Du auf Homepage-Eigenschaften festlegen und das folgende Bild öffnet:
 "Properties")
Lassen wir es mal bei den 5 Seiten. Wir sagen auch Ja zum Email-Formular, denn damit können unsere Leser uns recht einfach eine Mail schicken. Auch das Gästebuch erlauben wir.
"Rahmen anzeigen" mit "Ja" zeigt zwei dünne Trennlinien an, eine waagerecht unter dem Titel und eine senkrecht rechts von der Menü-Leiste.
Die Menü-Breite gibt vor, wie lang die Menü-Zeilen werden können. Wir lassen es erst einmal bei den 100 Pixeln. Sieht unser Menü hässlich aus, können wir die Breite immer noch ändern.
Interessant ist der Seitentitel an dieser Stelle. Der hier eingetragene Text erscheint in der Titelzeile des Browsers.
Vergiss nicht, zum Schluss auf die Schaltfläche "Eigenschaften übernehmen" zu klicken.
Später, wenn es deine Homepage schon gibt, und Du hier nur etwas geändert hast, musst Du auch noch auf "Homepage generieren" klicken, damit die Änderungen übernommen werden.
Seiten erstellen
Prinzipiell werden die Seiten so erstellt, wie bei der Homepage für Einsteiger auch, nur dass es ein paar mehr sind.
Klicke auf "Seite 1 erstellen".
Gebe unter "Geben Sie hier bitte den Text ein:" in die Textbox diese Zeilen ein:
<center>
<h1>Ich über mich</h1>
</center>
<center> ist eine HTML-Marke (eng. HTML-tag). Danach wird der Text solange zentriert bis die Aufhebung, die selbe Marke mit einem / davor) auftaucht.
<h1> ist eine Überschriften-Marke und sorgt dafür, dass der Text groß und fett geschrieben wird.
Das folgende Bild zeigt, wie das im Editor aussieht.
 "Bild 3")
Nach der Eingabe musst du nach untern rollen und auf die Schaltfläche "Seite 1 generieren" klicken.
Beachte, dass nun die Anzeige wechselt von "Seite 1 erstellen" in "Seite 1 bearbeiten".
Das Ganze wiederholen wir nun für die folgenden Seiten mit diesen Texten:
Seite 2: Meine Familie
Seite 3: Unsere Freunde
Seite 4: Meine Hobbies
Seite 5: Unser Garten
Menü-Leiste erstellen
Wir beginnen mit einer Menü-Leiste auf Textbasis. Dafür klicke in der Hauptauswahl auf "Menu mit Text erstellen", woraufhin das folgende Bild öffnet, allerdings noch nicht ausgefüllt:
Beachte, dass nun die Anzeige wechselt von "Seite 1 erstellen" in "Seite 1 bearbeiten".
Das Ganze wiederholen wir nun für die folgenden Seiten mit diesen Texten:
Seite 2: Meine Familie
Seite 3: Unsere Freunde
Seite 4: Meine Hobbies
Seite 5: Unser Garten
Menü-Leiste erstellen
Wir beginnen mit einer Menü-Leiste auf Textbasis. Dafür klicke in der Hauptauswahl auf "Menu mit Text erstellen", woraufhin das folgende Bild öffnet, allerdings noch nicht ausgefüllt:
 "Menue")
Neben den eigenen Menüs muss man noch die Titel für Mail und das Gästebuch vergeben. Ich habe sie halt einfach so genannt.
Wichtig ist nun, dass man zum Schluss nach unten rollt und die Schaltfläche "Menu generieren" klickt.
Danach seid Ihr wieder in der Hauptauswahl. Hier klickt Ihr "Homepage generieren", damit das Menü eingebunden wird. Außerdem zeigt dieser Klick gleich, wie die Homepage aussieht.
Und dabei zeigt sich zweierlei. Die Menüs sind zu schmal und über der Email steht "{{txt}}"
Das mit der Menübreite ist schnell erlegt. Klicke auf "Homepage-Eigenschaften festlegen", stelle die Menübreite auf 200, klicke auf "Eigenschaften übernehmen" und dann auf "Homepage generieren".
Das folgende Bild zeigt links die Textversion und rechts die Lösung mit Grafiken.
 "menus")
Menüs mit Buttons
Nun zu einer Menü-Leiste auf Buttons-Basis. Dafür klicke in der Hauptauswahl auf "Menu mit Buttons erstellen". Sinngemäß das folgende Bild öffnet: "Buttons")
Die Grafiken müssen auf der Festplatte als jpg oder gif gespeichert sein.
Nach dem Klick auf "Datei auswählen" öffnet der übliche Dateidialog, über den man sich jeweiligen Grafik durchhangeln kann.
Nach dem Klick auf "Datei auswählen" öffnet der übliche Dateidialog, über den man sich jeweiligen Grafik durchhangeln kann.
Emailform erstellen
Um die Email einzustellen, klicke auf in der Hauptauswahl auf "Emailform erstellen" und das folgende Bild öffnet:
 "Email")
Die Email-Adresse der Form "Nickname@eierabend.com" ist schon voreingestellt. Die kannst du aber durch eine andere Adresse ersetzen.
In das Textfeld solltest Du mindestens ein Leerzeichen eingeben, damit die interne Variabel "{{txt}}" nicht angezeigt wird.Du kannst aber auch so etwas wie "Ich freue mich auf einen Brief von Dir" eingeben. Der Text kann auch HTML-tags enthalten.
Der Rest, Hintegrund- und Textfarbe, ist Geschmackssache. Probiert es mal aus.
Zum Schluss musst Du auf "Emailformular generieren" klicken und danach auf "Homepage generieren"
HTML
HTML ist die Abkürzung von Hyper Text Mark-up Language (Hypertext-Markierungs-Sprache) und ist der Code, in dem fast alle Webseiten geschrieben sind. Auch wenn er einen komplizierten Namen hat, ist der Code selbst eigentlich ganz einfach. Bevor du HTML lernen kannst, musst du etwas Wichtiges wissen.
Alle Befehle werden in dreieckigen Klammern geschrieben < >. Das nennt man „Tags“. Wenn du etwas zwischen diese Klammern schreibst, bedeutet das, du möchtest einen Befehl beginnen. Wenn du einen Befehl beenden möchtest, musst du auch die Tags beenden. Um einen Tag zu beenden, schreibst du </befehl>. Das heißt, du fügst ein / nach dem ersten < hinzu.
<b>Ein Wort</b> würde Ein Wort fett geschrieben auf deiner Seite anzeigen. Nachdem das Tag beendet wurde, wird der Rest nach 'Ein Wort' nicht mehr fett geschrieben.
Es gibt einige Ausnahmen für Tags, die nicht beendet werden müssen, doch dazu kommen wir später. Das Konzept der Tags ist bei HTML am schwersten zu verstehen. Wenn du erst verstanden hast, dass jeder Befehl zwischen < und > stehen muss, dann bist du schon auf dem besten Weg, Webseiten zu meistern.
Mehr dazu findet Ihr im HTML-Kurs unter Treffpunkte/Computer & Internet oder gleich hier
Viele Bilder auf einer Seite
Standardmäßig lassen sich auf einer FA-Homepage nur 2 Bilder mit zugehörigem Text unterbringen. Sollen es mehr Bilder sein, muss man diese als <img src> von einer im Internet zugänglichen Seite laden.
Doch viele der sog. Foto-Upload-Seiten sind nicht besonders schnell und auch nicht sehr zuverlässig. Plötzlich sind die Seiten oder zumindest die eigenen Bilder verschwunden, z.B. weil sie nach ein paar Monaten automatisch gelöscht werden. Eine bessere Lösung bietet die Bildergalerie von Feierabend.
Mehr dazu findet Ihr im Artikel "Viele Bilder auf einer Seit" oder gleich hier
Standardmäßig lassen sich auf einer FA-Homepage nur 2 Bilder mit zugehörigem Text unterbringen. Sollen es mehr Bilder sein, muss man diese als <img src> von einer im Internet zugänglichen Seite laden.
Doch viele der sog. Foto-Upload-Seiten sind nicht besonders schnell und auch nicht sehr zuverlässig. Plötzlich sind die Seiten oder zumindest die eigenen Bilder verschwunden, z.B. weil sie nach ein paar Monaten automatisch gelöscht werden. Eine bessere Lösung bietet die Bildergalerie von Feierabend.
Mehr dazu findet Ihr im Artikel "Viele Bilder auf einer Seit" oder gleich hier
Cache leeren
Wenn du deine Homepage geändert hast, siehst du in der Vorschau, wie die Seite nun in etwa aussieht. Die richtige Wirkung zeigt sich erst im Browser, wenn man die Seite mit http://home.feierabend.com/Nickname aufruft. Doch da zeigt die Seite plötzlich den alten Stand.
Der Grund liegt im so genannten Cache. Das ist ein Zwischenspeicher auf der Festplatte, in die Browser bereits einmal geladene Seiten sammeln. Forderst du dann die Seite wieder an, verbindet sich der Browser gar nicht mehr mit dem Internet, sondern holt die Seite aus dem Cache.
Oft hilft in diesem Fall ein Klicke auf das Reload-Symbol, ein Teilkreis mit einem Pfeil, auch Aktualisieren oder „Neu laden“ genannt. Du kannst auch mit der rechten Maustaste in die Seite klicken und dann aus dem Kontextmenü je nach Browser "Neu laden" oder "Rahmen neu laden" oder "Aktualisieren" wählen
Hilf t das nicht, muss man den Cache leeren.
Internet Explorer 8
Klicke im Menü „Extras“ auf „Browserverlauf löschen“. Das folgende Bild öffnet:
 "IE(")
Hake "Temporäre Internetdateien" an und klicke auf "Löschen".
Firefox 3.x
Klicke in der Menüleiste auf "Extras" und dort auf "Neuste Chronik löschen......".
Das folgende Bild öffnet.
Firefox 3.x
Klicke in der Menüleiste auf "Extras" und dort auf "Neuste Chronik löschen......".
Das folgende Bild öffnet.
 "FF3x")
Hake mindestens "Cache" an und klicke auf "Jetzt löschen".