| |
Eigene Homepage 2
Wir arbeiten mit dem Freeware-Programm Phase5
um die HTML-Dateien zu bearbeiten. Um eine eigene Homepage sorgfältig und übersichtlich aufzubauen, sind einige Vorarbeiten sinnvoll:
- Lege in deinem Ordner einen Ordner "homepage" an.
- Darin lege die Unterordner "grafik" und "seiten" an.
- Kopiere in den Unterordner "grafik" ein Bild, das du als Logo verwenden willst.
- Starte den HTML-Editor Phase5 und erstelle ein neues Projekt. Trage die entsprechenden Ordner ein.
- Erstelle eine neue Datei für die CSS-Einstellungen: Lass alle Einträge leer und erstelle ein leeres Dokument. Speichere es unter dem Namen "formate.css"
- Trage die Formatfestlegungen ein, die du auf dem Arbeitsblatt CSS1.doc notiert hast. Speichere wieder.
Nach den Vorarbeiten kannst du nun mit dem Erstellen der 1. Seite beginnen:
- Erstelle in Phase5 eine neue Datei. Trage einen Titel ein, der im Programmbalken des Browsers erschienen soll.
- Wähle bei "Verfügbare Styles" deine formate.css-Datei aus.
- Erstelle das Dokument (nicht leer!).
- Lösche alle Einträge zwischen <body .... und .... >
- Setze den Cursor zwischen <body> und </body>.
- Drücke mehrmals die ENTER-Taste, um übersichtlich Platz zu schaffen. Setze den Cursor in den freien Bereich.
- Wähle aus den Registern "Tabelle" und dann den Eingabeassistenten.
- Stelle eine 3x2-Tabelle ein.
- Trage ein paar Platzhalter in die Tabelle ein:
| logo |
Titel |
Wetter |
| Home |
Text |
. |
- Klicke auf "Einfügen" und schließe dann das Dialogfenster.
- Speichere die Seite unter dem Namen "index.html"
Nun wird die erste Seite mit Inhalt gefüllt.
- Markiere in der Seite im HTML-Text das Wort "logo". Klicke auf der linken Seite auf den Ordner "grafik" und dann auf deine Logo-Datei. Sofort wird im HTML-Text der entsprechende Eintrag vorgenommen (so etwas wie <img src="grafik/logo.gif"> ).
- Achte darauf, dass dieser Eintrag zwischen <td> und </td> steht.
- Markiere das Wort "Titel" und überschreibe es mit der Überschrift für deine Seite. Markiere den Text erneut. Wähle aus den Registern "Text" und die Auszeichnung für die 1. Überschrift "h1". (Du siehst etwas wie <h1>Titel meiner Seite </h1> ).
- Markiere im HTML-Text das Wort "Home". Klicke links auf deinen Homepage-Ordner und dann auf den Dateinamen "index.html" und ziehe die Datei auf die Markierung (du siehst etwas wie <a href="index.html">Home</a> ).
- Speichere deine Datei.
- Nun kannst du das Wort "Text" ersetzen mit allem, was auf deiner Homepage stehen soll. Weitere Seiten erzeugen wir später.
Home
|
