Als erstes wählt ihr für die die es noch nicht getan haben haben das eigene Design aus.
Nun lädt ihr das Design auf euren PC und entpackt es in meinen Fall Design 70 von onmouser.
Nun öffnet ihr einmal dem Ordner und sieht dort mehrere Dateien wir laden nun alle Dateien bei nPage hoch (Dateien > Dateien Hochladen) bis auf die html Datei.
Wichtig beim Hochladen ist es die Dateien nicht zu komprimieren!
Nun geht ihr einmal in das Verzeichnis HTML Dateien (zu finden unter Dateien => Verzeichnisse =>HTML Dateien) .
Nun bearbeitet ihr einmal die .css Datei.
- dateibearbeiten.png (9.3 KiB) 1331-mal betrachtet
Nun macht ihr einfach aus allen Dateien die immer so heißen images/.. die Richtige URL rein die ihr unter Dateien => Bilder findet.
Am einfachsten ihr logt euch dafür ein zweites mal in einen neuen Tab/Fenster bei nPage ein.
Nun öffnet ihr auf eurem PC die Datei index.html mit einen Text Editor und macht da dasselbe wie mit den CSS Dateien.
Nun sieht ihr im Quelltext einen Teil der bei euch in etwas so aussieht:
- Code: Alles auswählen
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
nun tauscht ihr format.css mit der URL aus die erscheint in der Browser leiste wenn ihr auf die .css Datei draufklickt.
In meinem Fall http://file1.npage.de/005412/19/html/format.css (dass selbe mit der anderen .css Datei falls vorhanden).
Im Normalfall müsste im head Bereich ein Code stehen der so heiß (oder ähnlich)t:
- Code: Alles auswählen
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
Diesen Tauschen wir durch:
- Code: Alles auswählen
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
Nun schaut euch mal dem Quelltext genauer an irgendwo steht nun ein Lehrtext ein Text der nur da steht um dem Anwender zu zeigen wie das Design mit Text aussieht.
In meinen Fall:
<h2>Das Layout </h2>
Dieses Design heisst: "Katzen-Augen".
<br>
<br>
Im Dunkeln sieht man die Augen des Jägers der Nacht funkeln. Das obere Menü ist hier mal direkt zwischen die Augen gesetzt. Ein kleiner "Hingucker" sozusagen.
Nun kopieren wir alles was vor dem Text steht in die Zwischenablage . Und erstellen einen neuen Style unter Design => Mein Design => Styles verwalten => Neuen Style erstellen.
Dort fügen wir was in der Zwischenablage im Kästchen header ein.
Und alles was hinter dem Lehrtext steht, fügen wir im Kästchen footer ein.
Und nun nicht vergessen auf Übernehmen klicken nun ist der Style fertig.
Nun gehen wir auf Styles zuordnen und markieren alle Textseiten und ordnen sie zu.
Nun wählen wir Frameset wählen und wählen 1 Frame aus.
Nun noch mal auf Einstellungen und wählen bei Startseite 1 die Seite aus die ihr
Als Startseite haben wollt.
Das war es auch schon fürs erste :).
Nun stellt sich die Frage wie man die Navigation bearbeitet:
Dies geht auch sehr einfach die Navigation befindet sich in dem Style den wir grade eingefügt haben.
Ihr seht ja so ein Teil:
- Code: Alles auswählen
<a href="index.html" >Home</a></td>
Dies könnt ihr bearbeiten so:
- Code: Alles auswählen
<a href="Link zur Textseite" >Home</a></td>
Die Links zur Textseite findet ihr unter Seiten > Textseiten > Alle Textseiten-URLs ansehen.
Das war es auch schon was man noch machen könnte:
Die Suchbegriffe ändern und den tittle ändern ist aber nicht erforderlich wenn dies bereits im nPage Einstellungen getan wurde.
Verfasst von Stundenbanner
