Grundstruktur von HTML. Form und Darstellung von Informationen. Typen von Tags. Metadaten im Kopf. Dokument-Attribute im Body. Schriftformatierung

Größe: px
Ab Seite anzeigen:

Download "Grundstruktur von HTML. Form und Darstellung von Informationen. Typen von Tags. Metadaten im Kopf. Dokument-Attribute im Body. Schriftformatierung"

Transkript

1 Form und Darstellung von Informationen 1. Computermetaphern 2. Beschreibungssprachen für Texte 3. Grammatiken zur Beschreibung syntaktischer Strukturen 4. Beispiel einer Textbeschreibungssprache: HTML 5. Übersicht über Textsysteme 6. Schablonen und Generierung von Texten (z.b. Serienbriefe) 7. Nützliche Hilfsmittel in Textsystemen 8. Das World Wide Web als Hyperdokument 9. Funktionsweise von Suchmaschinen 10. XML Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 47 Grundstruktur von HTML Die Auszeichnungen heißen Tags (HTML-Elemente) Zu einem Tag kann es verschiedene Varianten geben, die durch Tag-Attribute gekennzeichnet sind (vermindert die Anzahl ähnlicher Tags!) Tags dürfen grundsätzlich geschachtelt werden. Beispiele für Tags (Groß-/Kleinschreibung egal): zentrierter Abschnitt: <p align = "center"> Erster Beispieltext </p> normaler Abschnitt: <p> Zweiter Beispieltext </p> Zeilenumbruch (leeres Tag): <br> geschachtelte Tags: <p> Dritter Beispieltext <b> mit Fettdruck </b> </p> Grundstruktur von HTML-Dokumenten <html> <head>... </head> <body>... </body> </html> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 48 Typen von Tags allgemeine Informationen (Bezug auf ganzes Dokument): Metadaten (z.b. Titel, Autor, Stichwörter; im head) Dateiweite Einstellungen (z.b. Farben für Schrift, Links, Hintergrund; Attribute zum body) Textstrukturierung: logische Tags (z.b. Überschriften, Aufzählungen, Abschnitte) Formatierungstags (z.b. fett, kursiv) Verweise (Links) Grafiken (Bilder) Tabellen Formulare Frames dynamische Elemente (DHTML) Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 49 Metadaten im Kopf TITLE (Dokumententitel): im HTML-Standard notwendig META (Meta-Information): wird mit Attributen gekennzeichnet author: Autor content: Kurzbeschreibung keywords: Schlüsselwörter LINK (Verweis): z.b. für Angabe von Stylesheets Beispiel: <html><!-- Kopf der Lehrstuhlseite --> <head> <title>lehrstuhl für Informatik VI, Uni Würzburg</title> <meta http-equiv="content-type" content="text/html; charset=iso "> <meta name="keywords" content="künstliche Intelligenz, KI"> <link rel="stylesheet" href="ki2002.css" type="text/css"> </head> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 50 Dokument-Attribute im Body Zur Angabe von Farben für Text, Hintergrund und Verweise Attribute: bgcolor (Hintergrund), text, link, vlink (besucht), alink (aktiviert) Farben: Hexadezimalcode, für wichtige Farben auch Text (s.u.) Beispiel: <body bgcolor="aqua" text="black">... </body> Schriftformatierung Angaben zur Schriftformatierung (z.b. Schrifttyp, -größe usw.) können zu jedem Tag gemacht werden, das Schrift enthält. Wenn Sie beim Body gemacht werden, gelten Sie dokumentweit Beispiel: <body bgcolor="aqua" style="font-family:'times New Roman';font-size:200%"> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 51 Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 52 1

2 Tags zur logischen Textstrukturierung Tags zur layout- bzw. inhaltsbezogenen Textformatierung Überschriften H1-H6 align* Textblock (mit/ohne Absatz) P / DIV align* vorformatierter Text PRE width (eingerücktes) Zitat BLOCKQUOTE - horizontale Trennlinie HR align*, noshade width, size Definitionsliste DL compact Definitionsbegriff / Definitionstext DT / DD - unnummerierte Liste UL compact, type nummerierte Liste OL compact, type, start Listeneintrag LI type, value (nur OL) * align = left (linksbündig), center, right, justify (Blocksatz) Bedeutung Kursiv-, Fett-, unterstriche Schrift Durchgestrichener Text Vergrößerte / verkleinerte Schrift Tiefergesetzter / höhergesetzter Text Einfache / starke Hervorhebung Definitionsbegriff Programmcode / Programmausgabe Benutzereingabe Variablenbezeichner Zitat / Referenz Element I / B / U Strike Big / Small SUB / SUP EM / STRONG DFN CODE / SAMPLE KBD VAR CITE Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 53 Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 54 Beispiel für logische und formatierende Tags <BODY bgcolor="aqua"> <H1>Hauptüberschrift</H1> <P>Ein normaler Textabschnitt</P> <HR align="center" width="75%"> <H2>Eine Unterüberschrift</H2> <DL compact> <DT>HTML</DT> <DD>Hypertext Markup Language </DD> <DT>XML</DT> <DD>Extensible Markup Language </DD> </DL> <UL> <LI>unnummerierte Zeile</LI> <LI>unnummerierte Zeile (mit Teilliste) </LI> </UL> <OL> <LI>erster Punkt<sup><b>1</b></sup></LI> <LI>zweiter Punkt<sup><b>2</b></sup></LI> </OL> </BODY> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 55 Tags zum Einbetten von Links Bedeutung Tag Attribute Anker für Hyperlink A href, name, target <A href = "URI" target = "Zielfenster"> Verweistext </a> <A name = "Ankername"> [Inhalt] </a> href="uri" ist die Adresse, wohin gesprungen werden soll, z.b.: WWW-Adresse ( Andere Datei im gleichen Verzeichnis (z.b. datei.htm) Andere Datei mit absoluter Adresse (file://...) Anker in der gleichen Datei (z.b. #Ankername), der mit dem Attribut Name <A name = "Ankername"> vorher definiert ist. Target gibt an, ob dasselbe bzw. ein neues Fenster (_self, _blank) ein neues Framefenster (Name des Framefenster) eine -Adresse ("mailto::name@domain.xy?subject=thema...", usw. geöffnet wird Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 56 Tags zum Einbetten von Bildern Bedeutung Tag Attribute (Auswahl) Bilder IMG src, alt, width, height <IMG src = "URI" alt = "Alternativtext" width="zahl" height="zahl"> src ="URI": Verweis auf Datei (absolut oder relativ; vgl. Links). alt = "Text", der angezeigt wird, falls das Bild nicht darstellbar ist. height, width = (verzerrte) Größe des Bildes: in Pixel oder in % Wichtige Dateiformate:.gif (graphics interchange format): verlustfreie Kompression bei nur 256 Farben; ermöglicht schichtweisen Aufbau, Animationen und transparente Farben..jpg (jpeg; joint photographic expert group): verlustbehaftete Kompression mit beliebig vielen Farben.png (portable network graphics): verlustfreie Kompression mit beliebig vielen Farben (relativ neu; Verbesserung zu.gif) Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 57 Beispiel für Links und Bilder Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 58 2

3 Beispiel für Links und Bilder <h2> Einige wichtige Adressen: </h2> <a href = " Univ. Würzburg </a> <br> <a href = " Informatik </a> <br> <a href = " LS VI (KI) </a> <hr> <h2> <a name="logos">... und darin enthaltenen Logos: </a> </h2> Das Universitäts-Logo in.png (139 K): <br> <img src="unisiegel.png" alt="uni-siegel" height = "100" weight = "100"> <br> Das Universitäts-Logo in.gif (132 K): <br> <img src="unilogo_h.gif" alt="uni-siegel" height = "100" weight = "100"> <br> Das Lehrstuhl-VI (KI) Logo in.png (34 K): <br> <img src="logo-neu.png" alt="ls-vi-logo" height = "50" weight = "100"> <br> Das D3-Logo in.jpg (14 K): <br> <img src="d3web_2.jpg" alt="d3-logo" height ="100" weight ="100"><br><hr> <a href="#logos"> zurück zum Logo-Anfang </a> </body> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 59 Tabellen Ziel: Strukturierte Darstellung von Texten, Formularen, usw. (ersetzt in gewissem Sinne das Fehlen von Tabulatoren in HTML) Methode: Definition der Zeilen & Spalten mit/ohne Umrandung Typisches Anwendungsbeispiel: Homepage des Lehrstuhls VI Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 60 Tags für Tabellen Tabelle TABLE width, border, align Tabellenzeile TR align, valign Spaltenkopf/Tabellenzelle TH / TD align, valign, rowspan colspan width: Breite der Tabelle absolut (in Pixeln) oder relativ (in %) border: Dicke der Umrandung (0 = keine Umrandung) align: horizontale Ausrichtung (left, center, right) valign: vertikale Ausrichtung (top, middle, bottom) colspan: Ausdehnung einer Zelle auf mehrere Spalten rowspan: Ausdehnung einer Zelle auf mehrere Zeilen Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 61 Beispiele für Tabellen <table width="100%" border="1"> <TR><TH> Spalte 1 </TH> <TH> Spalte 2 </TH> </TR> <TR><TD> Element 1 </TD> <TD> Element 2 </TD> </TR> <TR><TD align="center" colspan="2"> Element 3 </TD> </TR> </table> </body> <body bgcolor="lime"> <table width="100%" border="1"> <TR><TH> Name </TH><TH> Bild </TH></TR> <TR><TD> Uni-Logo </TD><TD> <img src="unisiegel.png" alt="uni-siegel" height="100" weight="100"> </TD></TR> <TR><TD> Uni-Logo </TD><TD> <img src="unilogo_h.gif" alt="uni-siegel" height="100" weight="100"> </TD></TR> <TR><TD> LS6-Logo </TD><TD> <img src="logo-neu.png" alt="ls-vi-logo" height = "50" weight="100"> </TD></TR> <TR> <TD> D3-Logo </TD> <TD> <img src="d3web_2.jpg" alt="d3-logo" height="100" weight="100"> </TD></TR> </table> </body> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 62 Formulare Ziel: Erfassung von Eingabedaten des Benutzers (mit Weiterverarbeitung durch vordefiniertes Anwendungsprogramm) Methode: Bereitstellung von vielen grafischen Primitiven Typisches Anwendungsbeispiel: Hotelreservierung Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 63 Tags für Formulare <FORM METHOD="POST" oder "GET" ACTION="URL des Bearbeitungsprogramms"> Inhalt </FORM> Methoden: "GET" hängt die Eingabedaten an die URL an (Längenbeschränkung; nur praktikabel bei wenigen Eingaben), "POST" erzeugt einen eigenen Datenstrom. Action: Die URL ist die Adresse eines ausführbarem Programms (z.b. cgi-script, JSP - Java Server Pages) auf dem Server, der die Daten weiterverarbeitet. Inhalt: Eingabe-Tags innerhalb eines Formulars (FORM): INPUT, SELECT, OPTION und TEXTAREA. Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 64 3

4 HTML-Elemente für Formulare Formular FORM action, method Textfenster TEXTAREA name, rows, cols Auswahlliste SELECT name, multiple, size Auswahlelement OPTION value, selected Eingabefeld INPUT name, type <form> Name: <br> <textarea rows="2", cols="25"></textarea> Fach: <select multiple> <option value="1"> Informatik </option> <option value="2" selected> Biologie </option> <option value="3"> Physik </option> </select> </form> </body> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 65 Attribute von Input-Tag Das Input-Tag kann abhängig vom Wert des Feldtyps (Attribut: Type) verschiedene Arten von Eingabeelementen repräsentieren. Die Attribute Name und Value werden ausgelesen. Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 66 Beispiel für Hotelanfrage-Formular <body bgcolor = "aqua"> <h1 align="center"> Hotelanfrage </h1> <form method="post" action=" name="example.jsp"> <p>ihr Name: <input type="text" name="name" size="20"></p> <p>ihre Adresse: <textarea rows="2" name="adresse" cols="20"></textarea></p> <p>gewünschte Lage: <select size="1" name="gebiet"> <option value="city">citylage </option> <option value="stadt">stadtgebiet</option> <option value="aussen">außenbezirk</option> </select></p> <p>kategorie <input type="radio" value="1stern" name="kat">* <input type="radio" value="2stern" name="kat" checked>** <input type="radio" value="3stern" name="kat">*** <input type="radio" value="4stern" name="kat">****</p> <p>ausstattung: <input type="checkbox" name="as" value="wc" checked>wc <input type="checkbox" name="as" value="dusche">dusche <input type="checkbox" name="as" value="bad">bad <input type="checkbox" name="as" value="tv" checked>tv</p> Preislage (Euro): <select size="1" name="preis"> <option value="billig">bis 30</option> <option value="einfach" selected>bis 50</option> <option value="gut">bis 80</option> <option value="teuer">egal</option> </select> <p> <input type="submit" value="abschicken" name="b1"> <input type="reset" value="zurücksetzen" name="b2"> </p> </form> </body> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 67 Java Server Pages (JSP) Seite zur Auswertung der Hotelanfrage " name="example.jsp" <%@ page contenttype="text/html; charset=iso " %> <html> <head> <title> Hotelanfrage - Entgegennahme Ihrer Daten </title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body bgcolor = "aqua"> <h1>bestätigung Ihrer Anfrage</h1> <p>wir haben Ihre Anfrage entgegengenommen. Zur Überprüfung listen wir hier nochmals ihre Anfragedaten auf:</p> <ul> <li>name:<%= request.getparameter("name") == null? "" : request.getparameter("name")%></li> <li>ihre Adresse: <%= request.getparameter("adresse") == null? "" : request.getparameter("adresse")%> </li> <li>gewünschte Lage: <%= request.getparameter("gebiet") == null? "" : request.getparameter("gebiet")%> </li> <li>kategorie: <%= request.getparameter("kat") == null? "" : request.getparameter("kat")%> </li> <li>ausstattung: <% if (request.getparametervalues("as").length == 0) out.print(""); else {int length = request.getparametervalues("as").length; for (int i = 0; i < length; i++) {out.print(request.getparametervalues("as")[i]); if (i < length - 1) out.print(", "); } }%> </li> <li>preislage:<%=request.getparameter("preis")==null? "" : request.getparameter("preis")%></li> </ul> </body> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 68 Tags für Frames Ziel: mehrere HTML-Dokumente im gleichen Fenster anzeigen. Methode: Aufteilung eines Fenster in verschiedene rechteckige Bereiche (Frames). Typische Anwendung: Trennung von Navigationsmenüs und eigentlichem Dokumenteninhalt. Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 69 Tags für Frames Anordnung von Frames FRAMESET cols, rows, border Einzelner Frame FRAME src, name, Darstellungsattribute Alternativ-Darstellung NOFRAME - Frameset ersetzt body im Dokument Beispiel: Frameset enthält Liste von Frames <frameset rows="100,*"> oder andere Framesets "frame1.htm"> Deren Anordnung mit cols and rows <frameset cols="30%,*,300"> (absolut in Pixel, relativ in %, * nimmt "frame2.htm"> "frame3.htm"> restlichen verfügbaren Platz) "frame4.htm"> jeweils eine Angabe pro Frame srcist eine 'URI' mit dem Frame-Inhalt name dient zur Navigation (target; s. Links) Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 70 4

5 Beispiel für Frames <frameset rows="100,*"> "bsp-table.htm "> <frameset cols="30%,*,300"> "form-beispiel.htm"> "bsp-table2.htm "> "logischetags.html"> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 71 Menüframes und Navigation Typische Nutzung: festes Menüframe mit Menüpunkten zur Navigation und Textframe zur Darstellung der Inhalte. Menüframe soll konstante Größe haben (kein Resize, kein Scrollen) Aufrufe vom Menüframe werden im Textframe dargestellt Beispiel: <frameset rows="100", *> <frame name="menueframe" src="frame1.htm", scrolling="no" noresize> <frame name="textframe" src="frame2.htm", marginheight="20"> Falls nach Menüaufruf ein Inhalt im Textframe dargestellt werden soll: <a href="frametext.htm" target="textframe"> Falls Framedarstellung verlassen werden soll: <a href="frametext.htm" target="_top"> Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 72 Dynamische Elemente in HTML (DHTML) Problem: HTML-Dokumente, die ohne Kommunikation mit Server dynamisch auf Benutzereingaben (Maus, Tastatur) reagieren können Lösung: Script-Elemente, d.h. ausführbare Anweisungen, die der Browser interpretieren kann. Häufigste Script-Sprache: Javascript Sicherheit: Da Script-Sprachen auf dem Client ausgeführt werden, können sie dort auch Unheil anrichten! Schutzvorrichtungen im Browser notwendig oder Deaktivierung aller Script-Sprachen Einführung in die Informatik für Hörer aller Fakultäten 1. Puppe: Form & Darstellung von Informationen 73 5

Das Grundgerüst für ein HTML-Dokument sieht so aus:

Das Grundgerüst für ein HTML-Dokument sieht so aus: Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus:

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

HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache

HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache HTML HyperText Markup Language Die Programmiersprache des WWW Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache systemübergreifend, plattformunabhängig (im Idealfall) HTML-Text

Mehr

HTML ist eine Auszeichnungssprache / Seitenbeschreibungssprache, mit der es möglich ist Internetseiten zu gestalten.

HTML ist eine Auszeichnungssprache / Seitenbeschreibungssprache, mit der es möglich ist Internetseiten zu gestalten. HTML HTML ist eine Auszeichnungssprache / Seitenbeschreibungssprache, mit der es möglich ist Internetseiten zu gestalten. Hierfür bedient man sich sog. Tags zur Darstellung und Beschreibung einer Internetseite

Mehr

HTML-Tags zur Gestaltung von Informationen im Redaktionssystem SixCMS. Handbuch für Webredakteure

HTML-Tags zur Gestaltung von Informationen im Redaktionssystem SixCMS. Handbuch für Webredakteure s zur Gestaltung von Informationen im Redaktionssystem SixCMS Handbuch für Webredakteure V 0.1 Stand: 17.12.2003 Ministerium des Innern Webredaktion Seite 2 von 14 Inhaltsübersicht s zur Gestaltung von

Mehr

Eine Einführung in HTML

Eine Einführung in HTML Eine Einführung in HTML Inhaltsverzeichnis Grundaufbau einer Webseite... 2 Grundlegende Steuerzeichen... 3 Textformatierungen... 4 Überschriften und Listen... 5 Tabellen... 6 Bilder einfügen... 7 Hyperlinks

Mehr

Dokument-Attribute im Body. 4. Grundstruktur von HTML. Schriftformatierung. Typen von Tags. Metadaten im Kopf. Tags zur logischen Textstrukturierung

Dokument-Attribute im Body. 4. Grundstruktur von HTML. Schriftformatierung. Typen von Tags. Metadaten im Kopf. Tags zur logischen Textstrukturierung 4. Grundstruktur von HTML Die Auszeichnungen heißen Tags (HTML-Elemente) Zu einem Tag kann es verschiedene Varianten geben, die durch Tag-Attribute gekennzeichnet sind (vermindert die Anzahl ähnlicher

Mehr

Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.

Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. 1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil

Mehr

Stichpunkte zum Aufbau einer HTML-Website

Stichpunkte zum Aufbau einer HTML-Website Stichpunkte zum Aufbau einer HTML-Website Aufbau eines HTML-Dokumentes: HTML = Hyper Text Markup Language Texteditor zur Befehlseingabe oder im Browser (MIE) Ansicht Quellcode Tags = HTML-Befehle - immer

Mehr

Form und Darstellung von Informationen

Form und Darstellung von Informationen Form und Darstellung von Informationen 1. Computermetaphern 2. Beschreibungssprachen für Texte 3. Grammatiken zur Beschreibung syntaktischer Strukturen 4. Beispiel einer Textbeschreibungssprache: HTML

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

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

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache

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

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-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung. Vorlesungsinhalte

E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung. Vorlesungsinhalte E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-04-29 Dipl.-Inf. (FH) T. Mättig Neue Tricks der Viren-Programmierer: E-Mails mit Absender Immatrikulationsamt

Mehr

Warten auf Ereignisse

Warten auf Ereignisse Abb. 1: Diese Botschaften wurden von dem Programm WINSIGHT aufgezeichnet. Warten auf Ereignisse Wenn wir in einem Windows-Programm eine Schaltfläche anklicken, wenn wir die Maus bewegen oder eine Taste

Mehr

Aufbau einer HTML Seite:

Aufbau einer HTML Seite: 1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,

Mehr

Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.

Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. 5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor 5.6.1. Allgemeine

Mehr

Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor:

Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor: Texteditor Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor: Anmerkung für Mac-User: Da der Safari-Browser evtl. Probleme mit dem Editor von Moodle

Mehr

D a s B e g l e i t s c r i p t z u m

D a s B e g l e i t s c r i p t z u m H T M L f ü r A n f ä n g e r D a s B e g l e i t s c r i p t z u m K u r s Von Konrad Weidmann Im Wintersemester 2005/2006 Inhaltsverzeichnis 0. Einführung...3 1. Bedeutung...3 2. Benutzung...4 a) des

Mehr

HTML Kurs. Inhaltsverzeichnis. Dominic Dietiker Aktualisierung: February 13, 2009. 1 Das HTML-Dokument 2. 2 Einige Tags 7

HTML Kurs. Inhaltsverzeichnis. Dominic Dietiker Aktualisierung: February 13, 2009. 1 Das HTML-Dokument 2. 2 Einige Tags 7 HTML Kurs Dominic Dietiker Aktualisierung: February 13, 2009 Inhaltsverzeichnis 1 Das HTML-Dokument 2 2 Einige Tags 7 3 Erarbeiten weiterer Tags 11 4 Tabellen 11 A Lösungen 16 1 1 Das HTML-Dokument Tags

Mehr

Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12.

Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12. Online Kataloge Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12 Autor: Manuel Ginesta Kontakt: m.ginesta@ncag.ch Versionsliste Version Datum

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

Der Kopf (head), in dem einige grundsétzliche Definitionen stehen; vor allem auch der Text, der in der Titelzeile des Fensters dargestellt wird.

Der Kopf (head), in dem einige grundsétzliche Definitionen stehen; vor allem auch der Text, der in der Titelzeile des Fensters dargestellt wird. Eine Homepage selbst erstellen Inhalt: Hypertext Markup Language Der Aufbau von HTML-Befehlen Die Grundstruktur von HTML- Dokumenten ZeilenumbrÄche Schriftformatierung Texthervorhebungen Åberschriften

Mehr

Inf11 HTML 18.12.2005/ pl

Inf11 HTML 18.12.2005/ pl Inf11 HTML 18.12.2005/ pl Grundstruktur Grundformatierung Jede HTML SEITE hat mindestens folgendes Grundgerüst: Dies ist der einleitende HTML Tag, der auf eine folgende Html Seite hinweist.

Mehr

Einführung in HTML Text

Einführung in HTML Text Einführung in HTML Text Übung 1 Erstellen Sie eine erste HTML-Datei, die den Titel Meine erste Seite besitzt und den Text Hallo Welt im Browser ausgibt. Übung 2 Öffnen Sie die Datei text.htm und formatieren

Mehr

Formulare & Zähler. Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN

Formulare & Zähler. Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN Formulare & Zähler Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN Ziel des vorliegenden Dokumentes ist es, einer mit Internet vertrauten Person zu ermöglichen,

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

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

Hyperlinks. Auf eine Seite, die möglicherweise weit entfernt zu lokalisieren ist. Pfeil der Maus wird zu einer Hand über einem Hyperlink.

Hyperlinks. Auf eine Seite, die möglicherweise weit entfernt zu lokalisieren ist. Pfeil der Maus wird zu einer Hand über einem Hyperlink. Hyperlinks Hyperlinks = Querverweise im Internet: Auf Textabschnitt der eigenen Web-Seite Auf eine Seite, die möglicherweise weit entfernt zu lokalisieren ist Pfeil der Maus wird zu einer Hand über einem

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

Informatik und Programmiersprachen

Informatik und Programmiersprachen Informatik und Programmiersprachen Einschub: HTML Wintersemester 2004/2005 Prof. Dr. Thomas Wieland HTML HTML = Hypertext Markup Language HTML beschreibt Inhalt, Struktur und Darstellung eines Dokumentes.

Mehr

Gegeben ist das folgende XML-Dokument.

Gegeben ist das folgende XML-Dokument. Aufgabe 1 (XML): Gegeben ist das folgende XML-Dokument. (10 Punkte)

Mehr

Crash Kurs in HTML Frauenprojektlabor

Crash Kurs in HTML Frauenprojektlabor Crash Kurs in HTML Frauenprojektlabor Crash Kurs in HTML Frauenprojektlabor der FH-Dortmund 1 Crash Kurs in HTML (Frauenprojektlabor) Herzlich willkommen in unserem Crash-Kurs. In diesem Kurs sollt ihr

Mehr

Informationen zu den Prüfungen «Web-Entwicklung» und «Web-Applikationen» vom 21. Januar 2015

Informationen zu den Prüfungen «Web-Entwicklung» und «Web-Applikationen» vom 21. Januar 2015 Informationen zu den Prüfungen «Web-Entwicklung» und «Web-Applikationen» vom 21. Januar 2015 Zulassung zur Prüfung Als Zulassung zur Prüfung ist ein Blog zu führen [Notizblog]. Als Zulassung zur Prüfung

Mehr

Text Formatierung in Excel

Text Formatierung in Excel Text Formatierung in Excel Das Aussehen des Textes einer oder mehrerer Zellen kann in Excel über verschiedene Knöpfe beeinflusst werden. Dazu zuerst die betroffenen Zelle(n) anwählen und danach den entsprechenden

Mehr

Webalizer HOWTO. Stand: 18.06.2012

Webalizer HOWTO. Stand: 18.06.2012 Webalizer HOWTO Stand: 18.06.2012 Copyright 2003 by manitu. Alle Rechte vorbehalten. Alle verwendeten Bezeichnungen dienen lediglich der Kennzeichnung und können z.t. eingetragene Warenzeichen sein, ohne

Mehr

Erste Schritte mit XHTML

Erste Schritte mit XHTML Sascha Frank SS 2005 www.saschafrank.de 3.3.05 Eigene Homepage Rechte am $HOME ändern Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login Eigene Homepage Rechte am $HOME ändern chmod 701

Mehr

C:\~Temp\Rolf\GaM\anfrageauftritt.php Sonntag, 26. Januar 2014 08:41

C:\~Temp\Rolf\GaM\anfrageauftritt.php Sonntag, 26. Januar 2014 08:41 /* Formular Stylesheet */ body, textarea, table { font-family: Verdana,

Mehr

Hinweise zum Übungsblatt Formatierung von Text:

Hinweise zum Übungsblatt Formatierung von Text: Hinweise zum Übungsblatt Formatierung von Text: Zu den Aufgaben 1 und 2: Als erstes markieren wir den Text den wir verändern wollen. Dazu benutzen wir die linke Maustaste. Wir positionieren den Mauszeiger

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

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

Tipps zur Content- Erstellung für Webseiten

Tipps zur Content- Erstellung für Webseiten Tipps zur Content- Erstellung für Webseiten Seminar BS 162 Barrierefreie Informationssysteme - Grundlagen Gerhard Nussbaum Wien, März 2015 gerhard.nussbaum@ki-i.at Grundlegendes I Klare und verständliche

Mehr

Klausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg.

Klausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg. Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 Klausurteilnehmer Name: Matrikelnummer: Wichtige Hinweise Es sind keinerlei Hilfsmittel zugelassen auch keine Taschenrechner! Die Klausur dauert

Mehr

Mini-Dokumentation zur Bearbeitung der Website massweiler.de

Mini-Dokumentation zur Bearbeitung der Website massweiler.de Mini-Dokumentation zur Bearbeitung der Website massweiler.de 10. März 2015 Die Website massweiler.de Die Website massweiler.de wird mit dem Content Management System (CMS) Joomla betrieben. Joomla ist

Mehr

Kurze Bedienungsanleitung für den Kompozer

Kurze Bedienungsanleitung für den Kompozer Kurze Bedienungsanleitung für den Kompozer Dateioperationen Datei öffnen Datei > Öffnen oder S + o Datei speichern Datei > Speichern oder S + s Datei unter einem neuen Namen oder an einem anderen Ort speichern

Mehr

4. Sonstige Mitarbeit 4.1 Formen der Sonstigen Mitarbeit

4. Sonstige Mitarbeit 4.1 Formen der Sonstigen Mitarbeit 1. Einleitung Dieses Leistungskonzept dient in erster Linie dazu, die Leistungsbewertung des Faches Informatik transparent zu gestalten und zu vereinheitlichen. Dies erlangt besondere Wichtigkeit, da allgemeine

Mehr

Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur»

Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur» Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Kapitel «Struktur» Adobe Dreamweaver CC 2014; CC; CS6; CS5 2 Einstellungen 3 Detaillierte Theorie 4 Validierung Oft Probleme mit Browsern,

Mehr

Bedienung des Web-Portales der Sportbergbetriebe

Bedienung des Web-Portales der Sportbergbetriebe Bedienung des Web-Portales der Sportbergbetriebe Allgemein Über dieses Web-Portal, können sich Tourismusbetriebe via Internet präsentieren, wobei jeder Betrieb seine Daten zu 100% selbst warten kann. Anfragen

Mehr

1 HTML-Grundlagen. 1.1 Einführung in HTML

1 HTML-Grundlagen. 1.1 Einführung in HTML 1 HTML-Grundlagen 1.1 Einführung in HTML 1.1.1.1 HTML als "lingua franca" des Web HTML = Hypertext Markup Language HTML als "linuga franca" = "Brot- und Butter-Sprache", eine Sprache, die jeder kennt,

Mehr

Templates für CMSMadeSimple

Templates für CMSMadeSimple 1. EINLEITUNG Templates für CMSMadeSimple Original von Jan Czarnowski piratos@coftware.de modifiziert von Andreas Just cyberman@gmx.ch Templates für CMSMadeSimple sind zur Zeit nur spärlich vorhanden.

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

Captive Portal Betrieb und Anpassung

Captive Portal Betrieb und Anpassung Captive Portal Betrieb und Anpassung Erklärungen: Captive Portal / Landing Page: Ist eine allgemein übliche Technik die den Webbrowser auf ein spezielle Web Seite umleitet, um den Benutzer zu authentifizieren,

Mehr

XML Vortrag. 1. Beispiel XML. 2. Begriffe. 3. XML Standards

XML Vortrag. 1. Beispiel XML. 2. Begriffe. 3. XML Standards XML Vortrag 1. Beispiel XML Philipp Gühring Hebenstreitstr. 16 2602 Neurißhof Austria +43-2628-49103

Mehr

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

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21

Mehr

Einführung in die Scriptsprache PHP

Einführung in die Scriptsprache PHP Herbst 2014 Einführung in die Scriptsprache PHP Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW - Rainer Telesko / Martin Hüsler 1 Inhalt:

Mehr

Berufsakademie Stuttgart, Außenstelle Horb, MI2002

Berufsakademie Stuttgart, Außenstelle Horb, MI2002 Übungsblatt 1, Scanner für Mini-HTML Ergänzen Sie die JLex-Spezifikation aus der Vorlesung so, dass folgende HTML Lexemklassen , , , , , , , , ,

Mehr

Internet und Webseiten-Gestaltung

Internet und Webseiten-Gestaltung Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 12. Mai 2004 Dipl.-Inf. T. Mättig 2004-05-12 Internet und Webseiten-Gestaltung - T. Mättig 1 Vorbemerkungen Dipl.-Inf. T. Mättig E-Mail:

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

Wie kann ich in der Backstage-Ansicht eigene Dokumentationen einbinden?

Wie kann ich in der Backstage-Ansicht eigene Dokumentationen einbinden? Wie kann ich in der Backstage-Ansicht eigene Dokumentationen einbinden? Anforderung Durch die Bearbeitung einer XML-Datei können Sie Ihre eigenen Dokumentationen (z.b. PDF-Dateien, Microsoft Word Dokumente

Mehr

Workshop Java Webentwicklung Tapestry. Ulrich Stärk

Workshop Java Webentwicklung Tapestry. Ulrich Stärk Workshop Java Webentwicklung Tapestry Ulrich Stärk Webanwendungen Antwort im Browser des Benutzers sichtbar Anfrage geht ein Antwort rendern Anfrage an passenden Code weiterleiten 2 Servlets Servlet wird

Mehr

FLASH IMAGESLIDER PROFESSIONELL 4

FLASH IMAGESLIDER PROFESSIONELL 4 FLASH IMAGESLIDER PROFESSIONELL 4 ANLEITUNG, PARAMETERBESCHREIBUNG, HINWEISE UND ERKLÄRUNGEN Version 2.0 - August 2011 Mark Kirstein, sector12 PARAMETERBESCHREIBUNG In diesem Bereich sind alle Parameter

Mehr

DELFI. Benutzeranleitung Dateiversand für unsere Kunden. Grontmij GmbH. Postfach 34 70 17 28339 Bremen. Friedrich-Mißler-Straße 42 28211 Bremen

DELFI. Benutzeranleitung Dateiversand für unsere Kunden. Grontmij GmbH. Postfach 34 70 17 28339 Bremen. Friedrich-Mißler-Straße 42 28211 Bremen Grontmij GmbH Postfach 34 70 17 28339 Bremen Friedrich-Mißler-Straße 42 28211 Bremen T +49 421 2032-6 F +49 421 2032-747 E info@grontmij.de W www.grontmij.de DELFI Benutzeranleitung Dateiversand für unsere

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

Textgestaltung mit dem Editor TinyMCE Schritt für Schritt

Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Folgender Artikel soll veröffentlicht und mit dem Editor TinyMCE gestaltet werden: Eine große Überschrift Ein Foto Hier kommt viel Text. Hier kommt

Mehr

Inhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN

Inhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN Inhalt HTML 2 Applets Frames Formulare CSS cascading style sheets SS 06 1 Applets Das Applet Java Applets sind kleine Java-Programme mit deren Hilfe aktive Webseiten erstellt werden können. werden mit

Mehr

Dokumentation für Popup (lightbox)

Dokumentation für Popup (lightbox) Dokumentation für Popup (lightbox) Für das Popup muss eine kleine Anpassung im wpshopgermany Plugin vorgenommen werden und zwar in der Datei../wp-content/plugins/wpshopgermany/controllers/WarenkorbController.class.php

Mehr

Praktikum Datenbanksysteme. Ho Ngoc Duc IFIS Universität zu Lübeck 28.05.2003

Praktikum Datenbanksysteme. Ho Ngoc Duc IFIS Universität zu Lübeck 28.05.2003 Praktikum Datenbanksysteme Ho Ngoc Duc IFIS Universität zu Lübeck 28.05.2003 Nullwerte und Primitive Typen Wenn parent==null, was wird in der Datenbank gespeichert? Wenn man aus der DB liest, wie kann

Mehr

Anleitung zur Verwendung der VVW-Word-Vorlagen

Anleitung zur Verwendung der VVW-Word-Vorlagen Anleitung zur Verwendung der VVW-Word-Vorlagen v1.0. Jun-15 1 1 Vorwort Sehr geehrte Autorinnen und Autoren, wir haben für Sie eine Dokumentenvorlage für Microsoft Word entwickelt, um Ihnen die strukturierte

Mehr

WEBSEITEN ENTWICKELN MIT ASP.NET

WEBSEITEN ENTWICKELN MIT ASP.NET jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm

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

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.

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

Beleg 1/HTML: Erstellen einer Beispiel-Webseite

Beleg 1/HTML: Erstellen einer Beispiel-Webseite Beleg 1/HTML: Erstellen einer Beispiel-Webseite Als Beleg und zur Vertiefung der Kenntnisse in HTML ist eine Beispielwebseite zu erstellen, die die kennengelernten Tags und Attribute verwendet. Arbeiten

Mehr

... MathML XHTML RDF

... MathML XHTML RDF RDF in wissenschaftlichen Bibliotheken (LQI KUXQJLQ;0/ Die extensible Markup Language [XML] ist eine Metasprache für die Definition von Markup Sprachen. Sie unterscheidet sich durch ihre Fähigkeit, Markup

Mehr

Hyperlink-Erstellung in InDesign für

Hyperlink-Erstellung in InDesign für Hyperlink-Erstellung in InDesign für Übersicht Sie können in InDesign Hyperlinks erstellen, sodass nach einem Export in eine Adobe PDF- oder SWF-Datei die Benutzer über einen Klick auf den Link zu anderen

Mehr

XSLT Vortrag. 2. Beispiel XML. 3. Anwendungsmöglichkeiten von XSLT 4. XHTML

XSLT Vortrag. 2. Beispiel XML. 3. Anwendungsmöglichkeiten von XSLT 4. XHTML XSLT Vortrag 1. Was ist XSLT? XSLT ist eine Transformationssprache für XML Dokumente. XSLT war wahrscheinlich die erste XML basierte Programmiersprache. XSLT ist von der Struktur her Template-Matching,

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

1. Anmeldung in das Content Management System WEBMIN CMS

1. Anmeldung in das Content Management System WEBMIN CMS Anleitung 1. Anmeldung in das Content Management System WEBMIN CMS A. Öffnen Sie Ihre Internetseite und schreiben Sie hinter der Domain noch /webmin/. Die Adresse (URL) wird wie folgt aussehen: http://www.ihre-domain.de/webmin/

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

12. Jgst. 3. Kursarbeit Datum: Fach: Informationsverarbeitung (Leistungskurs) & )!!*+,!- -.!-

12. Jgst. 3. Kursarbeit Datum: Fach: Informationsverarbeitung (Leistungskurs) & )!!*+,!- -.!- 12. Jgst. 3. Kursarbeit Datum: 26.03.2007 Klasse: GY 05 c Fach: Informationsverarbeitung (Leistungskurs) Themen: XHTML; CSS Name: Bitte speichern Sie Ihre Ergebnisse regelmäßig. Punkte:!" # Note: 8 $ %!&'(

Mehr

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und

Mehr

Access 2010. Grundlagen für Anwender. Andrea Weikert 1. Ausgabe, 1. Aktualisierung, Juli 2012. inkl. zusätzlichem Übungsanhang ACC2010-UA

Access 2010. Grundlagen für Anwender. Andrea Weikert 1. Ausgabe, 1. Aktualisierung, Juli 2012. inkl. zusätzlichem Übungsanhang ACC2010-UA Andrea Weikert 1. Ausgabe, 1. Aktualisierung, Juli 2012 Access 2010 Grundlagen für Anwender inkl. zusätzlichem Übungsanhang ACC2010-UA 3 Access 2010 - Grundlagen für Anwender 3 Daten in Formularen bearbeiten

Mehr

HTML5 Formulare. HTML5 Formulare Seite Seite 1 von 7 Florian Bauer

HTML5 Formulare. HTML5 Formulare Seite Seite 1 von 7 Florian Bauer Formulare Formulare Seite Seite 1 von 7 Florian Bauer Inhalt... 3 Grundgerüst... 3 Formularaufbau... 3 Formularfelder... 3 Textfeld... 3 Passwort... 3 Textbereich... 4 Select-Box... 4 Multi-Select-Box...

Mehr

Graphic Coding. Klausur. 9. Februar 2007. Kurs A

Graphic Coding. Klausur. 9. Februar 2007. Kurs A Graphic Coding Klausur 9. Februar 2007 Kurs A Name: Matrikelnummer: Hinweise - Es sind keine Hilfsmaterialien erlaubt. (Keine Bücher, Taschenrechner, Handys) - Sie haben zwei Stunden Zeit. - Insgesamt

Mehr

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung

Mehr

Word 2010 Grafiken exakt positionieren

Word 2010 Grafiken exakt positionieren WO.009, Version 1.2 10.11.2014 Kurzanleitung Word 2010 Grafiken exakt positionieren Wenn Sie eine Grafik in ein Word-Dokument einfügen, wird sie in die Textebene gesetzt, sie verhält sich also wie ein

Mehr

Javascript kann nun auf die Objekte der Webseite über entsprechene Objektbezeichner zugreifen und deren Attribute auslesen oder verändern.

Javascript kann nun auf die Objekte der Webseite über entsprechene Objektbezeichner zugreifen und deren Attribute auslesen oder verändern. JavaScript-OO JavaScript bietet auf einfache Weise die Möglichkeit, verschiedenen Objekte einer HTML-Seite aktiv zu verbinden, sodass der Inhalt der Webseite aktiv auf Usereingaben reagiert. Jedes Objekt

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

HTML Formulare. Benutzerschnittstelle für interaktive Webseiten

HTML Formulare. Benutzerschnittstelle für interaktive Webseiten 1 HTML Formulare Benutzerschnittstelle für interaktive Webseiten Literatur und Links 2 Literatur: Coar, Ken; Bowen, Rich: Apache-Kochbuch. 2004 HTML: kein Buch oder irgend eins für Einsteiger, z. B. Münz,

Mehr

4 Aufzählungen und Listen erstellen

4 Aufzählungen und Listen erstellen 4 4 Aufzählungen und Listen erstellen Beim Strukturieren von Dokumenten und Inhalten stellen Listen und Aufzählungen wichtige Werkzeuge dar. Mit ihnen lässt sich so ziemlich alles sortieren, was auf einer

Mehr

Das Blabla des LiLi-Webteams. Browser. HTML-Dateien. Links & Webadressen. ROXEN.

Das Blabla des LiLi-Webteams. Browser. HTML-Dateien. Links & Webadressen. ROXEN. A Das Blabla des LiLi-Webteams Browser. HTML-Dateien. Links & Webadressen. ROXEN. Ansicht a1: Browser Das English Wort Browser wird gern direkt übersetzt mit dem deutschen Stöberer. Verstehen sollte man

Mehr

Kapitel 4 Tabellen Seite 1. Nun wirst du eine Tabelle erstellen und ein wenig über deren Aufbau lernen.

Kapitel 4 Tabellen Seite 1. Nun wirst du eine Tabelle erstellen und ein wenig über deren Aufbau lernen. Kapitel 4 Tabellen Seite 1 4 Tabellen Nun wirst du eine Tabelle erstellen und ein wenig über deren Aufbau lernen. Abbildung 4.1: Link auf eine Seite mit Tabelle Wie Abbildung 4.1 zeigt, soll der Benutzer

Mehr

CSS - Formatierung. CSS Formatdefinition außerhalb des style-attributes

CSS - Formatierung. CSS Formatdefinition außerhalb des style-attributes CSS - Formatierung CSS Formatdefinition außerhalb des style-attributes Definition von Formatierungen im Dokumenten-Kopf...... oder externer Datei Festlegung von CSS-Eigenschaften für HTML-Elemente Syntax:

Mehr

IT-Zertifikat: Allgemeine Informationstechnologien II PHP

IT-Zertifikat: Allgemeine Informationstechnologien II PHP IT-Zertifikat: Allgemeine Informationstechnologien II PHP PHP ( PHP: Hypertext Preprocessor ) ist eine serverseitige Skriptsprache: Der PHP-Code wird nicht wie bei JavaScript auf dem Clientrechner ausgeführt,

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