Dies ist eine Bezahl-Funktion
Bezahlende User können schon ab 4 € im Monat alle Funktionen der fotocommunity nutzen.
  • In allen Foren lesen und schreiben
  • Aktbilder hochladen und anschauen
  • Am Galerie-Voting teilnehmen
  • Bis zu 30 Fotos / Woche hochladen
> Jetzt Bezahl-Mitglied werden
 
ad ad ad
 
 
 
spacer.gif

HTML-Templates selbst erstellen

Die Option HTML-Template verändern erfordert ein gewisses Grundwissen in der Erstellung von Homepages bzw. in HTML. Als eine sehr gute Referenz bietet sich hier SELFHTML (http://de.selfhtml.org/) an.

Du kannst das HTML-Design von fotohome vollkommen frei gestalten.

Ein Design besteht aus vier HTML-Templates:

  1. Die Startseite Deiner fotohome-Page mit Auswahl der Ordner,
  2. Die Übersichtseite mit allen Fotos in einem Ordner,
  3. Die Foto-Seite und
  4. Basis-Seite für andere Funktionen (z.B. Eingabe eines Ordner-Passwortes).

Auf Grundlage dieser HTML-Templates wird Deine fotohome-Page aufgebaut. Der Inhalt (Fotos, Fototitel, Navigationselemente u.ä.) wird durch Platzhalter-Codes eingebunden.

Im Normalfall wird es ausreichen, wenn Du ein vorhandenes Standardtemplate verwendest und dieses anpasst. Alle nötigen Codes sind in diesen Templates bereits enthalten und sollten am besten nicht gelöscht werden.

Inhaltsverzeichnis
1 Vorgehensweise bei Verwendung von Web-Editoren
2 Cascading Stylesheet (CSS)-Definition

2.1 Möglichkeit A
2.2 Möglichkeit B

Vorgehensweise bei Verwendung von Web-Editoren

Webeditoren wie z.B. Dreamweaver oder GoLive erlauben dir, HTML-Code zu bearbeiten. Ein Template ist nichts anderes als eine HTML-Seite, in der einige Platzhalter stehen.

Du kannst ein bestehendes Template komfortabel in einem Web-Editor verändern. Dafür kopiere den HTML-Code eines Templates in Dein Programm, verändere es, und kopiere es anschliessend wieder zurück.

Cascading Stylesheet (CSS)-Definition

Die vorgefertigten Templates besitzen oben zwischen HEADER und BODY ein dynamisches Stylesheet, dass für einige Gestaltungsmerkmale veranwortlich ist. Hier werden z.B. die Farben und Schriften ersetzt, die Du jeweils in dem Menüpunkt FARBEN UND SCHRIFTEN eingegeben hast. Du hast nun zwei Möglichkeiten:

Möglichkeit A

Lösche zunächst das Stylesheet aus dem Template und verändere alle Farben und eventuelle Styles wie gewohnt mit Deinem Web-Editor. Nachteil: Wenn Du dieses Design später verwendest, kannst Du die Farben nicht mehr über die Menüpunkte verändern, da sie nun fest codiert sind.

Möglichkeit B

Stelle zunächst die Farben in dem Menüpunkt FARBEN UND SCHRIFTEN so ein, wie Du es wünschst. Dann sehe Dir den Quellcode an und kopiere nur den Stylesheet in den HTML-Code in Deinem Web-Editor, denn dort ist der Stylesheet mit den korrekten Farben zu finden. Nun kannst Du während des Editierens in Deinem Web-Editor alle Farben richtig sehen. Wenn Du fertig bist, ersetze das ausgetauschte Stylesheet wieder mit dem Original-Stylesheet aus Deinem Template. Vorteil: Wenn Du dieses Design verwendest, kannst Du auch später per Menüpunkt FARBEN UND SCHRIFTEN das Design anpassen.


Von "http://www.fotocommunity.de/info/HTML-Templates_selbst_erstellen"
  Letzte Änderung: 15:12, 16. Mai 2007 von Franz-Josef Wirtz . Basiert auf dem Text von Stephan Tijink und Gabriela Ürlings und anderen. - Aufrufe: 13085
Der Textinhalt dieser Seite steht unter der Creative Commons License. Alle Fotos und Grafiken sind urheberrechtlich geschützt, wenn nicht anders angegeben. Der Text spiegelt nicht unbedingt die Meinung der fotocommunity wider.