11 Publizieren im Web

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

Download "11 Publizieren im Web"

Transkript

1 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 Zugang zum Internet und im Durchschnitt sind 81 % der Unternehmen (große Unternehmen 98 %) im Internet mit einer eigenen Website präsent. Daher ist es umso wichtiger, dass der eigene Webauftritt gut geplant und gestaltet wird, damit ein positiver Eindruck vom Unternehmen entsteht. In diesem Abschnitt lernen Sie, wie Webseiten aufgebaut sind, wie sie gestaltet werden und wie sie untereinander verlinkt werden. Sie werden eine einfache Website erstellen und im Internet publizieren Grundlagen 11.2 (X)HTML Zum Erstellen von Webseiten benötigt man nur einen Texteditor, da Webseiten nur Textdokumente sind, die mit einer eigenen Sprache, der (Extensible) Hypertext Markup Language, geschrieben werden. Das Schreiben und Formatieren geht jedoch mit einem sogenannten Website-Editor einfacher und schneller. (X)HTML-Seiten können in jedem Webbrowser (z. B. Internet Explorer, Mozilla Firefox, Opera, Safari usw.) angezeigt werden. Im Laufe der Entwicklung des WWW wurden verschiedene Dokumenten-Typ-Definitionen vom WWW-Consortium 8 festgelegt. Die derzeit aktuellen Versionen sind HTML 4.01 (HTML 5 ist in Entwicklung) und XHTML 1.0 (1.1). Im Folgenden werden die Grundlagen der Website-Gestaltung besprochen, die für alle Webseiten, egal ob mit einem einfachen Editor oder einem Website-Editor erstellt, gelten. Unter Website versteht man den gesamten Internet-Auftritt eines Unternehmens (bzw. Organisation oder Person). Diese Website kann aus mehreren Webseiten bestehen. Die erste Seite (also die Einstiegsseite) einer Website wird Homepage genannt. HTML ist eine Textauszeichnungssprache, welche die Struktur einer Website festlegt. Neben normalen ASCII-Text (für einige Sonderzeichen gilt eine besondere Schreibweise) werden spezifische Befehle (Tags) für die Auszeichnung verwendet. Die Tags werden durch spitze Klammern (<>) markiert. Fast alle HTML-Befehle bestehen aus einem einleitenden (z. B. <p>) und einem abschließenden (z. B. </p>) Tag. Der Text dazwischen ist der "Gültigkeitsbereich" für die betreffenden Tags. <p>dieser Text steht in einem Absatz.</p> einleitender Tag Gültigkeitsbereich abschließender Tag 7 (zugegriffen am: ) 8 Seite 202

2 Publizieren im Web Jede HTML-Datei wird mit der Erweiterung.htm oder.html abgespeichert, wobei die erste Seite jeder Web-Site entweder mit dem Dateinamen index.htm oder default.htm benannt werden sollte. Eine HTML-Datei hat folgende Bestandteile: einleitender HTML-Tag <html> Head-Bereich mit Informationen für den Browser und Suchmaschinen usw. Body-Bereich hier steht der eigentliche Inhalt der Webseite, der im Browser angezeigt wird. abschließender HTML-Tag <head> <title>hier steht der Titel, der im Browser in der Titelleiste angezeigt wird </title> </head> <body> <h1>hier steht die Überschrift</h1> <p>hier steht der eigentliche Text der Webseite.</p> </body> </html> Die Gliederung der Seiten erfolgt mit verschiedenen Tags. Die wichtigsten sind: Tags <h1> </h1> bis <h9> </h9> <p> </p> <div> </div> <span> </span> <img /> <ul> </ul> <ol> </ol> <li>.</li> <li>.</li> <li> </li> <li> </li> <table> <tr> <td> </td> <td> </td> </tr> </table> Funktion Überschriften der 1. bis 9. Gliederungsebene Absätze abgesetzte Bereiche Bereiche innerhalb eines Absatzes Einfügen von Bildern ungeordnete Listen (Aufzählungen) geordnete Listen (Nummerierungen) Tabellen Tabellenzeile (rows) Tabellenzelle (data) Tabellenzelle Seite 203

3 Hyperlinks Ein Hyperlink ist eine Verbindung zu einer Webseite innerhalb des eigenen Webauftrittes (relativer Link), einer bestimmten Stelle in einer Seite (interner Link) oder zu einer anderen Ressource (Datei, Bild, Video, Download-Datei) im Web (absoluter Link). Hyperlinks werden auch Anker (a = anchor) genannt. Ein Hyperlink beginnt mit dem Tag <a> und endet mit </a>. Das Attribut href legt das Ziel des Hyperlinks (Hyperlinkreferenz) fest. Zwischen Anfang- und Schluss-Tag steht der Text, der vom Browser als Link dargestellt wird. Interner Link Um einen bestimmten Punkt in einer HTML-Datei ansteuern zu können, muss vorerst ein benannter Anker (Sprungmarke) an der Stelle gesetzt werden, wo hingesprungen werden soll: <a name="ankername" id= Ankername ></a> Dieser Ankerpunkt wird mit <a href="#ankername">linktext</a> angesteuert. Relativer Hyperlink Wird ein Hyperlink zu einer Datei innerhalb der eigenen Website erstellt, wird dieser relativ angegeben d. h. ausgehend von der Datei, in der sich der Hyperlink befindet wird der Pfad angegeben. Beispiele: <a href= datei.htm >datei</a> Die Datei befindet sich im gleichen Ordner. <a href=../datei.htm >datei</a> Die Datei befindet sich in einem Überordner. <a href= seiten/datei.htm >datei</a> Die Datei befindet im Unterordner seiten. <a href=../seiten/datei.htm >datei</a> Die Datei ist im Ordner seiten auf gleicher Ebene. Absoluter Hyperlink Bei einem absoluten Verweis wird immer der komplette URL als Verweisziel angegeben. Ein solcher Verweis ist unabhängig vom Standort des Dokumentes, das den Verweis enthält. <a href= >verlaghpt.at</a> 11.3 CSS Cascading Style Sheets sind Formatvorlagen (Formatierungsanweisungen) für HTML-Tags, die entweder im Tag selbst, im Head des Dokuments oder in einer ausgelagerten Textdatei definiert werden. Außerdem können eigene Formate (sog. Klassen) definiert werden. Wird die Formatierung direkt im Tag gemacht, gilt sie nur für diesen einen Tag (Beispiel: <p style= color: black >Schwarz</p>). Erfolgt die Definition im Head oder in einer eigenen CSS-Datei setzt sich die CSS-Regel aus dem Selektor und dem Deklarationsblock innerhalb von geschwungenen Klammern zusammen. Im Deklarationsblock werden die einzelnen Deklarationen getrennt durch Strichpunkte angeführt. Seite 204 Selektor {Eigenschaft: Wert; Eigenschaft: Wert;} Deklarationsblock

4 Publizieren im Web Soll das Format nur für eine bestimmt Datei gelten, erfolgt die Formatierung im head der betreffenden Datei innerhalb des style-tags: <style type= text/css > p { } </style> color: white; background-color: blue; margin: 20px; Die gleiche Deklaration (ohne einleitenden und schließenden Style-Tag) wird in einer eigenen Datei verwendet. Diese Datei wird mit der Datei-Endung.css gespeichert und mit dem Tag im Head der Datei eingebunden. Selektor (Absatz) Schriftfarbe: weiß Hintergrundfarbe: blau Rand: 20px <link href="dateiname.css" rel="stylesheet" type="text/css" /> HTML-Code Dokumenten-Typ-Definition Verwendeter Zeichensatz Seitentitel Link zum externen Stylesheet interner Style gilt nur für diese Datei ungeordnete Liste Style gilt nur für den betreffenden Tag geordnete Liste Tabelle mit zwei Zeilen und zwei Spalten, Breite 100%, mit Rahmenlinien Screenshot - Quellcode einer HTML-Datei Seite 205

5 CSS-Datei Browser-Ansicht Ausführliche Informationen zu (X)HTML finden Sie unter zu CSS finden Sie unter: oder Usability und Accessibility Im Vordergrund bei der Gestaltung und Veröffentlichung von Webseiten sollten immer die Bedürfnisse des Website-Besuchers stehen. Daher sollte auch auf die Benutzbarkeit und die Zugänglichkeit größter Wert gelegt werden. Das Internet sollte für alle zugänglich sein, egal ob es sich um Menschen mit körperlichen oder geistigen Beeinträchtigungen handelt oder um die Anzeige der Website auf unterschiedlichen Ausgabegeräten. Daher sind einige Kriterien unbedingt zu berücksichtigen. Diese sind unter anderem: Trennung von Inhalt und Design: Inhalte sollten auch ohne Design lesbar sein, guter Kontrast zwischen Vorder- und Hintergrund, gut lesbare und genügend große Schrift, logischer Aufbau der Seite mit einem durchgängigen Layout, klare Kennzeichnung der Hyperlinks, keine Verwendung von Tabellen für Design- und Layout-Zwecke Einführung in Expression Web Eine Webseite kann in einem normalen Editor geschrieben werden. Professionell Websites werden jedoch mit einem Web-Editor erstellt. Dieser bietet meist auch eine Überwachung der Veröffentlichung an. Es gibt viele Web-Editoren, sowohl als proprietäre als auch als OpenSource-Software. Die bekanntesten sind Dreamweaver von Adobe oder Expression Web von Microsoft. Im Folgenden wird eine einfache Website mit Expression Web erstellt. Seite 206

6 Publizieren im Web 1. Nach dem Start von Expression Web sollte eine Site definiert werden. Damit wird festgelegt, in welchem Ordner sich die einzelnen Webseiten und verlinkten Dateien befinden. Mit der Befehlsfolge SITE/NEUE SITE wird ein Dialogfenster geöffnet. Hier wird gewählt, ob eine allgemeine neue Seite erstellt werden soll oder ob eine Vorlage verwendet werden soll. 2. Nach Klick auf Vorlage kann aus bereits vorgefertigten Designs eines ausgewählt werden. Als Speicherort sollte unbedingt ein eigener Order gewählt (bzw. angelegt) werden, in dem alle Dateien abgelegt werden, die später veröffentlicht werden. 3. Nach dem Auswählen des Designs öffnet sich die Siteansicht von Expression Web. 4. Hat man Vorlagen ausgewählt, wurden bereits einige Seiten angelegt. Diese Seiten können nun an die persönlichen Bedürfnisse angepasst werden. 5. Es wurde eine Master-Seite (master.dwt) angelegt, die alle Informationen enthält, die auf allen Seiten gleich sind, wie z. B. das Logo, der Titel, die Navigation usw. 6. Um das grundsätzliche Aussehen der Seite zu bearbeiten, muss die Master-Seite (master.dwt) geöffnet und die Änderungen in dieser Seite vorgenommen werden. 7. Alle Änderungen in der Master-Seite können automatisch auf alle Seiten, die mit dieser Master- Seite verbunden sind, übernommen werden. 8. Die eigentlichen Inhalte können danach in den einzelnen Seiten eingegeben werden. 9. Werden nicht alle Seiten verwendet, können Sie gelöscht werden. Allerdings muss darauf geachtet werden, dass auch alle Hyperlinks zu diesen Seiten ebenfalls gelöscht werden. 10. Über die Schaltfläche Vorschau können die Seiten im Browser betrachtet werden. Zum Veröffentlichen der Website benötigt man einen Provider, der Webspace anbietet. Neben kommerziellen Anbietern gibt es für kleine und private Projekte auch Gratisanbieter. Lesen Sie unbedingt die Vertragsbedingungen bevor Sie zustimmen: Welche Daten werden gespeichert? Werden Ihre Daten an Dritte weitergegeben? Können Sie zu Werbezwecken verwendet werden? Welche Rechte an den Inhalten werden dem Provider gewährt? Seite 207

7 Hat man einen Provider gefunden und von diesem die Zugangsdaten zum Webserver erhalten, kann die gesamte Website auf dem Server hochgeladen und eingerichtet werden Suchmaschinenoptimierung 9 Webseiten sollen ein Unternehmen im Internet präsentieren. Daher ist es wesentlich, dass Webseiten so gestaltet werden, dass Sie auch von Suchmaschinen gefunden werden. Dazu gehört, dass die Webseiten formal richtig programmiert werden. Außerdem sollte die Website bei den bekannten Suchmaschinen angemeldet werden. Da Suchmaschinen nach dem Lesen der Webseiten den Links auf den Webseiten folgen, sind Links, von anderen Webseiten zur eigenen Seite ein Faktor, der beim Ranking (der Reihung) eine große Rolle spielen. Es gibt aber noch viele andere Faktoren, die Einfluss auf das Ranking haben. Die Optimierung von Webseiten für Suchmaschinen wird auch Search Engine Optimization (SEO) genannt. Übung 70 Webseite in einem Texteditor Erstellen Sie eine einfache Webseite in einem Texteditor wie im Screenshot auf Seite 205 angegeben. Formatieren Sie die Webseite mit CSS. Speichern Sie die Datei unter erste_seite.html und kontrollieren Sie die Ausgabe in Ihrem Browser. (Öffnen der Webseite mit Doppelklick auf den Dateinamen oder mit DATEI ÖFFNEN im Browser) Übung 71 Individuell gestaltete Webseite Erstellen Sie eine Webseite (z. B. Informationen zu Ihrer Person, wie Name, Schulbildung, Interessen usw.), welche Sie individuell mit HTML und CSS gestalten. Verwenden Sie beliebige Formatierungen suchen Sie im Internet die betreffenden Befehle. Übung 72 Website mit einem Web-Editor Erstellen Sie eine persönliche Website mit Vorlagen mit Expression Web. Suchen Sie einen Gratis-Provider. (Beachten Sie unbedingt die Vertragsbedingungen!) Veröffentlichen Sie Ihre Website im Internet. Veröffentlichen Sie nur Inhalte, die von alle gesehen werden dürfen und keine Rechte anderer verletzen! 11 Ziel erreicht? ja nein Ich kenne die Richtlinien für barrierefreies Webdesign. Ich kenne die Grundlagen von HTML und CSS. Ich kann eine Website erstellen und diese veröffentlichen. 9 siehe dazu auch Kap Seite 208

Angewandte Informatik

Angewandte Informatik Angewandte Informatik Teil 9.1 Web Seiten V1.3 12.03.2011 1 von 37 Inhaltsverzeichnis 3... Welche Browser werden verwendet? 4... Mit welchen Browser surft die Welt? 5... Wie kommt der Browser zur Seite?

Mehr

http://www.therealgang.de/

http://www.therealgang.de/ http://www.therealgang.de/ Titel : Author : Kategorie : Vorlesung HTML und XML (Einführung) Dr. Pascal Rheinert Sonstige-Programmierung Vorlesung HTML / XML: Grundlegende Informationen zu HTML a.) Allgemeines:

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5 Linda York, Tina Wegener HTML5 Grundlagen der Erstellung von Webseiten 1. Ausgabe, Dezember 2011 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen In diesem

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

CSS. Cascading Stylesheets

CSS. Cascading Stylesheets CSS Cascading Stylesheets Themen Was sind Cascading Stylesheets? Vorteile von CSS Nachteile von CSS CSS: Versionen Regelsyntax für Stylesheets Einem HTML-Dokument Styles hinzufügen und Numerische

Mehr

Webdesign-Multimedia HTML und CSS

Webdesign-Multimedia HTML und CSS Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente

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

Meine erste Homepage - Beispiele

Meine erste Homepage - Beispiele Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir

Mehr

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc. Übung WS 2015/2016 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 3: Stand: 30.10.2015 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt

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

Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen

Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen Excel 2003 - Übungen zum Grundkurs 63 Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen Wie kann ich einzelne Blätter der Arbeitsmappe als E-Mail verschicken? Wie versende ich eine Excel-Datei

Mehr

HTML5. Wie funktioniert HTML5? Tags: Attribute:

HTML5. Wie funktioniert HTML5? Tags: Attribute: HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,

Mehr

Digitale Medien. Übung

Digitale Medien. Übung Digitale Medien Übung HTML Heute Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur eines Dokuments und teilweise die Darstellung. ich bin eine Überschrift

Mehr

Crashkurs Webseitenerstellung mit HTML

Crashkurs Webseitenerstellung mit HTML Ziel Crashkurs Webseitenerstellung mit HTML Das Ziel dieser Einführung in die Webseitenerstellung ist das Kennenlernen der Seitenbeschreibungssprache HTML und die Nutzung für einfach strukturierte Seiten,

Mehr

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug. Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen

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

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

Zeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.

Zeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen. Inhalt: Grundgerüst, Tags, Zeichensatz, Meta-Tags, Farben 1 2 3 4 titel der Datei 5 6

Mehr

Bedienfelder. Bedienfeld Einfügen

Bedienfelder. Bedienfeld Einfügen DER DREAMWEAVER BILDSCHIRM: Titelleiste Menüleiste Symbolleiste Bedienfelder Eigenschafteninspektor Statuszeile Bedienfeld Einfügen DAS DOKUMENTFENSTER: DER EIGENSCHAFTENINSPEKTOR: Der Eigenschafteninspektor

Mehr

Musterlösung für Schulen in Baden-Württemberg. Windows 2003. Basiskurs Windows-Musterlösung. Version 3. Stand: 19.12.06

Musterlösung für Schulen in Baden-Württemberg. Windows 2003. Basiskurs Windows-Musterlösung. Version 3. Stand: 19.12.06 Musterlösung für Schulen in Baden-Württemberg Windows 2003 Basiskurs Windows-Musterlösung Version 3 Stand: 19.12.06 Impressum Herausgeber Zentrale Planungsgruppe Netze (ZPN) am Kultusministerium Baden-Württemberg

Mehr

CSS - Cascading Stylesheets

CSS - Cascading Stylesheets CSS - Cascading Stylesheets Alfred Beringer HTBLVA für Textilindustrie und Datenverarbeitung Alfred Beringer 1 Überblick Kurze Einführung Deklarationen Selektoren Beispiele Alfred Beringer 2 CSS Formatierungssprache

Mehr

Webdesign mit HTML und CSS Einführungsabend

Webdesign mit HTML und CSS Einführungsabend Einführungsabend Die eigene Internetseite Hypertext und html Das HTML Grundgerüst HTML-Editoren Skriptsprachen im WWW Rechtliche Absicherung Suchmaschinenoptimierung Das HTML Grundgerüst HTML ist ein Kompromiss

Mehr

Allgemeine Technologien II Sommersemester Mai 2011 CSS

Allgemeine Technologien II Sommersemester Mai 2011 CSS Allgemeine Technologien II Sommersemester 2011 02. Mai 2011 CSS Kursthemen Designparadigmen Framesets Tabellenbasierte Layouts -basierte Layouts: CSS & Co. Cascading Style Sheets CSS CSS einbinden

Mehr

SharePoint 2010. für Site Owner. Dr. Benjamin S. Bergfort. 1. Ausgabe, Juni 2014

SharePoint 2010. für Site Owner. Dr. Benjamin S. Bergfort. 1. Ausgabe, Juni 2014 SharePoint 2010 Dr. Benjamin S. Bergfort 1. Ausgabe, Juni 2014 für Site Owner SHPSO2010 4 SharePoint 2010 für Site Owner 4 Subsites, Listen und Bibliotheken In diesem Kapitel erfahren Sie wie Sie Subsites

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

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

Internet und Webseiten-Gestaltung

Internet und Webseiten-Gestaltung Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 28. April 2004 Dipl.-Inf. T. Mättig 2004-04-28 Internet und Webseiten-Gestaltung - T. Mättig 1 Vorbemerkungen Dipl.-Inf. T. Mättig E-Mail:

Mehr

Kennen, können, beherrschen lernen was gebraucht wird

Kennen, können, beherrschen lernen was gebraucht wird Inhaltsverzeichnis Inhaltsverzeichnis... 1 Tags (Befehle)... 1 Erste Texte im Browser... 2 Das HTML Grundgerüst... 2 Ihre erste echte Webseite... 2 Texte... 3 Textabsatz und Zeilenumbruch... 3 Einen Zeilenumbruch

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

Leitfaden für die Veränderung von Texten auf der Metrik- Seite

Leitfaden für die Veränderung von Texten auf der Metrik- Seite Leitfaden für die Veränderung von Texten auf der Metrik- Seite 1. Einloggen... 2 2. Ändern vorhandener Text-Elemente... 3 a. Text auswählen... 3 b. Text ändern... 4 c. Änderungen speichern... 7 d. Link

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

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

[Arbeiten mit dem Nvu Composer]

[Arbeiten mit dem Nvu Composer] Eine neue Seite erstellen Beim Start des Composers steht automatisch eine neue Composer-Seite zur Verfügung, die direkt verwendet werden kann. Über Datei > Neu > Composer-Seite kann jederzeit eine neue

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

Aufgabenbereich 3: Layoutgestaltung mit CSS

Aufgabenbereich 3: Layoutgestaltung mit CSS Aufgabenbereich 3: Layoutgestaltung mit CSS Wichtige Begriffe und Zusammenhänge: Website: Gesamtheit eines Internet-Auftrittes (alle Webseiten, die dazu gehören) Webseite: Eine einzelne Seite, ein HTML-Dokument

Mehr

1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2

1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2 HTML GRUNDLAGEN 1 Einführung.. 1 2 Die Sprachen HTML und XHTML. 1 3 Struktur einer HTML Seite 1 4 Webseiten speichern.. 2 5 Elemente für die Seitenstruktur 2 6 Seiten und Inhalte verlinken. 4 7 Sonderzeichen

Mehr

Tutorium Learning by doing WS 2001/ 02 Technische Universität Berlin. Erstellen der Homepage incl. Verlinken in Word 2000

Tutorium Learning by doing WS 2001/ 02 Technische Universität Berlin. Erstellen der Homepage incl. Verlinken in Word 2000 Erstellen der Homepage incl. Verlinken in Word 2000 1. Ordner für die Homepagematerialien auf dem Desktop anlegen, in dem alle Bilder, Seiten, Materialien abgespeichert werden! Befehl: Desktop Rechte Maustaste

Mehr

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006 Webdesign 1 PCC-Seminar Einheit 1 Di., 21.3.2006 Projekt Website Wir wollen eine Website gestalten und umsetzen! Aber wie fangen wir an? Grundsätzliches: Internet Print ein anderes Medium verlangt andere

Mehr

Arbeitsbuch AKTUELLE ENTWICKLUNG ANGEWANDTER INFORMATIK

Arbeitsbuch AKTUELLE ENTWICKLUNG ANGEWANDTER INFORMATIK Die Struktur des Arbeitsbuches ist folgender Tabelle zu entnehmen: Symbol Bezeichnung Funktion Situationsbeschreibung Problematisierung und praxisnahe Hinführung Aufgabe, die am PC ausgeführt wird Programmschulung

Mehr

Einfügen von Bildern innerhalb eines Beitrages

Einfügen von Bildern innerhalb eines Beitrages Version 1.2 Einfügen von Bildern innerhalb eines Beitrages Um eigene Bilder ins Forum einzufügen, gibt es zwei Möglichkeiten. 1.) Ein Bild vom eigenem PC wird auf den Webspace von Baue-die-Bismarck.de

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

Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager

Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager Homepage-Manager Navigation Home Der Homepage-Manager bietet die Möglichkeit im Startmenü unter dem Punkt Home einfach und schnell

Mehr

Einführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker

Einführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker Tutorium Einführung in HTML Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Grundlagen von HTML Objekte, Elemente, Tags Grundaufbau eines HTML-Dokuments

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

Schiller-Gymnasium Hof 20.12.2004

Schiller-Gymnasium Hof 20.12.2004 Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape

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

Publizieren im Internet

Publizieren im Internet Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund

Mehr

Erzherzog Johann Jahr 2009

Erzherzog Johann Jahr 2009 Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein

Mehr

1 Was sind Cascading Stylesheets?

1 Was sind Cascading Stylesheets? Im ersten Kapitel erkläre ich Ihnen, was sich hinter dem Begriff»Cascading Stylesheets«verbirgt und welche Vorteile Sie davon haben, mit Stylesheets zu arbeiten. Außerdem sehen Sie das erste Stylesheet

Mehr

Hyperlinks, Navigation, Pfade

Hyperlinks, Navigation, Pfade Tutorium Hyperlinks, Navigation, Pfade 30. Juni 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Hyperlinks Hyperlinks sind Verknüpfungen zu Adressen (URL's) im Internet Links (Menüpunkte), mit denen

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

Format- oder Stilvorlagen

Format- oder Stilvorlagen Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen

Mehr

TYPO3 4.3 für Webautoren

TYPO3 4.3 für Webautoren DAS EINSTEIGERSEMINAR TYPO3 4.3 für Webautoren von Dr. Hubert Partl, Dr. Tobias Müller-Prothmann 1. Auflage TYPO3 4.3 für Webautoren Partl / Müller-Prothmann schnell und portofrei erhältlich bei beck-shop.de

Mehr

Textverarbeitungsprogramm WORD

Textverarbeitungsprogramm WORD Textverarbeitungsprogramm WORD Es gibt verschiedene Textverarbeitungsprogramme, z. B. von Microsoft, von IBM, von Star und anderen Softwareherstellern, die alle mehr oder weniger dieselben Funktionen anbieten!

Mehr

Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Mozilla Composer. Ein kurzer Überblick

Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Mozilla Composer. Ein kurzer Überblick Tutorium Mozilla Composer Ein kurzer Überblick Vorbereitung: Projektordner erstellen Für jede projektierte Website wird zuerst ein eigener Projektordner erstellt, der alle zu publizierenden Dateien aufnimmt.

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

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

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013

Mehr

4 Die FrontPage-Website

4 Die FrontPage-Website 4 Die FrontPage-Website Ziele dieses Kapitels A Sie lernen die Struktur einer Website kennen. A Sie können Websites verschachteln. A Sie können Websites konvertieren. Microsoft Office Frontpage 2003 Einführung

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

HTML - Die Sprache des Internets. Grundlagen und Kurzprojekt

HTML - Die Sprache des Internets. Grundlagen und Kurzprojekt - Die Sprache des Internets Grundlagen und Kurzprojekt aus der Presse: Definition : Hypertext Markup Language Sprache des WWW definiert: Text- und Absatzformate Links Bild- und Tonelemente Farben offener

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

Dynamische Webseiten mit PHP 1

Dynamische Webseiten mit PHP 1 Dynamische Webseiten mit PHP 1 Webserver, PHP und MYSQL Ein Webserver dient dazu, Internetseiten an PCs zu senden, von denen sie aufgerufen werden. Beispiel: Sie tippen im Browser www.fosbosweiden.de ein.

Mehr

Webdesign-Multimedia HTML und CSS

Webdesign-Multimedia HTML und CSS Webdesign-Multimedia HTML und CSS Thomas Mohr 1 HTML 1.1 Was ist HTML? HTML steht für Hypertext Markup Language und ist eine Auszeichnungssprache zur Strukturierung digitaler Dokumente. HTML-Dokumente

Mehr

Word und das Web LEKTION 10. Nach Abschluss dieser Lektion werden Sie in der Lage sein, die folgenden Aufgaben auszuführen:

Word und das Web LEKTION 10. Nach Abschluss dieser Lektion werden Sie in der Lage sein, die folgenden Aufgaben auszuführen: 10.1 LEKTION 10 Word und das Web Nach Abschluss dieser Lektion werden Sie in der Lage sein, die folgenden Aufgaben auszuführen: Senden eines Dokuments als E-Mail-Anlage. Anzeigen eines Dokuments in der

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

HTLM und CSS. Eine erste Einführung. Karlheinz Zeiner. Inhalt

HTLM und CSS. Eine erste Einführung. Karlheinz Zeiner. Inhalt HTLM und CSS Eine erste Einführung Karlheinz Zeiner Inhalt 1 Vorbereitung 1 1.1 HTML und CSS 1 1.2 Werkzeuge 1 1.3 Quellen 1 2 Erstes HTML-Dokument erstellen 2 2.1 Website, Webpage 2 2.2 Struktur einer

Mehr

Wie lege ich eine neue Standardseite an?

Wie lege ich eine neue Standardseite an? Online-Tutorials Referat VI.5 Internetdienste Wie lege ich eine neue Standardseite an? Legen Sie einen neuen Ordner an Klicken Sie den Ordner an, unter dem Sie die neue Standardseite anlegen möchten. Legen

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

44 2CSS* Basistext. 2.1 Was ist CSS? *

44 2CSS* Basistext. 2.1 Was ist CSS? * 44 2CSS* fohlen. Alle offiziellen Informationen zu CSS finden Sie auf der W3C-Website (http://www.w3.org) und der Cascading Style Sheets Home Page (http://www.w3.org/style/css) des W3C. 2.1 Was ist CSS?

Mehr

Wert. { color: blue; }

Wert. { color: blue; } CSS im Überblick HTML wurde vom W3C entwickelt, um die Inhalte einer Webseite zu gliedern und zu strukturieren. In HTML wird festgelegt, ob ein Textinhalt bspw. dies ist eine Überschrift oder

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

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

Arbeiten im Datennetz der Universität Regensburg

Arbeiten im Datennetz der Universität Regensburg Wiwi-Workshop Uni Regensburg April 2002 Arbeiten im Datennetz der Universität Regensburg - Einführung in HTML, Teil II Arbeiten mit AOLPress - Dr. Wirtschaftswissenschaftliche Fakultät Universität Regensburg

Mehr

-Wählen Sie die gewünschten Kriterien für die Selektion und klicken Sie anschließend auf OK um die Datensätze zu selektieren.

-Wählen Sie die gewünschten Kriterien für die Selektion und klicken Sie anschließend auf OK um die Datensätze zu selektieren. HowTo: Personalisierte Serienemails aus Selektion (ggf. mit Anhang) Versionen: CRM 5, CRM SIX I. Vorbereitung a) Erstellen einer Selektion -Grundlage für alle Serienbriefe oder Serienemails mit SuperOffice

Mehr

Webdesign im Tourismus

Webdesign im Tourismus Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.

Mehr

CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung

CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung Kapitel 1 Die Vorbereitung Vorgängerversionen. Bald darauf folgte dann schon die Version 4, die mit einer kleinen Bearbeitung bis vor Kurzem 15 Jahre unverändert gültig war. All das, was du die letzten

Mehr

Kapitel 8 HTML. Copyright by Worldsoft AG, 2014, Pfäffikon SZ, Switzerland. Version: 02.10.2014 Seite 1

Kapitel 8 HTML. Copyright by Worldsoft AG, 2014, Pfäffikon SZ, Switzerland. Version: 02.10.2014 Seite 1 Kapitel 8 Notwendige Voraussetzungen für diese Schulung: Internetfähiger Computer mit aktuellem Browser (z.b. Firefox, Internet Explorer) Bild- und Textvorlagen: Diese Vorlagen finden Sie auf der CC-Website

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

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

Suchmaschinenoptimierung in Typo 3

Suchmaschinenoptimierung in Typo 3 Suchmaschinenoptimierung in Typo 3 1. Definition Suchmaschinenoptimierung Maßnahmen der Suchmaschinenoptimierung (Search Engine Optimization, SEO ) dienen dazu, dass Webseiten im Suchmaschinenranking auf

Mehr

ALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN?

ALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN? HTML AG INHALT Allgemeines... 2 Womit kann ich Websites erstellen?... 2 Grundgerüst von HTML... 3 Tags und Attribute... 3 Links... 4 Links auf andere Seiten... 4 Bilder... 5 meta-tags... 5 Webseiten mit

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DNN Version ab 5.0 w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 22.08.2011

Mehr

Dokumentation Eigenwartung

Dokumentation Eigenwartung Inhaltsverzeichnis 1 Allgemeines... 3 1.1 Copyright... 3 1.2 Einstieg... 3 2 Ordner Navigation... 4 3 Menüleiste... 5 3.1 Alle/Keine Elemente auswählen... 5 3.2 Kopieren... 5 3.3 Ausschneiden... 5 3.4

Mehr

Homepages Einführung

Homepages Einführung Homepages Einführung für den PC-Senioren-Club Konstanz Tom Novacek 27.05.2011 "Daten" = Anweisungen für ein Programm, formuliert in einer (geschriebenen) Sprache, die das Programm versteht WORD: Sprache

Mehr

Dreamweaver CS6. Webdesign mit

Dreamweaver CS6. Webdesign mit Webdesign mit Dreamweaver CS6 1 Was ist Dreamweaver CS6 Dreamweaver ist ein WYSIWYG-Editor WYSIWYG steht für what you see is what you get. Das bedeutet, dass das was man am Bildschirm sieht, dem Ergebnis

Mehr

Version 30.07.2007 - Pädagogische Hochschule Freiburg, Peter Huppertz

Version 30.07.2007 - Pädagogische Hochschule Freiburg, Peter Huppertz Babysteps Backend - Hauptmenü Neue Seite anlegen Seiteneigenschaften bearbeiten Inhaltselemente erstellen Inhaltselemente bearbeiten Übersicht der Seitenlayouts Bearbeiten von Personen Anzeigen von Personendaten

Mehr

Übung zur Vorlesung Digitale Medien. Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015

Übung zur Vorlesung Digitale Medien. Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015 Übung zur Vorlesung Digitale Medien Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015 1 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur

Mehr

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS Allgemeine Technologien II Wintersemester 2011 / 2012 28. November 2011 CSS Themen 28.11.2011 Cascading Style Sheets CSS CSS einbinden Inline-Styles CSS im Dokumentkopf Externe Stylesheets Konzepte Typen-,

Mehr

Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar

Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar Universitätskommunikation Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar Mit ihrem Web-Auftritt präsentiert sich die Bauhaus-Universität vor einem weltweiten Publikum.

Mehr

CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 1: GRUNDLAGEN DER WEBENTWICKLUNG

CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 1: GRUNDLAGEN DER WEBENTWICKLUNG CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 1: GRUNDLAGEN DER WEBENTWICKLUNG Von Markus Stauffiger / 4eyes GmbH DOZENTENTEAM FÜR JEDES THEMA EIN SPEZIALIST ANDI KELLER andi@4eyes.ch Mitgründer von 4eyes

Mehr

FAHRZEUGNET AG Telefon 071 620 30 00 Rathausstrasse 37 Fax 071 620 30 01 8570 Weinfelden info@fahrzeugnet.ch Garage-Homepage

FAHRZEUGNET AG Telefon 071 620 30 00 Rathausstrasse 37 Fax 071 620 30 01 8570 Weinfelden info@fahrzeugnet.ch Garage-Homepage FAHRZEUGNET AG Telefon 071 620 30 00 Rathausstrasse 37 Fax 071 620 30 01 8570 Weinfelden info@fahrzeugnet.ch Garage-Homepage Bedienungsanleitung Redaxo CMS Inhaltsverzeichnis Inhaltsverzeichnis... 2 Kapitel

Mehr

Nur in schwarz angezeigten Verzeichnissen kann gespeichert werden!

Nur in schwarz angezeigten Verzeichnissen kann gespeichert werden! Kurzanleitung für das CMS WebEdition für die Schulhomepage Seite 1 Kurzanleitung für Homepage-Redakteure (CMW WebEdition) 1. Anmeldung http://www.gymnasium-landau.de/webedition Linke Seite: Dateimanager

Mehr

Webseite in XML Kurzeinführung

Webseite in XML Kurzeinführung Webseite in XML Kurzeinführung 1. Entwicklung... 1 2. Erste Webpage in XML... 2 2.1 Erstes Beispiel... 2 2.2 Tags definieren... 4 2.3 Kommentare in XML... 5 2.4 XML mittels CSS im Browser ansehen... 5

Mehr

Hypertext Markup Language HTML. Stefan Szalowski Internet-Technologien HTML

Hypertext Markup Language HTML. Stefan Szalowski Internet-Technologien HTML Hypertext Markup Language HTML Hypertext Markup Language HTML Cascading Style Sheets CSS Zwei Sprachen, mit denen Webseiten erstellt werden HTML: Strukturieren von Inhalten durch Elemente Überschriften,

Mehr

ARCWAY Cockpit 3.4. Standardbericht und Formatvorlagen. ReadMe

ARCWAY Cockpit 3.4. Standardbericht und Formatvorlagen. ReadMe ARCWAY Cockpit 3.4 Standardbericht und Formatvorlagen ReadMe Inhaltsverzeichnis 1. Einleitung... 4 2. Format- und Berichtsvorlagen in ARCWAY Cockpit... 4 3. ARCWAY Cockpit 3.4 Standard-Berichtsvorlage...

Mehr

HTML-Grundlagen (X)HTML:

HTML-Grundlagen (X)HTML: HTML-Grundlagen (X)HTML: < > beginnender HTML Tag schließender HTML Tag < /> leere HTML Elemente Attribute und Werte &.; Sonderzeichen, HTML Entities Aufbau einer Datei Ein

Mehr

Handbuch für die Homepage

Handbuch für die Homepage Handbuch für die Homepage des Kirchenkreises Rendsburg-Eckernförde (www.kkre.de) Kirchenkreis Rendsburg-Eckernförde Nordelbische Evangelisch- Lutherische Kirche Anmelden 1. Internet Browser starten (z.b.

Mehr

LIP Formulare Anleitung zum Speichern, Öffnen und Drucken

LIP Formulare Anleitung zum Speichern, Öffnen und Drucken LVR Dezernat Jugend Steuerungsdienst LIP Formulare Anleitung zum Speichern, Öffnen und Drucken Verwendeter Browser: Mozilla Firefox 41.0. Bei der Verwendung anderer Browser können die hier erläuterten

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