Layoutmodelle. Steffen Schwientek Große Klostergasse Friedberg Web :schlaukopp.org

Größe: px
Ab Seite anzeigen:

Download "Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org"

Transkript

1 Layoutmodelle HTML wurde von ihren Erfindern nicht als Layoutsprache entworfen, sondern zur Informationsübermittlung entworfen Es gab verschiedene Modelle, welche das Web populär machten und. Bei Erstellung einer Seite sollten Sie sich auf eine davon festlegen 82

2 Layoutmodelle (1) Tabellenlayout Tabelle wird zum Layouten zweckentfremdet Funktioniert generell mit allen Browsern Wird von Frontpage gut unterstützt CSS Boxen oder Layer Layout mittels Frames 83

3 Layoutmodelle - CSS Tabellenlayout CSS Boxen oder Layer Sauberer Weg: Trennnung Layout Inhalt Wird von Netscape 4 Browsern unzureichend unterstützt Barrierefreihes Design leicht möglich Nur teilweise Unterstützung in Frontpage 2002 Layout mittels Frames 84

4 Layout Frames Tabellenlayout CSS Boxen oder Layer Layout mittels Frames Von Frontpage gut unterstützt Interne Navigation ergibt sich von selbst Problematisch für Suchmaschinen, da keine Verzeichnisstruktur nach außen hin sichtbar 85

5 Aufbau einer Frameseite Zum Aufbau einer Webseite unter Verwendung von Frames werden mehrere HTML Dateien benötigt: Der Frameset, dieser unterteilt das Browserfenster in einzelne Segmente und verweist für jedes dieser Segmente auf eine HTML Datei Zu jedem Segment wird eine eigene HTML Datei für den Inhalt benötigt 86

6 Aufbau einer zweiteiligne Frameseite 87

7 Dreigeteilter Frameset 88

8 Aufgabe: Frameseite erstellen Erstellen Sie eine zweigeteilte Framedatei,indem Sie Die Geschichte des Internets oberen Teil, und die Datei Firefox vs Internet Explorer ins untere Frame bringen Vorgehensweise: Erstellen Sie eine neue Datei aus einer Vorlage Andere Seitenvorlagen auswählen Auf die Frameseite gehen, und sich dort eine zweigeteilte Framedatei aussuchen 89

9 Bemerkung Frameseiten: Normalerweise benutzt man Frameseiten etwas anders: Links bindet man eine Navigationsframe ein (dort stehen nur Links zu Inhalten, die später rechts erscheinen sollen) Auf Der rechten Seite bindet man dynamisch den gerade aktuellen Inhalt ein Die rechte Seite wird dann ausgetauscht, falls auf dem Navigationsframe der Link angeklickt wird 90

10 Links in anderen Frames öffnen Man kann Links auch in anderen Frames öffnen lassen: Dazu im Einfügen/Hyperlink hinzufügen einfach einen Zielframe angeben 91

11 Aufgabe Erstellen Sie eine kleine Frameseite mit Navigationsleiste In der Navigationsleiste stehen nur Links zu all ihren bislang erstellten Webseiten Im Hauptframe sollen sich dynamisch die Inhalte eingebunden werden, falls rechts auf den Link geklickt wird 92

12 Frameseite - Nachteile Die Navigationsstruktur ist unabhängig von der restlichen Webseite Suchmaschinen können dieser Seite nicht direkt analysieren (wegen fehlender interner Navigation) Andere können nur mühselig (unter Verlust sämtlicher Navigation) auf eine ihrerer Unterseiten verweisen 93

13 Tabellenlayout Im Gegensatz zu den Frames muß man beim Tabellenlayout bereits bei der Erstellung eine Große Tabelle anlegen. Nachträgliche Änderungen sind in Frontpage nur mittels copy&pase möglich Man muß bereits am Anfang seine Seite (Tabelle) Layouten Am Anfang wird eine große Tabelle erstellt, die später mit Inhalt gefüllt wird. Zum layouten werden manche Zeilen und Spalten zu einer zusammengefaßt 94

14 Tabellenlayout-wie Banner/top Seite 1 Seite 2 Seite 3 Seite 4 Haupttext Seite 1 Beim Tabellenlayout muß jedes einzelne Thema durch eine fast identische Unterseite dargestellt werden. Man erzeugt damit viele, nur durch den Haupttext unterschiedliche htmldateien 95

15 Tabellenlayout-wie Banner/top Seite 1 Seite 2 Seite 3 Seite 4 Haupttext Seite 2 Seite 1, Seite 2 sind dabei Links zu den entsprechenden unterseiten 96

16 Tabellenlayout aus Vorlage erstellen Frontpage liefert einige Webseitenvorlagen mit. Seitenvorlagen allgemein, es existiert hier sogar eine Vorschau Für jede anzulegende HTML Seite die entsprechende Seitenvorlage verwenden 97

17 Tabellen Benutzen Sie diese Vorlage, indem Sie fur jeden hinzuzufügenden Inhalt diese Vorlage öffnen Und den Inhalt in die Inhaltsspalte hinzufügen 98

18 Tabellenvorlage selbst erstellen Erstellen Sie eine Tabelle (1 Zeilen, 2 Spalten) Schreiben Sie in die Linke Seite ihre interne Navigation (links) Die rechte Seite lassen sie zunächst leer (der spätere Inhalt) Speichern Sie diese Tabelle als Vorlage ab. 99

19 Aufgabe (Tabellenlayout) Der Weg per Hand Erstellen Sie eine Tabellenlayoutseite mit folgenden Inhalten: Links soll eine Leiste entstehen, welche die Navigation beinhaltet Auf die rechte Seite soll die Geschichte des Internets eingebunden werden. Diesmal können Sie kreativ sein, d.h. Durch weitere Tabellen Bilder und Seite layouten 100

20 Tabellen - Vorgehensweise Auf diese Art und Weise (Tabellenvorlage, danach immer wieder diese Vorlage kopieren und Inhalte hinzufügen) lassen sich auch komplexe Webseiten gestalten Problem etwas aufwändig im Erstellen Im Professionellen Einsatz sind Tabellenlayouts üblich (da automatisiert Tabellen sehr einfach erstellt werden können) Die allermeisten Browser kommen damit gut zurecht 101

21 Frontpage Hilfen Gemeinsame Randbereiche leichte Realisierbarkeit der Navigation: in einem gemeinsamen Bereich die interne Navigation erstellen Frontpage erstellt daraus eine große Tabelle für jede Seite, die den gemeinsamen Randbereich verwendet 102

22 Tabellenlayout - Warnung Frontpage macht das Erstellen von auch komplexem Tabellenlayout einfach Gefahr von stark verschachtelten Tabellen Suchmaschinen können stark geschachtelte Tabellen genauso wenig folgen wie Screenreadersoftware von Sehbehinderten 103

Webseiten erstellen mit Expression Web Teil 2

Webseiten erstellen mit Expression Web Teil 2 Webseiten erstellen mit Expression Web Teil 2 Herzlich Willkommen Webentwicklung mit Expression Web Kursleiter: Steffen Schwientek Kursverlauf 2. Wochenende Modelle zur Webseitengestaltung Tabelle Anhand

Mehr

Inhaltsverzeichnis. Vorwort... XIII

Inhaltsverzeichnis. Vorwort... XIII Vorwort................................................................... XIII 11 Frames im professionellen Einsatz....................................... 1 Framesets erstellen......................................................

Mehr

Herzlich Willkommen bei. Webentwicklung mit Frontpage. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Tel. 06031/13175

Herzlich Willkommen bei. Webentwicklung mit Frontpage. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Tel. 06031/13175 Herzlich Willkommen bei Webentwicklung mit Frontpage Wege zu einer eigenen Webpräsenz Idee, etwas der Öffentlichkeit mitzuteilen Webseite erstellen Bei einem ISP (Internet Service Provider) die eigene

Mehr

Webseiten erstellen mit Dreamweaver Teil 2

Webseiten erstellen mit Dreamweaver Teil 2 Webseiten erstellen mit Dreamweaver Teil 2 Herzlich Willkommen Webentwicklung mit Dreamweaver Kursleiter: Steffen Schwientek Kursverlauf 2. Wochenende Modelle zur Webseitengestaltung Frames Anhand persönlicher

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

Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?...

Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?... Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2 Eine Hover-Schaltfläche erstellen... 2 Was ist in Ihrem Web passiert?... 3 Eine Rollover-Schaltfläche erstellen... 4 Vorbereitung für eine

Mehr

Inhaltsverzeichnis. Teil i: Die Grundlagen 19. ^sp^ Einführung 11

Inhaltsverzeichnis. Teil i: Die Grundlagen 19. ^sp^ Einführung 11 Inhaltsverzeichnis Einführung 11 Teil i: Die Grundlagen 19 ^sp^ Die Arbeitsoberfläche erkunden 21 1.1 Das Startfenster als erste Orientierung 23 1.2 Dokumentfenster mit unterschiedlichen Ansichten 24 1.3

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

Frames oder Rahmen im Browserfenster

Frames oder Rahmen im Browserfenster In dieser Ausbildungseinheit zeigen wir Ihnen, wie Frames oder auch Rahmen im Browserfenster erstellt werden. Dabei möchten wir anmerken, dass zu Frames bereits sehr viel Gegensätzliches geschrieben wurde.

Mehr

Kapitel 3 Frames Seite 1

Kapitel 3 Frames Seite 1 Kapitel 3 Frames Seite 1 3 Frames 3.1 Allgemeines Mit Frames teilt man eine HTML-Seite in mehrere Bereiche ein. Eine Seite, die mit Frames aufgeteilt ist, besteht aus mehreren Einzelseiten, die sich den

Mehr

8 Mit Frames arbeiten

8 Mit Frames arbeiten Lektion 8 8 Mit Frames arbeiten Frames eignen sich zur Kontrolle des Layouts und der Struktur Ihrer Web-Site. Nutzen Sie sie einerseits als Navigationswerkzeuge und andererseits um mehr als eine Information

Mehr

Dreamweaver MX Arbeiten mit HTML-Vorlagen

Dreamweaver MX Arbeiten mit HTML-Vorlagen Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 03.06.2003, 8.30-13.00 Uhr 18.06.2003, 8.30-13.00 Uhr Dreamweaver MX Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten

Mehr

Inhalt. Vorwort 13. Einleitung 15. 1 Installation und erste Schritte 17. 2 Von der Webvisitenkarte zur Webpräsenz 51. Inhalt

Inhalt. Vorwort 13. Einleitung 15. 1 Installation und erste Schritte 17. 2 Von der Webvisitenkarte zur Webpräsenz 51. Inhalt Inhalt Vorwort 13 Einleitung 15 1 Installation und erste Schritte 17 1.1 Die Installation von GoLive 6.0 17 Vor Beginn der Installation 17 Die Installation 19 Der Abschluss der Installation 24 1.2 Den

Mehr

http://www.mzmue.de/computerfortbildung/frontpage_manual.htm

http://www.mzmue.de/computerfortbildung/frontpage_manual.htm Seite 1 von 8 Frontpage-Manual (J. Wagner für Intel I) 0. Vorbemerkungen - Frontpage ist eine Möglichkeit, Internetseiten zu erstellen. - Es gibt einfachere (= weniger umfangreiche) Programme, die für

Mehr

TYPO3 Redaktoren-Handbuch

TYPO3 Redaktoren-Handbuch TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste

Mehr

Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.

Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden. In einer Website haben Seiten oft das gleiche Layout. Speziell beim Einsatz von Tabellen, in denen die Navigation auf der linken oder rechten Seite, oben oder unten eingesetzt wird. Diese Anteile der Website

Mehr

Bedienungsanleitung Sold_IT 2.0 Shop-Designer

Bedienungsanleitung Sold_IT 2.0 Shop-Designer Bedienungsanleitung Sold_IT 2.0 Shop-Designer Mit dem Shop-Designer können Sie den kompletten Shop an Ihre Bedürfnisse anpassen. Bitte beachten Sie: Das diese Funktionen mindestens Grundwissen in HTML

Mehr

Inhalt. Einführung...13. Lektion 1 Diagramme erstellen...21

Inhalt. Einführung...13. Lektion 1 Diagramme erstellen...21 5 Inhalt Einführung..........................................13 Über dieses Buch....................................... 13 Voraussetzungen....................................... 14 Adobe GoLive installieren...............................

Mehr

2. Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen.

2. Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen. Bildergalerie einfügen Wenn Sie eine Vielzahl an Bildern zu einem Thema auf Ihre Homepage stellen möchten, steht Ihnen bei Schmetterling Quadra das Modul Bildergalerie zur Verfügung. Ihre Kunden können

Mehr

HTML Programmierung. Aufgaben

HTML Programmierung. Aufgaben HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite

Mehr

Anleitung directcms 5.0 Newsletter

Anleitung directcms 5.0 Newsletter Anleitung directcms 5.0 Newsletter Jürgen Eckert Domplatz 3 96049 Bamberg Tel (09 51) 5 02-2 75 Fax (09 51) 5 02-2 71 - Mobil (01 79) 3 22 09 33 E-Mail eckert@erzbistum-bamberg.de Im Internet http://www.erzbistum-bamberg.de

Mehr

Seiten und Inhalte verlinken

Seiten und Inhalte verlinken Seiten und Inhalte verlinken 70 Seiten verlinken Erstellen Sie zwei HTML-Seiten und speichern Sie sie unter den Namen seite.html und seite.html. Fügen Sie in seite.html ein -tag ein, um auf Seite zu

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5 HTML5 Linda York, Tina Wegener 2. Ausgabe, 3. Aktualisierung, Januar 2013 Grundlagen der Erstellung von Webseiten HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen

Mehr

Einführung. Übersicht: Was Sie brauchen, bevor Sie anfangen Projekt in Dreamweaver anlegen. Austauschen der Logos Logo oben

Einführung. Übersicht: Was Sie brauchen, bevor Sie anfangen Projekt in Dreamweaver anlegen. Austauschen der Logos Logo oben Einführung Willkommen. Auf den nächsten Seiten erfahren Sie, wie Sie das bestehende Template Lernpfad benutzen, um Ihren eigenen Lernpfad zu erstellen. Sie werden Ihren Lernpfad in Dreamweaver anlegen,

Mehr

Relaunch der PI3-Website

Relaunch der PI3-Website Relaunch der PI3-Website Über Design & der Lehrstuhlhomepage. Cornelius Rabsch http://pi3.informatik.uni-mannheim.de/crabsch.html rabsch@pi3.informatik.uni-mannheim.de Cornelius Rabsch, 3. Dezember 2004

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Marc Haunschild, Linda York, Tina Wegener. 3. Ausgabe, Januar 2015 ISBN: 978-3-86249-404-0 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Marc Haunschild, Linda York, Tina Wegener. 3. Ausgabe, Januar 2015 ISBN: 978-3-86249-404-0 HTML5 HTML5 Marc Haunschild, Linda York, Tina Wegener 3. Ausgabe, Januar 2015 Grundlagen der Erstellung von Webseiten ISBN: 978-3-86249-404-0 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste

Mehr

Webseitenverwaltung. Mit HTML, CSS und ein klein wenig PHP. Steffen Schwientek http://schlaukopp.org

Webseitenverwaltung. Mit HTML, CSS und ein klein wenig PHP. Steffen Schwientek http://schlaukopp.org Webseitenverwaltung Mit HTML, CSS und ein klein wenig PHP Ziel: Einheitliches Layout Banner für alle Seiten des Webauftritts div id="navi" Seite 1 Seite2 Seite

Mehr

INHALTS VERZEICHNIS. Einleitung 11 Der lange Weg zu Expression Web 11 Was Expression Web von Dreamweaver und GoLive unterscheidet 15

INHALTS VERZEICHNIS. Einleitung 11 Der lange Weg zu Expression Web 11 Was Expression Web von Dreamweaver und GoLive unterscheidet 15 5 INHALTS VERZEICHNIS Einleitung 11 Der lange Weg zu Expression Web 11 Was Expression Web von Dreamweaver und GoLive unterscheidet 15 1 Wie sieht die Zukunft aus? 16 Webdesign-Grundlagen 17 1.1 Expression

Mehr

Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox.

Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox. WEB CMS HELP Webseiten anlegen, verwalten, verändern. Alles im Browser. Am besten Firefox. Die von Dir entworfene Seite wird auf dem WEB_CMS-Server gespeichert und kann so immer wieder verändert werden.

Mehr

Handbuch für Redakteure

Handbuch für Redakteure Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Trennen der Druck- und der Online-Version.. 4 Grunddaten ändern... 5 Weitere Artikel-eigenschaften...

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

1. Sobald Sie mit der Maus über die Navigationszeile Ihrer Homepage fahren, erscheint ein Button Navigation bearbeiten.

1. Sobald Sie mit der Maus über die Navigationszeile Ihrer Homepage fahren, erscheint ein Button Navigation bearbeiten. Anwendungsbeispiel Wir über uns Seite erstellen In diesem Anwendungsbeispiel wird zunächst eine Übersichtstabelle zu allen Mitarbeitern Ihres Büros erstellt. Hinter jeder Person ist dann eine neue Seite

Mehr

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen

Mehr

HTML Teil 2. So kann man HTML-Seiten mit

HTML Teil 2. So kann man HTML-Seiten mit <div> und CSS gestalten. So sehen einfache Formulare aus HTML Teil 2 So kann man HTML-Seiten mit und CSS gestalten So sehen einfache Formulare aus Wie könnte ein komplexer Internetauftritt aussehen? Trennung Inhaltsbereich und Navigationsbereich 2 Beispiel:

Mehr

1) Begriffserklärung. Modulgruppe. Seitenbaum. Arbeitsbereich. Modul

1) Begriffserklärung. Modulgruppe. Seitenbaum. Arbeitsbereich. Modul Typo 3 Inhalt 1) Begriffserklärung... 2 2) Neue Seite anlegen... 3 3) Neues Inhaltselement... 5 4) Text mit Bild... 10 5) Bilder hochladen... 14 6) Elemente verschieben... 15 7) Element löschen... 15 8)

Mehr

2. Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen.

2. Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen. Text/Bild Inhalt einfügen Über das Modul Text/Bild Inhalt fügen Sie mit Schmetterling Quadra Ihren individuellen Text in Kombination mit Bildern auf Ihre Homepage ein. Mit diesem Modul können Sie auch

Mehr

Anleitung: Ändern von Seiteninhalten und anlegen eines News Beitrags auf der Homepage des DAV Zorneding

Anleitung: Ändern von Seiteninhalten und anlegen eines News Beitrags auf der Homepage des DAV Zorneding Anleitung: Ändern von Seiteninhalten und anlegen eines News Beitrags auf der Homepage des DAV Zorneding Diese Anleitung beschreibt die notwendigen Schritte um Seiteninhalte auf der Homepage zu ändern und

Mehr

Dokumentation Prisma-Auftritt

Dokumentation Prisma-Auftritt Seite: 1 Dokumentation Prisma-Auftritt Version 2.0 Alleinvertrieb: Dipl.-Ing. W. Reichel Email: info@myprisma.com Internet: www.myprisma.com Seite: 2 V o r w o r t Hallo Prisma-Benutzer, Prisma-Auftritt

Mehr

Keine Angst vor der eigenen Webseite!

Keine Angst vor der eigenen Webseite! der eigenen Webseite! Ziel: Eine sehr einfache Methode sich im Internet darzustellen Referent: Hermann Schmidt obgv@aol.com Allgemein Wie kann man Internet sinnvoll nutzen? Internet bietet viele und ungeahnte

Mehr

Anleitung zur Verwendung von Silverstripe 3.x

Anleitung zur Verwendung von Silverstripe 3.x Anleitung zur Verwendung von Silverstripe 3.x Inhaltsverzeichnis: 1. EINLEITUNG 2. ORIENTIERUNG 2.1 Anmelden am CMS 2.2 Die Elemente des Silverstripe CMS 2.3 Funktion des Seitenbaums 2.4 Navigieren mit

Mehr

Napoleon.ch Administrations-Tool. Beschreibung Administrationsbereich / CMS für Ihre Website

Napoleon.ch Administrations-Tool. Beschreibung Administrationsbereich / CMS für Ihre Website Beschreibung Administrationsbereich / CMS für Ihre Website Seite:1/11 Inhaltsverzeichnis 1. Intro... 3 2. Allgemeine Erscheinung... 3 3. Benutzerverwaltung... 4 4. Bild- und DokuModul... 4 5. Website Modul...

Mehr

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse Felix Kopp Orientierung Veröffentlichen und Aktualisieren ohne Programmierkenntnisse Bestehende Internet-Seite aktualisieren. oder

Mehr

ECDL WebStarter Syllabus Version 1.0

ECDL WebStarter Syllabus Version 1.0 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.0 Copyright 2004 Österreichische Computer Gesellschaft. Alle Rechte vorbehalten The European Computer Driving Licence Foundation Ltd.

Mehr

Typo3 - Inhalte. 1. Gestaltung des Inhaltsbereichs. 2. Seitenunterteilung einfügen

Typo3 - Inhalte. 1. Gestaltung des Inhaltsbereichs. 2. Seitenunterteilung einfügen Typo3 - Inhalte 1. Gestaltung des Inhaltsbereichs Das Layout der neuen TVA Website sieht neben dem grafischen Rahmen und den Navigations-Elementen oben und links einen grossen Inhaltsbereich (graue Fläche)

Mehr

Design anpassen eine kurze Einführung

Design anpassen eine kurze Einführung Design anpassen eine kurze Einführung Das gesamte Layout von Papoo basiert auf modernen CSS Layouts die vollständig ohne Layout Tabellen funktionieren. Um schnell vorhandene Designs anpassen zu können

Mehr

BANKETTprofi Web-Client

BANKETTprofi Web-Client BANKETTprofi Web-Client Konfiguration und Bedienung Handout für die Einrichtung und Bedienung des BANKETTprofi Web-Clients im Intranet / Extranet Der BANKETTprofi Web-Client Mit dem BANKETTprofi Web-Client

Mehr

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM Vorwort 13 Einleitung 14 Arbeitsschritte 14 Wichtige Stellen im Buch 14 Buffi-Infokästen 14 Aufgaben 15 Wohin mit den Übungen? 15 HTML-Ordner

Mehr

Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten

Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten Version 1.0 Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten In unserer Anleitung zeigen wir Dir, wie Du Blogbeiträge

Mehr

Erstellen von Web-Seiten

Erstellen von Web-Seiten Erstellen von Web-Seiten Grundlagen html: Zum Erstellen von html-seiten benötigen wir nur einen Text-Editor. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte

Mehr

Dokumentation Admintool

Dokumentation Admintool Dokumentation Admintool 1. Das Menü Artikel: Im Bereich Artikel sehen Sie zunächst die Artikelzentrale eine Übersicht aller auf der Website veröffentlichen Artikel. Diese werden innerhalb der Struktur

Mehr

Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.

Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet. Intrapact Layout Allgemeines Das Layout einer Firma wird im Intrapact Manager, und dort im Layout Designer erstellt. Alle Eingaben im Layout Designer dienen dazu um die CSS/ASP Dateien zu generieren, die

Mehr

Zimplit CMS Handbuch. Einführung. Generelle Informationen

Zimplit CMS Handbuch. Einführung. Generelle Informationen Zimplit CMS Handbuch Einführung Dieses Dokument gibt Ihnen einen Überblick über die Nutzeroberfläche des Zimplit CMS (Content Management System) und seinen Funktionen. Generelle Informationen Version:

Mehr

Informationen zu den regionalen Startseiten

Informationen zu den regionalen Startseiten Informationen zu den regionalen Startseiten Inhaltsverzeichnis Informationen zu den regionalen Startseiten 1 1. Grundlegende Regeln 2 1.1. Was wird angezeigt? 2 1.2. Generelle Anzeigeregeln 2 2. Anpassbare

Mehr

Herzlich Willkommen bei der Seitenadministration von page control

Herzlich Willkommen bei der Seitenadministration von page control Herzlich Willkommen bei der Seitenadministration von page control Webadresse: Administration: Benutzername: Passwort: 1. Anmelden am Content Management System (CMS) 2. Startseite 3. Seiten bearbeiten Neue

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

Mehr

TYPO3-Schulung für Redakteure Stand: 12.5.2009

TYPO3-Schulung für Redakteure Stand: 12.5.2009 TYPO3-Schulung für Redakteure Stand: 12.5.2009 Um sich in TYPO3 einzuloggen, rufen Sie bitte im Internet die Seite http://www.vdi.de/typo3 auf, geben Sie dort Ihren Benutzernamen und Ihr Passwort ein und

Mehr

Internet-Projekte Kurt Stettler Tel. 055 244 25 69

Internet-Projekte Kurt Stettler Tel. 055 244 25 69 Neue Seite erstellen mit Link in Navigation Seite 1 von 9 Inhalt Neue Gruppe erstellen ab Ziffer 1 Neue Textgruppe erstellen ab Ziffer 6 Neuen Artikeltext erstellen oder bestehenden duplizieren ab Ziffer

Mehr

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet;

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet; Homepage von Anfang an Herzlich Willkommen! Caroline Morhart-Putz caroline.morhart@wellcomm.at Inhalt und Ziele!! HTML Grundlagen - die Sprache im Netz; HTML Syntax;!! Photoshop - Optimieren von Bildern,

Mehr

Webdesign mit (X)HTML und CSS

Webdesign mit (X)HTML und CSS Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*

Mehr

PowerPoint Vorträge professionell umsetzen

PowerPoint Vorträge professionell umsetzen 29.04.2015 PowerPoint Vorträge professionell umsetzen Agenda Grundlagen Erstellen einer Vorlage (Master) Perfekt präsentieren Was ist PowerPoint? Präsentationssoftware (Microsoft Office) zur Erstellung

Mehr

Designänderungen mit CSS und jquery

Designänderungen mit CSS und jquery Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene

Mehr

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Responsive Webdesign vertraut. Es wird

Mehr

Präsentation mit PowerPoint

Präsentation mit PowerPoint /Präsentationsgrafik, WS 05/06 1 Einsatz von Präsentationen Ziel einer Präsentation: eine Botschaft oder ein Argument kommunizieren Erfolg: nur wenn kreativ und strategisch sinnvoll präsentiert wird Mit

Mehr

OXID eshop Templates Entwicklung

OXID eshop Templates Entwicklung OXID eshop Templates Entwicklung - mit 24 Monaten Hersteller-Gewährleistung* auf versteckte Mängel - Webdesign bedeutet fast alles für Online Shops. Der Kunde gelangt dank aufwändiger Werbung und erfolgreicher

Mehr

Die Gestaltungselemente unterliegen bis zur Beauftragung unserem vollständigen Urheberrecht.

Die Gestaltungselemente unterliegen bis zur Beauftragung unserem vollständigen Urheberrecht. SEITBOX 4.0 BENUTZERHANDBUCH Seehausen, den 10. Mai 2012 SeitWerk GmbH, 82418 Seehausen Der Inhalt ist vertraulich und darf mit Ausnahme von Mitarbeitern des Adressaten sowie der assoziierten Unternehmen,

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

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

Slices und Rollover für die Startseite einer Bildergalerie

Slices und Rollover für die Startseite einer Bildergalerie Slices und Rollover für die Startseite einer Bildergalerie Die größte Frage bei einer Webseite ist es, auf ggf. viele Informationen von der relativ kleinen Fläche eines Bildschirmes zu verweisen. Dabei

Mehr

Beispiel des Zusammenführens der APV- Tabellen Stammdaten und Verlaufsdaten mithilfe von Access

Beispiel des Zusammenführens der APV- Tabellen Stammdaten und Verlaufsdaten mithilfe von Access Beispiel des Zusammenführens der APV- Tabellen Stammdaten und Verlaufsdaten mithilfe von Access Diese Übersicht stellt die Zusammenführung der APV Tabellen Stammdaten und Verlaufdaten mithilfe der Datenbank

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

Mehr

Schulungsunterlagen portal.easy

Schulungsunterlagen portal.easy Schulungsunterlagen portal.easy Inhaltsverzeichnis Überblick... 2 Was ist DNN?... 2 Kurzbeschreibung Bedienungsfeld... 2 Administration... 3 Benutzer... 3 Benutzerkonto... 3 Benutzergruppen... 5 Seitenverwaltung...

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

Installationsanleitung jk-ma011-1-hotel

Installationsanleitung jk-ma011-1-hotel Installationsanleitung jk-ma011-1-hotel Vielen Dank für den Kauf des Contao-Templates jk-ma011-1-hotel. Hier ein paar Hinweise, die Ihnen bei der Installation des themes helfen sollen. Ganz WICHTIG: Installieren

Mehr

In dem unterem Feld können Sie Ihre E-Mail eintragen, wenn sie im System hinterlegt wurde. Dann wird Ihnen Ihr Passwort noch einmal zugeschickt.

In dem unterem Feld können Sie Ihre E-Mail eintragen, wenn sie im System hinterlegt wurde. Dann wird Ihnen Ihr Passwort noch einmal zugeschickt. Wyhdata Hilfe Login: www.n-21online.de (Login Formular) Ihr Login-Name: Hier tragen Sie Redak1 bis Redak6 ein, der Chefredakteur bekommt ein eigenes Login. Ihr Passwort: Eine Zahlenkombination, die vom

Mehr

11 Tabellen als Inhaltselement (ohne RichTextEditor)

11 Tabellen als Inhaltselement (ohne RichTextEditor) 11 Tabellen als Inhaltselement (ohne RichTextEditor) Inhaltsverzeichnis 11 Tabellen als Inhaltselement (ohne RichTextEditor) 1 Vorbemerkung.......................................... 1 11.1 Eine einfache

Mehr

Erzeuge ein lokales Verzeichnis, wo du deine Dokumente ablegen willst. Speichere dort alle Dokumente, die du für deine HTML-Seite(n) brauchst.

Erzeuge ein lokales Verzeichnis, wo du deine Dokumente ablegen willst. Speichere dort alle Dokumente, die du für deine HTML-Seite(n) brauchst. Frontpage Express FrontPage Express ist ein Editor der Firma Microsoft für Web-Seiten. Mit Hilfe von FrontPage Express kannst du Web-Seiten in HTML erstellen und formatieren. Dabei arbeitest du in einer

Mehr

ECDL WebStarter Syllabus Version 1.5

ECDL WebStarter Syllabus Version 1.5 ECDL WebStarter Syllabus Version 1.5 Schon im World Wide Web vertreten? syllabusweiss3.indd 1 19.01.2007 13:46:56 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.5 The European Computer

Mehr

Einfügen mit Hilfe des Assistenten: Um eine Seite hinzufügen zu können, müssen Sie nur mehr auf ein Symbol Stelle klicken.

Einfügen mit Hilfe des Assistenten: Um eine Seite hinzufügen zu können, müssen Sie nur mehr auf ein Symbol Stelle klicken. 2. SEITE ERSTELLEN 2.1 Seite hinzufügen Klicken Sie in der Navigationsleiste mit der rechten Maustaste auf das Symbol vor dem Seitentitel. Es öffnet sich ein neues Kontextmenü. Wenn Sie nun in diesem Kontextmenü

Mehr

2 Erste Schritte, Grundfunktionen und Symbole

2 Erste Schritte, Grundfunktionen und Symbole 2 Erste Schritte, Grundfunktionen und Symbole Um mit der Arbeit in Ihrem Baukasten zu beginnen, klicken Sie auf Seite im Funktionsmenü (1). Der Seitenbaum (2) öffnet sich. Klicken Sie auf den Namen der

Mehr

Kurzanleitung CMS. Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS. Inhaltsverzeichnis

Kurzanleitung CMS. Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS. Inhaltsverzeichnis Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS Verfasser: Michael Bogucki Erstellt: 24. September 2008 Letzte Änderung: 16. Juni 2009 Inhaltsverzeichnis

Mehr

Handbuch für Redakteure

Handbuch für Redakteure Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Grunddaten ändern... 5 Weitere Artikeleigenschaften... 5 Der WYSIWYG-Editor... 6

Mehr

Internet-Projekte Kurt Stettler Tel. 055 244 25 69 kurt.stettler@hombi.ch

Internet-Projekte Kurt Stettler Tel. 055 244 25 69 kurt.stettler@hombi.ch Bildergalerie erstellen mit Link in Navigation Seite 1 von 9 Inhalt Neue Gruppe erstellen ab Ziffer 1 Neue Textgruppe erstellen ab Ziffer 6 Neuen Artikeltext erstellen ab Ziffer 7 Neue Artikel-ID anlegen

Mehr

Uni-CMS Admintool Benutzerhandbuch

Uni-CMS Admintool Benutzerhandbuch Uni-CMS Admintool Benutzerhandbuch Inhalt 1 Kurzanleitung Bedienung... 2 1.1 Hauptfenster... 2 1.2 Kontextmenü im Navigationsbaum... 3 1.3 Editormenü... 4 1.4 Homepage-Pflege... 4 1.4.1 Vorhandene Seite

Mehr

Referenzen Frontend und PHP

Referenzen Frontend und PHP Referenzen Frontend und PHP Stand: Dezember 2014 - Startseite Stand: Dezember 2014 - Seite wird mit PHP aus mysql Datenbank generiert - HTML5 und CSS3 - Aufbau mit - validiert von W3C www.georgien-nachrichten.de

Mehr

Inhaltsverzeichnis (ohne Adminrecht/Vorlagen)

Inhaltsverzeichnis (ohne Adminrecht/Vorlagen) Inhaltsverzeichnis (ohne Adminrecht/Vorlagen) Hauptmenü Startseite Einstellungen Profil bearbeiten Nutzerverwaltung Abmelden Seiten Seiten verwalten/bearbeiten Seiten erstellen Dateien Dateien verwalten

Mehr

ArenaSchweiz AG. CMS Concrete5.7 Erste Schritte

ArenaSchweiz AG. CMS Concrete5.7 Erste Schritte CMS Concrete5.7 Erste Schritte Anmelden Öffnen Sie Ihren Browser und geben Sie Ihre Website-Adresse ein, dazu «/login» Beispiel: http://www.domainname.ch/login Geben Sie Benutzername und Passwort ein und

Mehr

Fremdsprachen bearbeiten

Fremdsprachen bearbeiten Fremdsprachen bearbeiten Dieses Dokument beschreibt, wie Sie fremdsprachliche Inhalte bearbeiten können. Login Melden Sie sich an der jeweiligen Website an, in dem Sie hinter die Internet- Adresse das

Mehr

Interface-Optimierung bei mobilen Endgeräten

Interface-Optimierung bei mobilen Endgeräten Interface-Optimierung bei mobilen Endgeräten Darauf sollte man achten Darstellung über CSS anpassen Durch optimierte Breiten kann man sehr einfach für Mobiltelefon oder ipad optimierte Seiten ausliefern.

Mehr

TYPO3 Einführung für Redakteure. Astrid Tessmer

TYPO3 Einführung für Redakteure. Astrid Tessmer TYPO3 Einführung für Redakteure Astrid Tessmer Ablauf Aufbau der Website Anlegen und Bearbeiten von Seiten Anlegen und Bearbeiten von Inhaltselementen Inhaltstyp Text, HTML-Area (Rich Text Editor) Inhaltstyp

Mehr

Typo3 Website - Die Innenarchitekten

Typo3 Website - Die Innenarchitekten Kurzeinstieg - Leitfaden - Stand 15.12.2010 Redaktionelle Bearbeitung der Seite Top-News inkl. Anlegen von Pop-Up Fenstern ge der Anfangsseite Top-News. Um die Redaktiionsmöglichkeiten übersichtlich zu

Mehr

Um ein Seiteninhaltselement zu editieren, d. h. neu einzufügen oder zu verändern werden mehrere Symbole verwendet:

Um ein Seiteninhaltselement zu editieren, d. h. neu einzufügen oder zu verändern werden mehrere Symbole verwendet: 4.5.7 Bilder- und Datei-Upload Alle Dateien (z.b. Bilder, PDF-Dateien, Flash-Animationen, etc.), die Sie auf Ihren Seiten einbinden möchten, laden Sie im Modulbereich Datei in den Modulen Dateiliste oder

Mehr

TYPO3-REDAKTEURSHANDBUCH

TYPO3-REDAKTEURSHANDBUCH TYPO3-REDAKTEURSHANDBUCH Erstellung von Webseiten mit dem TYPO3-CMS der HHU Düsseldorf ZIM Zentrum für Informations- und Medientechnologie ZIM - TYPO3-Team HHU Düsseldorf Ansprechpartner ZIM Dr. Sebastian

Mehr

Wiederholung float+clear. Grundlagen Webgestaltung Seite 136

Wiederholung float+clear. Grundlagen Webgestaltung Seite 136 Wiederholung float+clear Grundlagen Webgestaltung Seite 136 float und clear clear kann für mehrspaltige Layouts verwenden werden. Jedoch kann das auch zu ungewollten Effekten führen. Angenommen eine Webseite

Mehr

TABELLEN-ÜBUNGEN. Erstellen Sie eine HTML-Datei Titel: Große Tabelle Dateiname: tabelle1.htm. Überschrift 1. Textausrichtung in großen Tabellenzellen

TABELLEN-ÜBUNGEN. Erstellen Sie eine HTML-Datei Titel: Große Tabelle Dateiname: tabelle1.htm. Überschrift 1. Textausrichtung in großen Tabellenzellen Erstellen Sie eine HTML-Datei Titel: Große Tabelle Dateiname: tabelle1.htm Textausrichtung in großen Tabellenzellen Überschrift 1 links - oben zentriert - oben rechts - oben links - zentriert zentriert

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

GEONET Anleitung für Web-Autoren

GEONET Anleitung für Web-Autoren GEONET Anleitung für Web-Autoren Alfred Wassermann Universität Bayreuth Alfred.Wassermann@uni-bayreuth.de 5. Mai 1999 Inhaltsverzeichnis 1 Technische Voraussetzungen 1 2 JAVA-Programme in HTML-Seiten verwenden

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

Anleitung für. das Erstellen. einer. Bildergalerie

Anleitung für. das Erstellen. einer. Bildergalerie Anleitung für das Erstellen einer Bildergalerie AMAN Media GmbH Dorfstraße 2-4 85235 Unterumbach email: thomas.borsutzky@aman.de AMAN Media GmbH www.aman.de Thomas Borsutzky 30. August 2010 ID1511-55 Seite

Mehr

Windows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1

Windows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1 Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1 Wenn der Name nicht gerade www.buch.de oder www.bmw.de heißt, sind Internetadressen oft schwer zu merken Deshalb ist es sinnvoll, die Adressen

Mehr

Ich möchte eine Bildergalerie ins Internet stellen

Ich möchte eine Bildergalerie ins Internet stellen Ich möchte eine Bildergalerie ins Internet stellen Ich habe viele Fotos von Blumen, von Häusern, von Menschen. Ich möchte zu einem Thema Fotos sammeln, eine Vorschau erstellen und die Fotos so in der Größe

Mehr