Website Dokumentation. rene hirt.ch

Größe: px
Ab Seite anzeigen:

Download "Website Dokumentation. rene hirt.ch"

Transkript

1 Website Dokumentation rene hirt.ch Es ist der Bauplan vom Konzept zur Umsetzung und Launch der Website. Das Dokument enthält technisch relevante Daten zu Konstruktion des Internetauftritts. René Hirt, hirt.ch

2 1. Verzeichnisse 1.1. Inhaltsverzeichnis 1. Verzeichnisse Inhaltsverzeichnis Abbildungsverzeichnis Tabellenverzeichnis Planung Ziele und Inhalte Strategisches Konzept Produktionshandbuch Realisierung Benutzte Hardware Benutzte Software Test Server Einstellungen von Dreamweaver Speziell verwendete Scripts Script für die Schriftart: Lucida Calligrafy JavaScript für das Hochscrollen der Website Border Radius Fein Konzept Abänderungen Homepage Text Definition Navigations Architektur Design Konzept Abänderungen Content_left Content_middle Sub Navigation Footer Verzeichnisstruktur Lokale Verzeichnisstruktur Host Verzeichnisstruktur Style Guide DIV Identifikation Site Identifikation Website Dokumentation_Open.docx Version 0.3 Seite 1 von 26

3 5.3. Body Header Navigation Footer Inhalt HTML Tags Bildformatierung Style Sheets Allgemeine Informationen und Sheets Spezieller Sheet Eintrag für die Vorlage: Haupt Kategorie Spezieller Sheet Eintrag für die Vorlage: Homepage Farb Tabellen Homepage Header Body Navigation Footer Launch Meta Angaben Allgemeine Meta Angaben Meta Angaben nach Dublin Core Provider Angaben und Logins Suchmaschinen Anmeldungen Wartungsleitfaden Anhänge Wordpress Grundeinstellungen Einbindung des Wordpress in die Homepage Wordpress Test Server Style Sheet Änderungen in Wordpress Linkliste Thema: font face Scroll to top Cascading Style Sheets und Design Website Dokumentation_Open.docx Version 0.3 Seite 2 von 26

4 1.2. Abbildungsverzeichnis Abbildung 1: Web Host Hostpoint... 5 Abbildung 2: Lokale DW Einstellungen... 6 Abbildung 3: Einfache Test Server Einstellungen... 6 Abbildung 4: Erweiterte Test Server Einstellungen... 7 Abbildung 5: Stammordner für Bilder... 7 Abbildung 6: Div Identifikation Abbildung 7: Div Identifikation mit Höhen Abbildung 8: Wordpress Links und Einstellungen Abbildung 9: Style Wordpress Tabellenverzeichnis Tabelle 1: Benutzte Hardware... 4 Tabelle 2: Benutzte Software... 5 Tabelle 3: Neue Text Definition... 9 Tabelle 4: Neue Boxen im Footer Tabelle 5: Lokale Verzeichnis Strukturen Tabelle 6: Host Verzeichnis Struktur Tabelle 7: Div Identifikation Tabelle 8: Site Identifikation Tabelle 9: Style Sheets Tabelle 10: Allgemeine Meta Angaben Tabelle 11: Meta Angaben nach Dublin Core Tabelle 12: Provider Angaben und Logins Tabelle 13: Wartungsleitfaden Tabelle 14: Wordpress Einstellungen Tabelle 15: Stylesheet Wordpress Neue Codes Tabelle 16: Links Font Face Tabelle 17: Links Scroll to top Tabelle 18: Links CSS und Design Planung 2.1. Ziele und Inhalte Die Website rene hirt.ch war bereits 8 Jahre alt und wurde selten aktualisiert. Sie entsprach nicht mehr dem heutigen Standard und sie war auch vom Design her entsprach sie nicht mehr dem Stil von René Hirt. Daher entschloss sich René Hirt die alte Website nicht mehr zu renovieren, sondern eine komplett neue Website zu kreieren. Das Ziel der neuen Website ist es, die Person René Hirt im Stand 2012 zu wiederspiegeln Strategisches Konzept Der Benutzer soll nach dem Besuch der Website die Person und den Charakter kennen. Daher entschloss sich René Hirt die Website generell statisch zu gestalten, da sich die Inhalte eh kaum Website Dokumentation_Open.docx Version 0.3 Seite 3 von 26

5 ändern. Anhand der Konkurrenzanalyse und SWOT Profil erkannte der Auftraggeber, dass zunehmend dynamische Inhalte wichtig werden. Daher wurde auch der Homepage ein Blog mit einem persönlichen Tagebuch implementiert Produktionshandbuch Der Grundton der Website wurde in einem violetten Farbton gehalten. Die Farben Rot und Blau sollen das Violett unterstreichen. Die Schriftart wurde in der Farbe Schwarz gehalten mit weissem Hintergrund. Diverse Style Elemente wurden durch die Farben Gold und Silber unterstützt. Die Überschriften wurden generell in den Schriftarten Lucida Calligrafy und als Alternative die Schriftart Tahoma gewählt. Für die Links und Inhaltstexten benutzte man die Schriftart Verdana. Als Navigations Architektur wählte man eine Haupt Navigation, die horizontal direkt unterhalb des Header positioniert wurde. Die Unter Navigation wurde auf die linke Website des Inhalts untergebracht. Weitere Unter Navigation wurde nicht geplant, da auch bewusst die Klicktiefe gering gehalten wurde. Die Meta Navigation für Inhalte, die nicht in eine Kategorie eingeteilt werden konnte, wurde direkt oberhalb des Headers positioniert. Als Gestaltungsrater wurde ein generelles Raster von 5 Spalten genommen, um den goldenen Schnitt zu gewährleisten. Die Reihen wurden nicht bewusst eingeteilt, jedoch wurde bei der Konstruktion auf die Rasterhaltigkeit geachtet. 3. Realisierung 3.1. Benutzte Hardware Umgebung Private Workstation Berufliche Workstation Web Host Internetanbindung Tabelle 1: Benutzte Hardware Merkmale Für die Öffentlichkeit gesperrt. Der bereits bestehende Web Host hat folgende Konfigurationen gemäss Abbildung 1: Web Host Hostpoint, Stand Daher wurde entschieden auf der Workstation im Betrieb den WampServer 2.2E, 64bit auf Grundlagen von PHP 5.3 zu installieren, obschon ein WampServer mit PHP 5.4 existieren würde. Website Dokumentation_Open.docx Version 0.3 Seite 4 von 26

6 Abbildung 1: Web Host Hostpoint 3.2. Benutzte Software Anwendung Software Version FTP Client WinSCP HTML Editor Adobe Design Premium CS5: Dreamweaver 5.5 Notepad CSS Editor Adobe Design Premium CS5: Dreamweaver 5.5 Notepad Gestaltung Adobe Design Premium CS5: Fireworks 5.5 Bildbearbeitung Adobe Design Premium CS5: Photoshop 5.5 Blog Wordpress Analyse Awstats Unbekannt Host GUI Hostpoint Control Panel Unbekannt Projektplanung Ganttproject Mindjet MindManager Pro Novell GroupWise Outlook 2007 Unbekannt Acrobat 9 Professional Betriebssystem Microsoft Windows 7 SP1 Enterprise SP1 Test Server WampServer 2.2 Apache PHP phpmyadmin MySQL Tabelle 2: Benutzte Software Website Dokumentation_Open.docx Version 0.3 Seite 5 von 26

7 Test Server Einstellungen von Dreamweaver Abbildung 2: Lokale DW Einstellungen Da die lokalen Dreamweaver Einstellungen direkt zum Test Server gehen, werden die Daten regelmässig auf den Stick gesichert werden müssen! Abbildung 3: Einfache Test Server Einstellungen Für den Upload auf den Web Host von Hostpoint (Scharfschaltung Launch) wird ein FTP Client benutzt und die Daten mittels dem FTP Protokoll übertragen. Die Logins sind im Kapitel 7.2. zu finden. Website Dokumentation_Open.docx Version 0.3 Seite 6 von 26

8 Abbildung 4: Erweiterte Test Server Einstellungen Ob die Daten tatsächlich automatisch auf den Test Server beim Abspeichern raufgeladen werden sollen, wird man in der Praxis noch ausprobieren müssen. Hier wird aber versucht, Flüchtigkeitsfehler zu vermeiden, indem man vergisst, den Server zu aktualisieren. Abbildung 5: Stammordner für Bilder Diese Einstellung wird nicht zwingend benötigt, kann aber die Arbeiten vereinfachen. Website Dokumentation_Open.docx Version 0.3 Seite 7 von 26

9 3.3. Speziell verwendete Scripts Script für die Schriftart: Lucida Calligrafy Die Schriftart Lucida Calligrafy wird nicht in jedem Betriebssystem unterstützt. Daher wird über den CSS Befehl folgendes Script face { } font family:'lucida Calligraphy'; src: local(''); src: url('www.rene hirt.ch/tamplates/lucida calligrafy.eot') format('eot'), url('www.rene hirt.ch/templates/lucida calligrafy.ttf') format('truetype'), font weight:normal; font style:italic; Zudem wird im Host Server in der Datei.htaccess folgender Befehl eingetragen, damit auch Firefox mit absoluten Links umgehen kann: <FilesMatch "\.(ttf otf eot)$"> Header set Access Control Allow Origin "*" </FilesMatch> Mit allen anderen Browser Versionen sollte mit dem font face Befehl die Schriftart funktionieren JavaScript für das Hochscrollen der Website Von Dynamic Drive wird ein spezielles JavaScript für das Hochscrollen der Website zum Anfang der Seite benutzt. Das Script ist im Verzeichnis scripts auf dem Host gespeichert. Das Script wird im Header aufgerufen unter folgendem Befehl: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="scripts/scrolltopcontrol.js"> /*********************************************** * Scroll To Top Control script Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Project Page at for full source code***********************************************/ </script> WICHTIG: Damit das Script funktioniert muss als Link: <a href="#top">back to Top</a> enthalten sein. Die Variablen können im Script scrolltopcontrol.js verändert werden. Entsprechende Angaben sind im Script kommentiert. Zudem wurde für den Scroll Button ein eigenes Bild generiert unter dem Namen: up_lila.png. Diese ersetzt up.png im Orginal Script. Der neue Pfadt heisst: controlhtml: '<img src="images/up_lila.png" style="width:100px; height:50px" />', Website Dokumentation_Open.docx Version 0.3 Seite 8 von 26

10 Auf der Zeile 59 wurde das Original Script auch verändert mit dem Eintrag:.attr({title:'Nach oben Zum Haupt Menu'}) Wenn der Benutzer auf den Button geht erscheint mit diesem Eintrag ein Hilfsfenster mit der Beschriftung: Nach oben Zum Haupt Menu Border Radius Die sichtbaren Boxen sollen oben links und unten rechts abgerundet sein. Im Design Konzept ist dies unterschiedlich gezeichnet worden, indem alle Ecken rund sind. Die obere rechte und die untere linke Ecke sollen spitz verlaufen. Daher werden für die abgerundeten Ecken im Stylesheet der borderradius Befehle verwendet. Diese sind allerdings nur auf Browsern ersichtlich, die mit CSS3 umgehen können. Im Code werden auch Hacks für die verschiedenen Browser geschrieben: webkit border top left radius: 10px; webkit border bottom right radius: 10px; moz border radius topleft: 10px; moz border radius bottomright: 10px; border top left radius: 10px; border bottom right radius: 10px; Dies ist der Beispiel Code für die Hauptnavigation. Dies wird auch für die Boxen sub_navigation und content_middle_right verwendet. Der Radius wird dabei 5px betragen. Es wurde ein Border Radius Generator für den Code verwendet: border radius.com Fein Konzept Abänderungen Homepage Um für das Wordpress auf der linken Seite einen geeigneten Seiten Spiegel zu haben, wurde die Box content_left auf der Homepage entgegen dem Fein Konzept integriert mit dem Bild content_left.gif Text Definition Die Schriftart Lucida Calligrafy hat sich in den Screen Test für die Navigation und Sub Navigation nicht bewährt. Auch funktionierte diese Schriftart mit face Script nicht sehr zuverlässig. Zudem wirkte die Website zu schnörkelig und filigran. Deshalb wurde auch bei den Überschriften auf Lucida Calligrafy verzichtet. Als Ersatz wurden folgende Fonts verwendet: Objekt Tag Eigenschaften Überschrift 1 H1 Tahoma, Geneva, 20px, letter space:1.5px Überschrift 2 H2 Tahoma, Geneva, 16px, letter space:1.5px Überschrift 3 H3 Tahoma, Geneva, 14px, letter space:1.5px Überschrift 1 im H1 Tahoma, Geneva, 14px, letter space:normal content_middle_right Navigation A Tahoma, Geneva, 24px, letter space:1.5px Sub Navigation A Tahoma, Geneva, 16px, letter space:1.5px Tabelle 3: Neue Text Definition face Script wird nicht mehr benötigt und daher im Code auskommentiert, falls es später dennoch benutzt werden sollte. Auch der Code im.htaccess bleibt bis auf weiteres bestehen. Website Dokumentation_Open.docx Version 0.3 Seite 9 von 26

11 Navigations Architektur Die beiden Links: Linkliste und Website Projekte, die zuerst ein Bestandteil der Haupt Navigation sein sollte wurden aus Platz Gründen in den Meta Bereich versetzt. Dort wurden sie gestalterisch getrennt von den übrigen Meta Links. Zusätzlich wurde ein Link für die DVD Sammlung von René Hirt angebracht, die auf die Website zeigt Design Konzept Abänderungen Content_left Die Box content_left wurde neu in der Homepage integriert mit einer Breite von den geplanten 50px. Im Anschluss an content_left kommt der Tag iframe, der das Wordpress auf der Homepage integriert. Die folgende Box wurde auf eine Breite von 950px angepasst Content_middle Damit das Floating und die Platzierung der Boxe content_middle besser funktioniert, wurde entgegen dem Fein Konzept diese Box in der Breite auf 350px beschränkt. Zudem hat der Inhalt auf beiden Seite einen Raum von 15px erhalten, damit dieser vom Style her besser funktioniert Sub Navigation Das Stimmungsbild für die Unter Navigation wurde wegen technischer und umständlicher Struktur nicht mehr unterhalb der Box sondern innerhalb dieser Box programmiert. Auch der Style der Unter Navigation wurde gestalterisch verändert, damit diese besser in das Gesamtbild der Website passt und damit sich der Benutzer von der Usability her besser orientieren kann. Die Links und der Titel mit Stimmungsbild werden über ein hr Tag voneinander getrennt Footer Damit die Inhalte im Footer besser unterteilt werden können wurden hier zusätzliche Boxen generiert: Boxen Name Inhalte Float Position Masse ing footer_top Top Link Left Direkt nach der Boxe footer, Breite: 50px. die alle Boxen einschliesst. footer_copy Copyright und Left Nach der Boxe footer_top Breite: 150px. Design footer_navigation Haupt Menü Left Nach der Boxe footer_copy Breite: 400px. footer_links Meta Links Left Nach der Boxe Breite: 390px. footer_navigation Tabelle 4: Neue Boxen im Footer 4. Verzeichnisstruktur 4.1. Lokale Verzeichnisstruktur Hauptverzeichnis Unterverzeichnis Eigenschaften Altes Projekt Diverse Hier sind alle Informationen über die alten Projekte der Website rene hirt.ch abgespeichert. hirt.ch Die Online Dateien der Website aus dem Jahre Website Dokumentation_Open.docx Version 0.3 Seite 10 von 26

12 Backup Hier werden die kompletten Server Backups gespeichert. Datenbank Verzeichnisse und Dateien, die für die Datenbank verantwortlich sind, wie das Wordpress Tagebuch Wordpress Root für die Wordpress Module Diverses Für Verzeichnisse und Dateien, die nicht zugeordnet werden können. Konzept Alle Verzeichnisse und Dateien, die für die konzeptionellen Arbeiten notwendig sind. Hier sind auch enthalten: Website Konzept.docx Website Dokumentation.docx Abbildung Diverse JPG und PNG Dateien, die im Konzept und Dokumentationen enthalten sind. Mindmaps Diverse Mindmaps und Brainstormings, die massgebend für das Konzept waren. Präsentationen Diverse PowerPoint Dateien, die für das Konzept notwendig waren. Org Bilder Bilder, die im Roh Zustand und unbearbeitet vorhanden sind. Bern Bilder, die die Stadt Bern betreffen Bilderübungen Übungen, die auch drei Bildern in den frühen Jahren gemacht wurden. Diverses Zu zuordnungsbare Bild Dateien Ferien Bilder aus den Ferien oder Ausflüge Games Screenshot und Download Bilder aus den gespielten Games Header Rohdateien aus dem entwickelten Header Hintergrund Rohdateien für den Hintergrund ICT Bilder, die im Zusammenhang mit der Informatik stehen. Internet DL Download Bilder aus dem Internet in ihrer originalen Form. Logos Selbst entworfene Logos. Mittelalter und Fantasie Bilder zum Thema Mittelalter und Fantasie, ev auch Science Fiction. Photoshop Bilder in ihrer Roh Form als PSD Datei gespeichert. Portrait Portrait Bilder von René Hirt Sternzeichen Horoskop Bilder zum Sternzeichen Schütze und Pferd. WOW Bilder Games Bilder, die ausschliesslich das MMORPG World of Warcraft betreffen. Org Programme Diverse Programme, Manuals, ZIP Dateien, PDF Dateien und Notizen, die für die Arbeiten benutzt worden sind. Formmail Roh Code für den Formmailer, der aus dem Generator von Hostpoint rauskopiert wurde. Wird für das Kontakt Formular verwendet. Org Text Texte, die in ihrer Roh Form und unformatiert vorhanden sind. rene hirt.ch Die Struktur, wie sie auf dem Webserver vorhanden sein wird. Von diesem Verzeichnis aus findet der Upload statt über FTP (WinSCP). Die detaillierte Struktur ist im Website Dokumentation_Open.docx Version 0.3 Seite 11 von 26

13 Kapitel 4.2. ersichtlich. Vorlagen Diverse Vorlagen und Hilfsmittel zur Erstellung des Konzeptes, Dokumentation und der Website. Tabelle 5: Lokale Verzeichnis Strukturen 4.2. Host Verzeichnisstruktur Diese Ordner Struktur wird online auf den Webserver von Hostpoint raufgeladen; in das Verzeichnis: public_html. Auf dem Root besteht eine Verknüpfung www, die aber auch auf das Verzeichnis public_html verweist. Generell wird die gesamte Website auf das Root des Servers geladen und keine Unterverzeichnisse oder Sub Domains auf dem Server installiert. Ausnahmen können Module wie zum Beispiel das Wordpress oder andere dynamische Elemente (CMS, Foren) darstellen. Weitere Verzeichnisse, die über den FTP Zugang zu erreichen sind, werden für den Website Auftritt nicht benötigt. Aussergewöhnliche Konfigurationen, die auch den Webserver und die Sicherheit betrifft, werden über den Support von Hostpoint eingestellt werden müssen. Dies kann Einträge im.htaccess betreffen, die einen absoluten URL für das font face zulassen. Hauptverzeichnis Unterverzeichnis Eigenschaften _notes Wird automatisch von Dreamweaver generiert. _Vorlage Hier werden die Original Vorlagen der Website gespeichert aus denen weitere Sites generiert werden können. css In diesem Verzeichnis werden die Style Sheets der Website gespeichert. images Die bearbeiteten Bilder werden dort abgelegt. pdf Hier werden die öffentlich zugänglichen PDF Dateien abgelegt. scripts Hier wird das Verzeichnis für diverse Skripte wie PHP, JavaScript oder ähnliche. sites Es ist der Überordner für alle Webseiten. 01_home Die Index Seite wird direkt im Root stehen und nicht in diesem Unterverzeichnis! Hier werden die Seiten der Header Kategorien stehen. 02_itsme Websites der Haupt Kategorie: It s me ^^ 03_ausbildung Websites der Haupt Kategorie: Ausbildung 04_hobbies Websites der Haupt Kategorie: Hobbies 05_sport Websites der Haupt Kategorie: Sport 06_games Websites der Haupt Kategorie: Games 07 Reserve 08_links Websites der Haupt Kategorie: Linkliste 09_projekt Websites der Haupt Kategorie: Website Projekt templates Hier werden generierbare Vorlagen abgespeichert für eventuell spätere dynamische Inhalte. wordpress Wordpress Modul der Homepage. Website_2004 Diverse Die Website aus dem Jahre Tabelle 6: Host Verzeichnis Struktur Website Dokumentation_Open.docx Version 0.3 Seite 12 von 26

14 5. Style Guide 5.1. DIV Identifikation Abbildung 6: Div Identifikation Es wurde die gleiche Identifikation benutzt wie sie vorher im Design Konzept beschrieben wurde. Auch das Gestaltungsraster konnte direkt verwendet werden. Die Boxen content_middle_right und content_right wurden wegen dem float:right Befehl getauscht. Boxen Name Farb Code Floating Position Masse content_body #FFFFFF None Rahmen Box über alle Breite: 1000px anderen Boxen meta_link #8F0072 None Direkt nach dem content_body und vor dem Breite: 1000px Höhe: 30px header header #64008F None Direkt nach dem meta_link und vor navigation Breite: 1000px Höhe: 120px navigation #64008F None Nach dem Header und vor content_main Breite: 1000px Höhe: 50px content_main #CCCCCC None Direkt nach navigation und vor dem footer!!! Breite: 1000px Höhe: content_left #FFFFFF (#64002F) Left Innerhalb des content_main und vor der sub_navigation Breite: 50px Höhe: skaliert sub_navigation #8F002A Left Direkt nach dem content_left und vor content_middle Breite: 150px Höhe: skalierbar content_middle #FFFFFF (#FFFF00) None Nach der sub_navigation und vor dem content_middle_right Breite: (400px), Höhe: skalierbar. Website Dokumentation_Open.docx Version 0.3 Seite 13 von 26

15 content_middle_right content_right #FFFFFF (#CCCCCC) #FFFFFF (#999999) Right Right Direkt nach dem content_middle und vor content_right Vor dem content_middle_right oder content_middle und als Abschluss des content_main footer #8F0072 Clear Direkt nach dem content_middle Tabelle 7: Div Identifikation Hier ist das höhenbereinigte Gestaltungsraster: Breite: 200px Höhe: skalierbar. Breite: 200px Höhe: skalierbar. Breite: 1000px Höhe: 50px. Abbildung 7: Div Identifikation mit Höhen 5.2. Site Identifikation Für sämtliche Inhalt Seiten und Homepage wurden generell drei unterschiedliche Vorlagen entwickelt, die im Verzeichnis _Vorlage abgelegt sind: Index_haupt_kategorie.php Für Websites der Haupt Navigation, ohne den rechten mittleren Teil content_middle_right Index_homepage.php Für Websites, die für die Startseite oder Tests bestimmt sind. Index_unter_kategorie.php Für Inhalte aus der Unter Kategorien, bei denen alle Boxen gezeigt werden. Die folgende Tabelle zeigt den konkreten Aufbau der einzelnen Websites. Alle Websites, ausser die index Seiten, sind im Haupt Verzeichnis sites im Root abgelegt: Name Verzeichnis Vorlage Kategorie Inhalte Website Dokumentation_Open.docx Version 0.3 Seite 14 von 26

16 Index.php Root Index_homepage.php Keine Startseite (scharf) Index_d.php Root Index_unter_kategorie.php Unter K. Haupt K. Demo Seite für die komplette Website Index_i.php Root Index_haupt_kategorie.php Keine Vorlageseite für das iframe, falls der Browser keine Frames anzeigt. Index_iframe.php Root Index_homepage.php Keine Demo Seite für die Startseite inkl. Wordpress Index_p.php Root Index_homepage.php Keine Test Seiten für Integration von PHP. Index_w.php Root Index_homepage.php Keine Wordpress Seite für den Test Server Inhalt.php 01_home Index_unter_kategorie.php Header Das Inhaltsverzeichnis Impressum.php 01_home Index_unter_kategorie.php Header Das Impressum Kontakt.php 02_itsme Index_unter_kategorie.php Header Kontakt Daten und das Kontakt Fomular Suche.php 01_home Index_unter_kategorie.php Header Für eine spätere Such Funktion als Platzhalter. Links.php 08_links Index_haupt_kategorie.php Header Überblick der wichtigsten Links Websites.php 08_links Index_unter_kategorie.php Unter Zeigt die Websites von René Hirt Bummel.php 08_links Index_unter_kategorie.php Unter Die E Shop Links. Joblinks.php 08_links Index_unter_kategorie.php Unter Berufliche Links. Gamelinks.php 08_links Index_unter_kategorie.php Unter Links über das Gamen. Hobbylinks.php 08_links Index_unter_kategorie.php Unter Ein paar Links über die Hobbies. Sportlinks.php 08_links Index_unter_kategorie.php Unter Links über Sport. projekt.php 09_projekt Index_haupt_kategorie.php Header Überblick über das Projekt. Fazit.php 09_projekt Index_unter_kategorie.php Unter Rückblick über das Websites Projekt Konzept.php 09_projekt Index_unter_kategorie.php Unter Vorstellung des Website Konzepts. Dokumente.php 09_projekt Index_unter_kategorie.php Unter Vorstellung der Website Dokumentation. Design.php 09_projekt Index_unter_kategorie.php Unter Diverse Design Website Dokumentation_Open.docx Version 0.3 Seite 15 von 26

17 Skizzen aus dem Konzept. Itsme.php 02_itsme Index_haupt_kategorie.php Haupt Der Überblick über meine Person. Daten.php 02_itsme Index_unter_kategorie.php Unter Meine persönlichen Daten. Stationen.php 02_itsme Index_unter_kategorie.php Unter Die Stationen und Wohnorte im Leben. Lebenslauf.php 02_itsme Index_unter_kategorie.php Unter Ein kurzer Lebenslauf. Charaktere.php 02_itsme Index_unter_kategorie.php Unter Eine Beschreibung der eigenen Sternzeichen. Ausbildung.php 03_ausbildung Index_haupt_kategorie.php Haupt Die Übersicht meiner Ausbildung. Ict.php 03_ausbildung Index_unter_kategorie.php Unter ICT Kenntnisse und Diplome. Referenzen.php 03_ausbildung Index_unter_kategorie.php Unter Website Referenzen. Kaufmann.php 03_ausbildung Index_unter_kategorie.php Unter Kaufmännische Ausbildung und Diplome. Marketing.php 03_ausbildung Index_unter_kategorie.php Unter Diplome und Wissen im Marketing und Verkauf. Technisch.php 03_ausbildung Index_unter_kategorie.php Unter Technisches Wissen und Diplome Hobbies.php 04_hobbies Index_haupt_kategorie.php Haupt Überblick der eigenen Hobbies. Schach.php 04_hobbies Index_unter_kategorie.php Unter Über die Zeit im Schach. Musik.php 04_hobbies Index_unter_kategorie.php Unter Meine Lieblingsmusik. Filme.php 04_hobbies Index_unter_kategorie.php Unter Die Liebe zum Film mit der Film Datenbank. Lesen.php 04_hobbies Index_unter_kategorie.php Unter Die bevorzugten Bücher und Stile. Schreiben.php 04_hobbies Index_unter_kategorie.php Unter Die ersten Versuche des Schreibens. Sport.php 05_sport Index_haupt_kategorie.php Haupt Der Überblick über sportliche Aktivität. Website Dokumentation_Open.docx Version 0.3 Seite 16 von 26

18 Fitness.php 05_sport Index_unter_kategorie.php Unter Aktivität im Fitness Center Wingchun.php 05_sport Index_unter_kategorie.php Unter Die Zeit als Wing Chun Schüler Icehockey.php 05_sport Index_unter_kategorie.php Unter Die Zeit beim SCB Formeleins.php 05_sport Index_unter_kategorie.php Unter Die Begeisterung im Renn Sport Games.php 06_games Index_haupt_kategorie.php Haupt Überblick über das Gaming/Spiele Playstation.php 06_sport Index_unter_kategorie.php Unter Die Zeit mit der Play Station. Pc.php 06_sport Index_unter_kategorie.php Unter Die beliebtesten PC Spiele. Mmorpg.php 06_sport Index_unter_kategorie.php Unter Über die Online Rollenspiele. Tabelle 8: Site Identifikation 5.3. Body 5.4. Header 5.5. Navigation 5.6. Footer 5.7. Inhalt 5.8. HTML Tags 5.9. Bildformatierung Style Sheets Allgemeine Informationen und Sheets Auf den Websites wurden zwei unterschiedliche Links zu den Style Sheets definiert: <link href="css/main.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/print.css" rel="stylesheet" type="text/css" media="print" /> Der obere Link leitet zur Haupt Sheet, der generell für die Gestaltung am Monitor verantwortlich ist. Der zweite Link leitet weiter zum Sheet, der nur für die Ausgabe zum Drucker konzipiert worden ist. In diesem Style Sheet werden der Header, die Haupt und Unter Navigation, der Footer sowie das Bildmaterial ausgeschlossen. Somit erhält der Benutzer reine Text Informationen für den Ausdruck. Der Style Sheet für das Wordpress wurden im Kapiteln 8.1 und die Abänderungen in die Datei style.css von Wordpress wurde in dem Kapitel 8.4 aufgeschrieben. Aus dem Style Sheet main.css werden weitere Unter Sheets mittels integriert mit den folgenden Aufgaben: Website Dokumentation_Open.docx Version 0.3 Seite 17 von 26

19 Style Sheet Aufgabe/Eigenschaft Boxen Main.css Ist das erste Style Sheet mit der Verlinkung zu den anderen Sheets. Beinhaltet die generellen #content_body #content_main Tags Definitionen und Gesamt Struktur der Website. Print.css Sorgt für die Druck Ausgabe der Website Alle Meta_link.css Formatiert den Meta Link Bereich und die #meta_link Header Navigation. Header.css Ist verantwortlich für den Header Bereich. #header Navigation.css Sorgt für die Formatierung und die #navigation Positionierung der Haupt Navigation. Content_left.css Positioniert die erste Box im Inhalts Bereich. #content_left Sub_navigation.css Definiert und Positioniert die Unter #sub_navigation Navigation mit ihren Links, Boxen und Stimmungsbildern. Content_middle.css Positioniert die Haupt Box für die Inhalte. #content_middle Content_middle_right.css Sorgt für die Positionierung und Formatierung #content_middle_right der zusätzlichen Inhalte in den Unter Kategorien. Content_right.css Positioniert die Stimmungsbilder auf der rechten Seite der Website. #content_right Footer.css Tabelle 9: Style Sheets Zeigt sich Verantwortlich für den Schlussbereich der Website inkl. Links. #footer #footer_top #footer_copy #footer_navigation #footer_links Alle Style Sheets sind im Verzeichnis css im Root zu finden. Wichtige Elemente, die zur Positionierung der Boxen oder Links dienen sind im Script mit den entsprechenden Kommentaren versehen Spezieller Sheet Eintrag für die Vorlage: Haupt Kategorie Für die Vorlage index_haupt_kategorie wurde im Header folgender Style definiert: <style type="text/css" media="screen"> #content_right { width:400px; background color:#fff; } </style> Gemäss der Vererbungs Regeln wird mit diesem Script gesorgt, dass die äusserste Rechte Box mit dem Stimmungsbild die notwendige Breite von 400px erhält und somit die Website Struktur aufrecht erhalten wird. Dies ist nötig das die Box content_middle_right in der Haupt Kategorie nicht mehr gezeigt wird und daher ausgeblendet wird Spezieller Sheet Eintrag für die Vorlage: Homepage Für die Vorlage index_homepage wurde auch Sicherheitsgründen die Box #content_main nochmals konfiguriert und positioniert. Je nach Inhalten kann daher die Breite, Höhe, Hintergründe etc. für die Website Dokumentation_Open.docx Version 0.3 Seite 18 von 26

20 Startseite individuell verändert werden. Zudem kann mit dieser Box die technische Möglichkeit gegeben werden, zusätzlich die linken oder rechten Stimmungsbilder einzublenden. Das Script im Header Tag: <style type="text/css" media="screen"> #content_main { width:1000px; background color:#fff; display:block; clear:both; } </style> 6. Farb Tabellen 6.1. Homepage 6.2. Header 6.3. Body 6.4. Navigation 6.5. Footer 7. Launch 7.1. Meta Angaben Da die Domain der Website bereits 8 Jahre existiert, ist diese im Ranking unter dem Suchbegriff rene hirt an oberster Stelle. Die Website wurde wegen dem Provisorium (Tagebuch René Hirt) bereits im November im Webmaster Tool von google angemeldet. Zur Verifikation gilt folgender Meta: <meta name="google site verification" content="gkv tthp8dagy2b4l2or1kfat0zigsexnceydxhzqf4" /> Allgemeine Meta Angaben Meta Name Inhalt Description René Hirt's Persönliche Website Das eigene Tagebuch Blog mit täglich neuen Einträgen Lernen sie die Person René Hirt aus Bern, Schweiz kennen. Keywords René Hirt, Website, Blog, persönlich, Erlebnisse, Geschehen, Zollikofen, Bern, Schweiz, It's me, Lebenslauf, Charaktere, Kontakt, Ausbildung, ICT, Wissen, Referenzen, Kaufmann, Kenntnisse, Marketing, Verkauf, Technisch, Hobbies, Hobby, Schach, Musik, Filme, Movies, Lesen, Schreiben, Sport, Fitness, Wing, Chun, Kung Fu, Ice, Hockey, Formel Eins, Play Station, PC, Games, MMORPG, Linkliste, Einkaufsbummel, Gaming, Fazit, Konzept, Dokumente, Design, Skizzen Robots Index, follow, all Content language De, deutsch, german Website Dokumentation_Open.docx Version 0.3 Seite 19 von 26

Homepageerstellung mit WordPress

Homepageerstellung mit WordPress Homepageerstellung mit WordPress Eine kurze Einführung in die Installation und Einrichtung von WordPress als Homepage-System. Inhalt 1.WordPress installieren... 2 1.1Download... 2 1.2lokal... 2 1.2.1 lokaler

Mehr

Benutzerhandbuch WordPress

Benutzerhandbuch WordPress Benutzerhandbuch WordPress Handbuch zur Erstellung eines Weblogs Copyright 2008 by Eva-Maria Wahl & Dennis Klehr Inhaltsverzeichnis 1. Einführung 3 1.1 Blog 3 1.2 Web 2.0 3 1.3 Content Management System

Mehr

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten.

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten. Benutzerhandbuch Gästebuch Software - YellaBook v1.0 http://www.yellabook.de Stand: 01.08.2012 Inhalt 1 Funktionen... 3 2 Systemanforderungen... 4 3 Installation... 4 4 Einbinden des Gästebuchs... 5 5

Mehr

WordPress installieren und erste Einblicke ins Dashboard

WordPress installieren und erste Einblicke ins Dashboard WordPress installieren und erste Einblicke ins Dashboard Von: Chris am 16. Dezember 2013 In diesem Tutorial zeige ich euch wie ihr WordPress in der aktuellen Version 3.7.1 auf eurem Webspace installieren

Mehr

Wordpress am eigenen Server installieren

Wordpress am eigenen Server installieren Wordpress am eigenen Server installieren Voraussetzung: Zugang zum Server und einen Datenbanknamen und Datenbankuser 1. Download der aktuellen Wordpress-Version unter http://wpde.org/download/ Die Installation

Mehr

Kurzanleitung für das CMS Joomla 3.x

Kurzanleitung für das CMS Joomla 3.x Kurzanleitung für das CMS Joomla 3.x 1. Login ins Backend Die Anmeldung ins sogenannte Backend (die Verwaltungsebene) der Website erfolgt über folgenden Link: www.name-der-website.de/administrator. Das

Mehr

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq Konzept für die e Learning Fortbildung wertyuiopasdfghjklzxcvbnmqwertyui

Mehr

http://www.nvu-composer.de

http://www.nvu-composer.de Kapitel 16 Seite 1 Ein portabler Web-Editor Wer viel Zeit in eine Website investieren will ist gut beraten, eine professionelle Software für Webdesigner zu beschaffen. Diese Programme sind sehr leistungsfähig,

Mehr

Stolz PR. Stolz Public Relations SIRIUS. Seite: 1

Stolz PR. Stolz Public Relations SIRIUS. Seite: 1 SIRIUS Content Management System Handbuch Redakteur! Seite: 1 SIRIUS - Inhaltsverzeichnis Cover Inhaltsverzeichnis Willkommen bei Sirius Login im Sirius Icons und Symbole im Sirius Seite 1 Seite 2 Seite

Mehr

Manual WordPress - ContentManagementSystem

Manual WordPress - ContentManagementSystem Was ist WordPress? WordPress ist ein ContentManagementSystem (CMS) zur Verwaltung der Inhalte einer Website. Es bietet sich besonders zum Aufbau und Pflege eines Weblogs (Online-Tagebuch) an. Funktionsschema

Mehr

Das TYPOlight CSS-Framework

Das TYPOlight CSS-Framework Das TYPOlight CSS-Framework Aufgaben eines CSS-Frameworks CSS-Reset Vereinheitlichung der Darstellung in allen Browsern Zurücksetzen der proprietären Abstände und Formatierungen Cross-Browser-Formatierung

Mehr

Joomla 1.5. Einführung in die Installation und Benützung

Joomla 1.5. Einführung in die Installation und Benützung Joomla 1.5 Einführung in die Installation und Benützung Programm Was ist Joomla Installation auf Ubuntu Benützung von Joomla Templates wechseln Nützliche Komponenten Weiterführende Informationen Was ist

Mehr

INSTALLATION. Voraussetzungen

INSTALLATION. Voraussetzungen INSTALLATION Voraussetzungen Um Papoo zu installieren brauchen Sie natürlich eine aktuelle Papoo Version die Sie sich auf der Seite http://www.papoo.de herunterladen können. Papoo ist ein webbasiertes

Mehr

RÖK Typo3 Dokumentation

RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

3827260108 Private Homepage vermarkten So laden Sie Ihre Website auf den Server Das lernen Sie in diesem Kapitel: n So funktioniert FTP n Diese FTP-Programme gibt es n So laden Sie Ihre Website mit WS-FTP

Mehr

Starten Sie das Shopinstallatonsprogramm und übertragen Sie alle Dateien

Starten Sie das Shopinstallatonsprogramm und übertragen Sie alle Dateien 3. Installation Ihres Shops im Internet / Kurzanleitung Kurzanleitung: Starten Sie das Shopinstallatonsprogramm und übertragen Sie alle Dateien Geben Sie während der Webbasierten Installationsroutine alle

Mehr

WordPress lokal mit Xaamp installieren

WordPress lokal mit Xaamp installieren WordPress lokal mit Xaamp installieren Hallo und willkommen zu einem weiteren Teil der WordPress Serie, in diesem Teil geht es um die Lokale Installation von WordPress mithilfe von Xaamp. Kurz und knapp

Mehr

Crashkurs Jimdo Online eigene kostenlose Webseite einrichten

Crashkurs Jimdo Online eigene kostenlose Webseite einrichten Crashkurs Jimdo Online eigene kostenlose Webseite einrichten Yvonne Seiler Volkshochschule Bern Lernziele Sie wissen was Jimdo ist und kann und wer hinter dieser Firma steckt. Sie haben eine eigene Webseite

Mehr

Installation und Nutzung des Eyeblaster Workshops

Installation und Nutzung des Eyeblaster Workshops Installation und Nutzung des Eyeblaster Workshops und Hochladen auf den Adserver Juni 2010 Installation MXP Extension Kit Hallo liebe Kreativen, Wir freuen uns, dass Sie mit Eyeblaster arbeiten. Um Ihnen

Mehr

Upload auf den Server. MegaZine3 MZ3-Tool3. Training: Server Upload Video 1-4

Upload auf den Server. MegaZine3 MZ3-Tool3. Training: Server Upload Video 1-4 Upload auf den Server MegaZine3 MZ3-Tool3 Training: Server Upload Video 1-4 Vorbereitung: Erzeugen einer Online Version Soll statt einer Offline Version, welche lokal mit Hilfe des Flash- Projektors angezeigt

Mehr

FTP HOWTO. zum Upload von Dateien auf Webserver. Stand: 01.01.2011

FTP HOWTO. zum Upload von Dateien auf Webserver. Stand: 01.01.2011 FTP HOWTO zum Upload von Dateien auf Webserver Stand: 01.01.2011 Copyright 2002 by manitu. Alle Rechte vorbehalten. Alle verwendeten Bezeichnungen dienen lediglich der Kennzeichnung und können z.t. eingetragene

Mehr

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter

Mehr

Quickstart IMS Custom-Player Pro

Quickstart IMS Custom-Player Pro Quickstart IMS Custom-Player Pro Jedes IMS-MDN (Media Delivery Network) Konto bietet zum Abspielen von Flash Videos den Standard IMS Custom Player. Dieser Player wird von uns auf einem hoch performanten

Mehr

Literatur und Links. Webtechnologien SS 2015 Teil 1/Entwicklung

Literatur und Links. Webtechnologien SS 2015 Teil 1/Entwicklung Literatur und Links [1-1] Seidler, Kai; Vogelsang, Kay: Das XAMPP Handbuch. Addison-Wesley, 2006 [1-2] http://www.apachefriends.org/download.html http://sourceforge.net/projects/xampp/files/ [1-3] http://aktuell.de.selfhtml.org/extras/download.shtml

Mehr

Website-CMS Grundlagen des Worldsoft-CMS

Website-CMS Grundlagen des Worldsoft-CMS 1 1. Was ist ein Content Management System (CMS)? Ein Web Content Management System ist eine Datenbanklösung zur einfachen Erstellung und Aktualisierung von Websites. Im Gegensatz zu einer statischen Website

Mehr

Installation von Wordpress

Installation von Wordpress Installation von Wordpress Wordpress (http://wordpress-deutschland.org/) ist ein sehr bekanntes Blog-Script, welches Ihnen ermöglicht, schnell und einfach ein Blog auf Ihrem Webspace zu installieren. Sie

Mehr

1 Websites mit Frames

1 Websites mit Frames 1 Websites mit Frames Mehrere Seiten in einer einzelnen Seite anzeigen - Was sind Frames und wie funktionieren sie? - Was sind die Vor- und Nachteile von Frames? - Wie erstellt man eine Frames- Webseite?

Mehr

FAQ - Script gaesteform

FAQ - Script gaesteform FAQ - Script gaesteform www.kundencenter.ws 9. April 2009 Salvatore Spadaro 1 2 Inhaltsverzeichnis 1 Script - gaesteform 3 1.1 Welchen Funktionumfang bietet das Script gaesteform und welche Technik steckt

Mehr

Loslegen mit Contrexx: In 10 Schritten zur professionellen Webseite.

Loslegen mit Contrexx: In 10 Schritten zur professionellen Webseite. Loslegen mit Contrexx: In 10 Schritten zur professionellen Webseite. Autor: Nicolas Müller Juli 2012 www.contrexx.com 1 Einleitung Diese Anleitung soll Ihnen helfen eine professionelle Webseite zu erstellen

Mehr

Handbuch TweetMeetsMage

Handbuch TweetMeetsMage Handbuch TweetMeetsMage für Version 0.1.0 Handbuch Version 0.1 Zuletzt geändert 21.01.2012 Inhaltsverzeichnis 1 Einleitung... 3 1.1 Voraussetzungen... 3 1.2 Funktionsübersicht... 3 2 Installation... 4

Mehr

Erweiterungen Gantry Framework -

Erweiterungen Gantry Framework - Gantry Framework Gantry Framework ist eine Art Tabelle (Grid), in der man in den Zellen die jeweiligen Beiträge und sonstigen Bereiche positionieren kann. Gantry Framework downloaden Über Google nach Gantry

Mehr

Praxiskurs Websites mit Wordpress

Praxiskurs Websites mit Wordpress Praxiskurs Websites mit Wordpress DI Dr. Heinz Duschanek buero@ewerkstatt.com www.ewerkstatt.com Inhalt Das System Wordpress Walk Through mit Konfiguration Seite erstellen Artikel erstellen Menü erstellen

Mehr

Userhandbuch. Version B-1-0-2 M

Userhandbuch. Version B-1-0-2 M Userhandbuch Version B-1-0-2 M Inhaltsverzeichnis 1.0 Was bietet mir SERVRACK?... 3 1.1 Anmeldung... 3 1.2 Passwort vergessen?... 3 1.3 Einstellungen werden in Realtime übernommen... 4 2.0 Die SERVRACK

Mehr

braingen HTML und INDEX Generator für effektives Suchmaschinenmarketing Kurzanleitung v1.0 www.brainsquad.de 2006

braingen HTML und INDEX Generator für effektives Suchmaschinenmarketing Kurzanleitung v1.0 www.brainsquad.de 2006 braingen HTML und INDEX Generator für effektives Suchmaschinenmarketing Kurzanleitung v1.0 www.brainsquad.de 2006 Vorwort Vielen Dank für den Erwerb des braingen Index- und HTML Generators. Ein Browserbasiertes

Mehr

kostenlose Homepage erstellen

kostenlose Homepage erstellen kostenlose Homepage erstellen Anleitung zur Erstellung einer kostenlosen Homepage Seite 1 Inhalt Einleitung...3 Hosting...5 Homepage Baukasten...10 Web Design...13 Homepage erstellen...14 Webseiten...15

Mehr

TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen

TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch Joomla Templates Kursunterlagen Ordnerstruktur in Joomla Inhaltsverzeichnis Ordnerstruktur in Joomla... 3

Mehr

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website)

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Redaktion Mit der Redaktion einer Webseite konzentrieren Sie sich auf die inhaltliche

Mehr

Schulung Open CMS Editor

Schulung Open CMS Editor Schulung Open CMS Editor Um Ihr Projekt im OpenCMS zu bearbeiten brauchen Sie lediglich einen Webbrowser, am besten Firefox. Vorgehensweise beim Einrichten Ihrer Site im OpenCMS Erste Schritte Wenn Sie

Mehr

Einrichten eines News-Systems in Typo3

Einrichten eines News-Systems in Typo3 Einrichten eines News-Systems in Typo3 Generelles: tt_news ist eine der beliebtesten Erweiterungen für Typo3 und wir bereits auf vielen Sites Vorarlberger Schulen verwendet: Beispiele: http://www.vobs.at/hsl

Mehr

http://www.hoststar.ch

http://www.hoststar.ch Kapitel 16 Seite 1 Die eigene Homepage Im Internet finden Sie viele Anbieter, die Ihnen rasch und zuverlässig einen Webhost für die eigene Homepage einrichten. Je nach Speicherplatz und Technologie (E-Mail,

Mehr

JSCMS Dokumentation. (Stand: 27.05.09)

JSCMS Dokumentation. (Stand: 27.05.09) JSCMS Dokumentation (Stand: 27.05.09) Inhalt: CMS Symbole und Funktionen. 2 Verwalten.. ab 3 Seiten Verwalten.. 4 Blöcke Verwalten....6 Templates Verwalten....7 Template Editor...8 Metatags bearbeiten..

Mehr

Webdesign, Aufgabestellung 1

Webdesign, Aufgabestellung 1 , Aufgabestellung 1 1. Teamarbeit Die Website wird in Teamarbeit gemacht (2er-Teams). Innerhalb des Teams werden Konzept, Design, Inhalt und Arbeitsverteilung besprochen und bestimmt. 2. Inhalte Es wird

Mehr

MEHR FUNKTIONEN, MEHR E-COMMERCE:

MEHR FUNKTIONEN, MEHR E-COMMERCE: MEHR FUNKTIONEN, MEHR E-COMMERCE: XT:COMMERCE PLUGIN BB CAMPAIGN MONITOR XT:COMMERCE PLUGIN BB CAMPAIGN MONITOR Das xt:commerce Modul BB Campaign Monitor erlaubt es Ihren Shop-Kunden, sich komfortabel

Mehr

Erste Schritte in NVU

Erste Schritte in NVU NVU (http://www.nvu-composer.de/) ist ein leicht zu bedienender HTML-Editor. Nach dem Start von NVU sieht der Bildschirm wie folgt aus: Lasse dich von dieser Anzeige nicht irritieren, es ist alles halb

Mehr

1... Ein Platz im Internet... 24 2... Die Sprachen des Web... 36 3... Dreamweaver im Vergleich... 50

1... Ein Platz im Internet... 24 2... Die Sprachen des Web... 36 3... Dreamweaver im Vergleich... 50 1... Ein Platz im Internet... 24 1.1... Wie kommt meine Site ins Internet... 24 1.1.1... Was ist eine Website... 24 1.1.2... Ein Platz im WWW... 25 1.2... Die eigene Domain... 25 1.2.1... Was ist eine

Mehr

Visual Web Developer Express Jam Sessions

Visual Web Developer Express Jam Sessions Visual Web Developer Express Jam Sessions Teil 1 Die Visual Web Developer Express Jam Sessions sind eine Reihe von Videotutorials, die Ihnen einen grundlegenden Überblick über Visual Web Developer Express,

Mehr

scmsp SMARTES Content-Management-System Bestimmtes kann und das dafür sehr gut. Bei der Konzeption des blockcms stand die Einfachheit im Vordergrund:

scmsp SMARTES Content-Management-System Bestimmtes kann und das dafür sehr gut. Bei der Konzeption des blockcms stand die Einfachheit im Vordergrund: scmsp SMARTES Content-Management-System blockcms steht für Block Content Management System Wir brauchen kein CMS, das alles kann, sondern eines, das nur Bestimmtes kann und das dafür sehr gut. Bei der

Mehr

Bedienungskonzept Webseite ESV BR Bonn. www.esv-bonn.de

Bedienungskonzept Webseite ESV BR Bonn. www.esv-bonn.de Bedienungskonzept Webseite ESV BR Bonn www.esv-bonn.de Inhaltsverzeichnis Technische Daten... 3 Webhosting... 3 Content Management System... 3 Zielsetzung Umstrukturierung... 4 Konzeptionelle Beschreibung...

Mehr

Joomla! Source- CMS. Joomla! Open Source-CMS

Joomla! Source- CMS. Joomla! Open Source-CMS Joomla! Open Source- CMS Joomla! Open Source-CMS Mirco De Roni, 2010 Inhaltsverzeichnis 1 Begriffe und Konzepte... 3 1.1 Content Management System (CMS)... 3 1.2 Struktur eines Web Content Management Systems

Mehr

Joomla! 2.5 CMS. Kurzdokumentation. ql.de. Inhaltspflege.Dateiverwaltung. Stand: 06.02.2012 Dr. Mareike Riegel Ingo Holewczuk

Joomla! 2.5 CMS. Kurzdokumentation. ql.de. Inhaltspflege.Dateiverwaltung. Stand: 06.02.2012 Dr. Mareike Riegel Ingo Holewczuk Joomla! 2.5 CMS Kurzdokumentation ql.de Inhaltspflege.Dateiverwaltung Stand: 06.02.2012 Dr. Mareike Riegel Ingo Holewczuk Copyright 2012 Mareike Riegel 1 / 15 Inhaltsverzeichnis 1. Backend...3 1.1 Einloggen...3

Mehr

So ziehen Sie Ihr Wordpress Blog zu STRATO um

So ziehen Sie Ihr Wordpress Blog zu STRATO um So ziehen Sie Ihr Wordpress Blog zu STRATO um Version 1.0 So ziehen Sie Ihr Wordpress Blog zu STRATO um Das Wordpress-Plugin Duplicator ermöglicht Ihnen, in wenigen Schritten Ihre Wordpress-Instanz umzuziehen.

Mehr

TYPO3 KNOW-HOW INHALT. von Alexander Busch, MCITP, MCSA 2003, CCA, VCS. Spam-Schutz für Typo3... 2. Robots.txt in Typo3... 2. Captcha Extension...

TYPO3 KNOW-HOW INHALT. von Alexander Busch, MCITP, MCSA 2003, CCA, VCS. Spam-Schutz für Typo3... 2. Robots.txt in Typo3... 2. Captcha Extension... TYPO3 KNOW-HOW von Alexander Busch, MCITP, MCSA 2003, CCA, VCS INHALT Spam-Schutz für Typo3... 2 Robots.txt in Typo3... 2 Captcha Extension... 3 Meta Angaben... 3 TYPO3 Update 4.1.10 auf 4.2.6... 4 SPAM-SCHUTZ

Mehr

DAS EINSTEIGERSEMINAR

DAS EINSTEIGERSEMINAR DAS EINSTEIGERSEMINAR Drupal 7 Thorsten P. Luhm LERNEN ÜBEN ANWENDEN Inhaltsverzeichnis Vorwort.................................. 11 Der Autor........................................ 14 Zielgruppe........................................

Mehr

Cmsbox Kurzanleitung. Das Wichtigste in Kürze

Cmsbox Kurzanleitung. Das Wichtigste in Kürze Cmsbox Kurzanleitung Cmsbox Kurzanleitung Das Wichtigste in Kürze Die Benutzeroberfläche der cmsbox ist nahtlos in die Webseite integriert. Elemente wie Texte, Links oder Bilder werden direkt an Ort und

Mehr

Anleitung WordPress www.kindermuseum-hamburg.de

Anleitung WordPress www.kindermuseum-hamburg.de Anleitung WordPress www.kindermuseum-hamburg.de Stand: 17.8.2011 bureau fb Wohlers Allee 24a 22767 Hamburg Tel.: 040/756 018 17 E-Mail: info@bureaufb.de Inhaltsverzeichnis Anmelden/Einloggen... 3 Das Menü...4

Mehr

Sicherheit QUALITÄTSSICHERUNG DESIGNER24.CH V 1.2. ADRESSE Designer24.ch Web Print Development Postfach 263 8488 Turbenthal Schweiz

Sicherheit QUALITÄTSSICHERUNG DESIGNER24.CH V 1.2. ADRESSE Designer24.ch Web Print Development Postfach 263 8488 Turbenthal Schweiz QUALITÄTSSICHERUNG DESIGNER24.CH V 1.2 Sicherheit 1. Benutzernamen und Passwörter werden weder telefonisch noch per Email bekannt gegeben. Diese werden per normaler Post oder Fax zugestellt. Ebenso ist

Mehr

11 Publizieren im Web

11 Publizieren im Web 11 Publizieren im Web Für ein modernes Unternehmen ist es heute kaum vorstellbar, nicht im Internet vertreten zu sein. Laut Statistik Austria 7 haben 97 % aller österreichischen Unternehmen ab 10 Beschäftigten

Mehr

Arbeiten mit UAG. Inhaltsverzeichnis. 1. Einleitung. 2. Voraussetzungen

Arbeiten mit UAG. Inhaltsverzeichnis. 1. Einleitung. 2. Voraussetzungen Arbeiten mit UAG Inhaltsverzeichnis 1. Einleitung...1 2. Voraussetzungen...1 2.1. Windows...1 2.2. Mac OS X...1 3. Dienste und Programme...2 4. Vorgehen mit Windows 7...2 4.1. Eintragen der SRZA-Adresse

Mehr

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe?

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? Inhalt: 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? 1.Installation Um das Electronics Theme zu installieren, gehen Sie in der Rubrik Design zum Template Store. Hier sehen Sie

Mehr

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner.

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. Kapitel 1 Grundlagen von Phase 5 Seite 1 1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. 1.1 Projekt anlegen Bevor du das Programm Phase 5 startest, musst du einen Ordner anlegen,

Mehr

Seminar DWMX 2004. DW Session 015

Seminar DWMX 2004. DW Session 015 Seminar DWMX 2004 DW Session 015 Veröffentlichen der lokalen Website Bis jetzt sind die Daten immer lokal in Dreamweaver bearbeitet und über die interne Vorschau mit F12/Strg.+F12 im Browser betrachtet

Mehr

Erstellen von Templates

Erstellen von Templates Anleitung zum Erstellen von Webdesign Vorlagen für das Contrexx CMS 26.09.2012 1 Inhaltsverzeichnis 1 Einleitung... 3 1.1 Wozu dient diese Anleitung?... 3 1.2 Was wird benötigt?... 3 1.3 Was ist ein Template?...

Mehr

Dreamweaver 8 Homepage erstellen Teil 1

Dreamweaver 8 Homepage erstellen Teil 1 Dreamweaver 8 Homepage erstellen Teil 1 Voraussetzungen Das vorliegende Skriptum knüpft an das Skriptum Dreamweaver_Einführung an und setzt voraus, dass du dieses bereits durchgearbeitet hast. Planung

Mehr

MEHR FUNKTIONEN, MEHR E-COMMERCE:

MEHR FUNKTIONEN, MEHR E-COMMERCE: MEHR FUNKTIONEN, MEHR E-COMMERCE: XT:COMMERCE PLUGIN BB ENRICHED SITEMAP XT:COMMERCE PLUGIN BB ENRICHED SITEMAP Das Plugin Blackbit Enriched Sitemap reichert den Export-Feed für die Google-Sitemap mit

Mehr

Scripting Framework PowerShell Toolkit Quick-Install a Workplace for Packaging and Test

Scripting Framework PowerShell Toolkit Quick-Install a Workplace for Packaging and Test Scripting Framework PowerShell Toolkit Quick-Install a Workplace for Packaging and Test Windows Client Management AG Alte Haslenstrasse 5 CH-9053 Teufen wincm.ch 1 Quick Install - Scripting Framework Workplace...3

Mehr

Tipps, Struktur und Fragen

Tipps, Struktur und Fragen Tipps, Struktur und Fragen Inhaltsverzeichnis dieser Datei: Wie PowerPoint-Folien für die Joomla-Homepage aufbereiten?... 1 Bei Joomla: Strikte Trennung zwischen Inhalt und Layout... 1 FTP-Upload mit FileZilla

Mehr

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 SASS für Einsteiger WordCamp Köln 2015 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 Wer bin ich? Bernhard Kau Wahlberliner PHP-Entwickler WordPress-Plugin Hobby-Entwickler CSS-Tüftler Organisator der

Mehr

Web-Modul in Lightroom 5. Stefan Sporrer

Web-Modul in Lightroom 5. Stefan Sporrer Web-Modul in Lightroom 5 Stefan Sporrer Photoshop Lightroom 5 Modul: Web Lightroom 5 Module Bibliothek Entwickeln Karte Buch Diashow Drucken Web Modul: Web Erstellen von Foto-Gallerien Kompletten Foto-Web-Sites

Mehr

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Anfang März 2011 hat Facebook das Erstellen von sogenannten iframe-tabs als individuelle Gestaltungsmöglichkeit von Fanseiten

Mehr

Benutzerhandbuch Edith-Aktuelles

Benutzerhandbuch Edith-Aktuelles Benutzerhandbuch Edith-Aktuelles Den eigenen Internetauftritt verwalten so geht s! Eine Orientierungshilfe der NetzWerkstatt Programmierung: Die NetzWerkstatt GbR Geschäftsführer: Dirk Meinke und Sven

Mehr

Anita Woitonik / Vilma Niclas. Ohne HTML. zur eigenen. Website. Ihr Weg ins Web: Domain, Hoster, Installation, und IT-Recht. Verwaltung, Pflege

Anita Woitonik / Vilma Niclas. Ohne HTML. zur eigenen. Website. Ihr Weg ins Web: Domain, Hoster, Installation, und IT-Recht. Verwaltung, Pflege Anita Woitonik / Vilma Niclas Ohne HTML zur eigenen Website Ihr Weg ins Web: Domain, Hoster, Installation, Verwaltung, Pflege und ITRecht Dateien Installation einfach warum leichter 1 Eine eigene Website

Mehr

FTP / WebDeploy / WebDAV. Handbuch

FTP / WebDeploy / WebDAV. Handbuch Handbuch August 2015, Copyright Webland AG 2015 Inhalt Einführung FTP WebDeploy WebDAV Anleitungen FTP Windows Mac WebDeploy Windows WebDAV Windows Mac Einführung FTP Haben Sie einen Zugang per FTP gewählt,

Mehr

Verwaltung der neuen Internetpräsenz des Gymnasium Carolinum

Verwaltung der neuen Internetpräsenz des Gymnasium Carolinum 21.02.2015 Verwaltung der neuen Internetpräsenz des Gymnasium Carolinum 1) Zugang Der Internetauftritt unserer Schule befindet sich nach wie vor unter der Adresse www.gymnasium-carolinum.de Zur Webseitenadministration

Mehr

Wordpress als CMS Vertiefung

Wordpress als CMS Vertiefung Wordpress als CMS Vertiefung Zeitplan 09:00-09:15: Vorstellung und Fragen 09:15-10:00: Website-Konzeption 10:00-10:30: Umsetzung des Konzepts 10:30-10:50: Pause 10:50-11:20: Sicherheit und Backups 11:20-12:00:

Mehr

Installationsanleitung

Installationsanleitung Installation des Shopsystems Die Installation des Shopsystems wird in mehreren Schritten durchgeführt. Sie werden mittels einer automatischen Installationsroutine durch die einzelnen Schritte geleitet.

Mehr

Collax Web Application

Collax Web Application Collax Web Application Howto In diesem Howto wird die Einrichtung des Collax Moduls Web Application auf einem Collax Platform Server anhand der LAMP Anwendung Joomla beschrieben. LAMP steht als Akronym

Mehr

TUTORIAL. Wartung der Website mit Wordpress. www.edelsbrunner.at

TUTORIAL. Wartung der Website mit Wordpress. www.edelsbrunner.at TUTORIAL Wartung der Website mit Wordpress www.edelsbrunner.at INHALTSVERZEICHNIS Login...3 Überblick...4 Dashboard...4 Hauptmenü...4 Bereiche der Website...5 Navigation...6 Sidebar...6 Allgemeiner Content-Bereich...7

Mehr

Ein kleines Tutorial zu 1 st News, dem New sletter- Skript von Stephan Altmann

Ein kleines Tutorial zu 1 st News, dem New sletter- Skript von Stephan Altmann Ein kleines Tutorial zu 1 st News, dem New sletter- Skript von Stephan Altmann 1 Einführung 2 Voraussetzungen 3 I nstallation allgemein 4 I nstallation als Plugin für AT Contenator 5 Funktionalitäten 6

Mehr

Erstellen von Beiträgen

Erstellen von Beiträgen Erstellen von Beiträgen Hinweis Die Anleitung ist für den Microsoft Internet Explorer 10 erstellt. Wird ein anderer Webbowser wie Firefox, Safari oder Google Chrom usw. verwendet, kann die Darstellung

Mehr

Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger

Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Tutoring Projekt II // Master Druck- und Medientechnik // Beuth Hochschule für Technik Berlin // Berlin, 23.11.2013 Vorstellungsrunde Wer sind wir? Was machen wir? Webseite zum Kurs: http://beuthworkshop.wordpress.com

Mehr

Suchmaschinenoptimierung - 16 Tuning-Tipps wie Sie Ihre Website selber auf Platz 1 in allen Suchmaschinen katapultieren

Suchmaschinenoptimierung - 16 Tuning-Tipps wie Sie Ihre Website selber auf Platz 1 in allen Suchmaschinen katapultieren Suchmaschinenoptimierung - 16 Tuning-Tipps wie Sie Ihre Website selber auf Platz 1 in allen Suchmaschinen katapultieren Sie möchten die Positionierung Ihrer Internetseiten verbessern? Dann sollten Sie

Mehr

Herzlich Willkommen. Der Weg zur eigenen Homepage. vorgestellt von Frank Kullmann

Herzlich Willkommen. Der Weg zur eigenen Homepage. vorgestellt von Frank Kullmann Herzlich Willkommen Der Weg zur eigenen Homepage vorgestellt von Frank Kullmann 1. Die Planung Was soll auf unserer Homepage abgebildet werden (Texte, Bilder, Videos usw.)? Welche Struktur soll unsere

Mehr

Adobe Certified Expert-Programm

Adobe Certified Expert-Programm Adobe Certified Expert-Programm Product Proficiency-Prüfungs-Bulletin Adobe Dreamweaver CS3 Prüfungsnr. 9A0-056 Checkliste für die ACE-Zertifizierung Die folgende Checkliste hilft Ihnen dabei, die ACE-Zertifizierung

Mehr

DiBz2014. Digital Business. Ausbildungsschwerpunkt 3AK. Erstellt von Melissa Katzianka. Just try it!

DiBz2014. Digital Business. Ausbildungsschwerpunkt 3AK. Erstellt von Melissa Katzianka. Just try it! Digital Business Ausbildungsschwerpunkt 3AK Erstellt von Melissa Katzianka Just try it! 1 Inhalt 1. EINFÜHRUNG: 3 2. SOFTWARE FÜR DEN UNTERRICHT 4 2.1 BILDBEARBEITUNG: 4 2.2 DATENKOMPRESSION 4 2.3 FTP-CLIENT

Mehr

Metadaten für die Informationsversorgung von morgen: Kooperativ erstellen - gemeinsam nutzen

Metadaten für die Informationsversorgung von morgen: Kooperativ erstellen - gemeinsam nutzen Metadaten für die Informationsversorgung von morgen: Kooperativ erstellen - gemeinsam nutzen Was sind Metadaten? Metadaten sind strukturierte Daten über Daten. Sie dienen der Beschreibung von Informationsressourcen.

Mehr

Frontend Backend Administration Frontend Backend Administration Template

Frontend Backend Administration Frontend Backend Administration Template Begriffe Frontend Backend Administration Bei Contentmanagementsystemen (CMS) unterscheidet man zwischen zwei Bereichen, dem sogenannten Frontend und dem Backend Bereich. Der Backend wird häufig als Administration

Mehr

Installation von Typo3 CMS

Installation von Typo3 CMS Installation von Typo3 CMS TYPO3 Version 6.2.x unter Windows Eigenen lokalen Webserver mit XAMPP installieren Für die Installation von Typo3 wird eine passende Systemumgebung benötig. Diese besteht aus

Mehr

Erstellung eines Video Ads mit Fullscreen. Juni 2010

Erstellung eines Video Ads mit Fullscreen. Juni 2010 Erstellung eines Video Ads mit Fullscreen Juni 2010 Installation MXP Extension Kit Hallo liebe Kreativen, Wir freuen uns, dass Sie mit Eyeblaster arbeiten. Um Ihnen Ihre Arbeit zu Erleichtern, haben wir

Mehr

Besondere Lernleistung

Besondere Lernleistung Besondere Lernleistung Tim Rader gymsche.de Die neue Homepage des Gymnasiums Schenefeld Erstellen eines neuen Artikels Schritt 1: Einloggen Rufen Sie http://gymsche.de auf. Im rechten Bereich der Webseite

Mehr

WordPress installieren

WordPress installieren WordPress installieren Voraussetzung Webspace mit Skriptsprache PHP und Datenbank MySQL 5 FTP-Zugangsdaten von Deinem Hosting-Provider Datenbankname, Datenbank-Username und Datenbankpasswort (Hosting-Provider)

Mehr

Wissenschaftliches Arbeiten mit dem Programm Microsoft Word

Wissenschaftliches Arbeiten mit dem Programm Microsoft Word Wissenschaftliches Arbeiten mit dem Programm Microsoft Word Ein Leitfaden und Ratgeber für Studierende der Hochschule Fulda des Fachbereichs Sozialwesen Inhaltsverzeichnis VORWORT... 1 1. EINRICHTEN DES

Mehr

Hosting Control Panel - Anmeldung und Funktionen

Hosting Control Panel - Anmeldung und Funktionen Hosting Control Panel - Anmeldung und Funktionen Unser technischer Support steht Ihnen von Montag bis Freitag von 09:00-12:00 Uhr und von 14:00-17:00 Uhr zur Seite. Sie können uns Ihre Fragen selbstverständlich

Mehr

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel Seiten für das WWW selber gestalten Eine Seite im WWW ist in einer Programmiersprache geschrieben. Wir werden nicht die Details einer Programmierung anschauen. Es wird uns nützlich sein, zu wissen, wie

Mehr

KEIL software. Inhaltsverzeichnis INSTALLATION

KEIL software. Inhaltsverzeichnis INSTALLATION Inhaltsverzeichnis 1. Wichtige Informationen 1.1. Vorrausetzungen 1.2. Zusätzliche Sprachdateien 1.3. Thumbnail-Erstellung und Verkleinerung der Bilder 1.4. Schutz Ihrer Daten und Shop Sicherheit 2. Installation

Mehr

Wordpress & The7 Kurzmanual für KLS Müller AG LS / März 2015

Wordpress & The7 Kurzmanual für KLS Müller AG LS / März 2015 Wordpress & The7 Kurzmanual für KLS Müller AG LS / März 2015 Website: www.klsm.ch/de/ Login: www.klsm.ch/de/wp-admin Wordpress Kurzmanual Seite 1 von 9 Seiten SEITEN sind wie Ordner zu verstehen und für

Mehr

Start Sie benötigen eine TYPO3 Umgebung mit eigenen Zugangsdaten und etwas Zeit zum kreativen Schaffen.

Start Sie benötigen eine TYPO3 Umgebung mit eigenen Zugangsdaten und etwas Zeit zum kreativen Schaffen. Typo3 kurz und gut Start Sie benötigen eine TYPO3 Umgebung mit eigenen Zugangsdaten und etwas Zeit zum kreativen Schaffen. 1. Übung (Zugang zum Backend) Als Beispiel der Domain nehmen wir die Website:

Mehr

TYPO3-ANLEITUNG FÜR REDAKTEURE Für die Ortsverkehrswachten des Landes Niedersachsen

TYPO3-ANLEITUNG FÜR REDAKTEURE Für die Ortsverkehrswachten des Landes Niedersachsen TYPO3-ANLEITUNG FÜR REDAKTEURE Für die Ortsverkehrswachten des Landes Niedersachsen Der Webauftritt wird mit dem Redaktionssystem Typo3 Version 4.0 realisiert, das eine komfortable Pflege der Seiten erlaubt.

Mehr

mehr funktionen, mehr e-commerce:

mehr funktionen, mehr e-commerce: mehr funktionen, mehr e-commerce: xt:commerce plugin Search Tag Cloud xt:commerce Plugin search tag cloud Wonach suchen Ihre Kunden? Nicht nur für andere Nutzer ist es interessant, welche Artikel Ihre

Mehr