Hier wollte ich euch mal zeigen wie ihr ein fertiges Design bei nPage einbaut.
Habt ihr euer Design von npage-hilfe.de erworben, und möchtet es auf einer npage.de einbinden, dann benutzt bitte diese Einbauanleitung.
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.
Design bei nPage einbauen
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.
Nun macht ihr einfach aus allen Dateien die immer so heißen images/.. die Richtige URL rein die ihr unter Dateien => Bilder findet. (URL adressen der Bilder finden). 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">
Code: Alles auswählen
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
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 => Design Einstellungen => 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 .
Navigation bearbeiten
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>
Code: Alles auswählen
<a href="Link zur Textseite" >Home</a></td>
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