- Viren (Würmer) Internet und Webseiten-Gestaltung. Vorlesungsinhalte
|
|
|
- Arthur Feld
- vor 7 Jahren
- Abrufe
Transkript
1 - Viren (Würmer) Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung Dipl.-Inf. (FH) T. Mättig Neue Tricks der Viren-Programmierer: s mit Absender Immatrikulationsamt oder HS-ZIGR-Team Texte, die Angst (vor Viren) machen Dateianhänge mit merkwürdigen oder doppelten (!) Dateiendungen.pif und.scr sind sehr beliebt, aber auch.vbs,.js,.com,.bat Dateianhänge sind mit einem Passwort geschützt, das im -Text steht Normal aussehende s mit Links, bei deren Anklicken soll die Datei geöffnet werden erscheint Internet und Webseiten-Gestaltung - T. Mättig 3 Vorlesungsinhalte 1. Exkurs: - Viren 2. HTML-Grundstruktur/Konzept 3. Umlaute, Sonderzeichen und Zeichensätze 4. Komplexere HTML-Elemente 5. Stylesheets (CSS) - Viren! Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 4
2 - Viren Mail Delivery Failure unsichtbar! Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 7 The Hs-zigr.de team Darum: Geschützter Verkehr Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 8
3 Geschützt durch... AntiVir Personal Edition deutsch AVG Anti-Virus Free Edition englisch free.grisoft.com Runterladen, installieren, auf Aktualisierung achten (Programme erinnern daran) Inhalt / Struktur / Design (2/4) Struktur Überschrift Absatz Zwischenüberschrift Absatz Zwischenüberschrift Absatz Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 11 Inhalt / Struktur / Design (1/4) Inhalt Inhalt / Struktur / Design (3/4) Standard-Design Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 12
4 Inhalt / Struktur / Design (4/4) Visualisierung Inline/Block-Elemente Grundstruktur einer HTML-Datei HTML besteht aus Kopf und Körper <html> <head>...</head> <body>...</body> </html> Dokumententitel gehört in den Kopf <title>...</title> Verbindung zum Stylesheet (CSS) <link rel="stylesheet" type="text/css" href="stylesheet.css"> Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 15 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Beispiel <html> <head> <title>dokumententitel</title> <meta http-equiv="content-type" content="text/html; charset=iso "> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <h1> Überschrift</h1> <p> Inhalt der Datei</p> </body> </html> Internet und Webseiten-Gestaltung - T. Mättig 14 Was ist DOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " se.dtd"> Dokumenten-Typ: HTML Version 4.01 in der Variante Transitional Es gibt andere, leicht verschiedene Versionen und Varianten von HTML XHTML Eigentlich bringe ich Ihnen Strict bei Internet und Webseiten-Gestaltung - T. Mättig 16
5 Was ist charset <meta http-equiv="content-type" content="text/html; charset=iso "> charset = Zeichensatz Westeuropäisch: ISO Erlaubt u.a. alle deutschen/italienischen Zeichen International: UTF-8 Unbegrenzt, erfordert einen besonderen Editor Muss mit dem tatsächlichen Zeichensatz der Datei übereinstimmen HTML-eigene Zeichen Spitze Klammern, kaufmännisches Und sowie Anführungszeichen sollten maskiert werden < und > außerhalb von Tags Lösung: < und > ( lower/greater than ) & außerhalb von Sonderzeichen Lösung: & ( ampersand ) " innerhalb von Attributen Lösung: " ( quote ) Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 19 Benannte Zeichen Alternative zur Arbeit mit Zeichensätzen: 1. Umschreibung in Form benannter Zeichen 2. Umschreibung in nummerierter Notation Euro Plusminus-Zeichen ± Copyright-Zeichen Erzwungenes Leerzeichen Gedankenstrich usw. Anführungszeichen Angewinkelte Anführungszeichen (Frankreich/Spanien/Italien): «und» Im Deutschen andersherum Doppelte (englisch): Deutsche: Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 20
6 Umlaute und weitere Zeichen Eigentlich auch Ä ö ß usw. Alle (un)möglichen Umlaute und Duzende weitere benannte Zeichen, z.b. (unendlich) Zehntausende weitere Zeichen, z.b. ½ (hexadezimal) für ½ Diese Unicode-Nummern können der Windows- Zeichentabelle entnommen werden Überblick über die Zeichensätze der Normenfamilie ISO 8859: Komplexere HTML-Elemente Textstrukturierung Listen Verweise (Links) Grafiken Tabellen Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 23 Wozu (Es geht doch auch ohne) Dokumenten-Typ ist wichtig: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " weil Ihr Design sonst in manchen Browsern anders aussieht. Zeichensatz ist wichtig: <meta http-equiv="content-type" content="text/html; charset=iso "> weil Ihre Umlaute auf einem japanischen Computer sonst so aussehen: Liebe Gre!. wenn Sie z.b. ein l eingeben wollen. aber unwichtig, wenn Sie ł schreiben. Textstrukturierung mit Block-Elementen Merke: Struktur, d.h. inhaltlicher Aufbau, nicht grafische Gestaltung Typische Block-Elemente sind: Überschrift: <h1>, <h2> usw. Heading Absatz: <p> Paragraph Zitatblock: <blockquote> Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 24
7 Textstrukturierung mit Inline-Elementen Typische Inline-Elemente sind: Hervorgehoben: <em> emphatisch Stark hervorgehoben: <strong> stark Hoch/tiefgestellt: <sup>, <sub> Gestalten mit CSS Listen <ul> <li>listenelement 1</li> <li>listenelement 2</li> </ul> ul = unsortierte Liste ol = ordered liste li = Listen item Gestalten mit CSS Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 27 Standalone-Tags Trennlinie: <hr> Horizontale rule Gehört zu den Block-Elementen Aber: Trennlinien sparsam verwenden! Mit Rahmenlinien (CSS) können meist die selben Effekte erreicht werden Sonderfall Zeilenumbruch: <br> Bruch Gehört zu den Inline-Elementen Internet und Webseiten-Gestaltung - T. Mättig 26 Definitions-Listen <dl> <dt>zi</dt> <dd>zittau</dd> <dt>gr</dt> <dd>görlitz</dd> <dd>griechenland</dd> </dl> dl = Definitions-Liste dt = Definitionslisten-Term dd = Definitionlisten-Definition Internet und Webseiten-Gestaltung - T. Mättig 28
8 Verweise (Links) <a href="verweisziel">verweistext</a> a = Anker, href = Hyper-Referenz Regeln für Verweistext: Aussagekräftig Schlecht: Zurück (wohin denn) Besser: Zurück zur Einstiegsseite Schlecht: Weitere Informationen gibt es hier Besser: Weitere Informationen gibt es hier Eindeutig Art des Verweisziels sollte erkennbar sein Zielfenster für Verweise Öffnen eines neuen Fensters erzwingen <a href=" " target="_blank"> </a> Aber: Pro/Contra abwägen Mit erzwungenem neuen Fenster: Bildschirm und Taskleiste werden immer voller Ihre Seite bleibt im Hintergrund offen Ohne erzwungenes neues Fenster: Besucher kann wählen ( In neuem Fenster öffnen ) Besucher verlässt Ihre Seite (na und) Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 31 Verweisziele Projekt-interne Verweise (Links) <a href="seite.html">...</a> Kann auf beliebige Datei(typ)en verweisen Möglichst keine Leer- und Sonderzeichen Projekt-interne Verweise mit Pfadangaben <a href="../seite.html">...</a> Keine umgekehrten Schrägstriche Projekt-externe Verweise <a href=" -Verweise <a href="mailto:name@example.com">...</a> Internet und Webseiten-Gestaltung - T. Mättig 30 Grafiken <img src="dateiname.jpg"> Ist ein Inline-Element Beispiel: A a a a a a a a a a a a a a a a a a a a a a Breite und Höhe angeben <img src=" " width="80" height="60"> Grafik beschriften <img src=" " alt=" " title=" "> Unterschied beachten: Alternativtext ist nicht gleich Zusatztext (Tooltipp-Fenster) Internet und Webseiten-Gestaltung - T. Mättig 32
9 Grafiken als Verweise Tabellenzellen verbinden Aus <a href=" ">Beschriftung</a> wird <a href=" "><img src=" "></a> Achtung: Bekommt in diesem Fall standardmäßig eine (hässliche) Rahmenlinie Lösung: a img { border-style: none; } oder: a img { border-width: 0; } oder kurz: a img { border: none; } <table> <tr> <td>zelle 1</td> <td>zelle 2</td> Zelle 1 Zelle 4 <td rowspan="2">zelle 3</td> </tr> <tr> <td colspan="2">zelle 4</td> </tr> </table> Zelle 2 Zelle Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 35 <table> <tr> <th>kopf 1</th> <th>kopf 2</th> </tr> <tr> <td>daten 1</td> Tabellen Kopf 1 Daten 1 Kopf 2 Daten 2 und mehr <td>daten 2<br>und<br>mehr</td> </tr> </table> Zellinhalte ausrichten Horizontale Ausrichtung <td align="center">, right, left Standard für Kopfzellen ist center Standard für Datenzellen ist right Vertikale Ausrichtung <td valign="center">, top, bottom Standard für alle Zellen ist center Warum nicht CSS Ist das nicht Design Internet und Webseiten-Gestaltung - T. Mättig Internet und Webseiten-Gestaltung - T. Mättig 36
10 Allgemeine Blockelemente <div> Klassisches Beispiel: 3-Teilung einer Seite Titel bzw. Logo Menü: Die Navigation Inhalt: Der eigentliche Text, Bilder etc. Vorführung Internet und Webseiten-Gestaltung - T. Mättig 37 Das ist doch nicht alles Musik, Animation, Video, (Kontakt-) Formulare Dynamische / interaktive Webseiten Besucher ändert den Inhalt Z.B. Forum, Buchen von Reisen, Interesse an richtiger Programmierung Mit der Sprache PHP ist das möglich (serverseitig) Kleinere Spielereien sind auch mit JavaScript möglich (clientseitig) Internet und Webseiten-Gestaltung - T. Mättig 38
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:
Internet und Webseiten-Gestaltung
Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 5. Mai 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:
Vorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte
Vorlesungsinhalte Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-05-13 Dipl.-Inf. (FH) T. Mättig Stylesheets (CSS) Das CSS Box-Modell Fotos, Bilder, Grafiken Tabellen 2005-05-13
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
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
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
Aufbau einer HTML Seite:
1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,
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,
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:
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
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
INP (2) Prof. Dr.-Ing. S. Gössner. University of Applied Sciences Lippe & Höxter
INP (2) 1 of 23 INP (2) Prof. Dr.-Ing. S. Gössner University of Applied Sciences Lippe & Höxter INP (2) 2 of 23 Inhalt INP (2) Inhalt HTML - Einführung Textauszeichnung Syntax Grundgerüst Beispiel Sonderzeichen
Goldene Regeln: 1.0 HTML-Tags
Goldene Regeln: 1.0 HTML-Tags Bei herkömmlichem HTML spielt es keine Rolle, ob die Elementnamen in den Tags in Kleinoder Großbuchstaben notiert werden. Dort bedeuten z.b. und das gleiche. In
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
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
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:
Grundelemente der Hypertext Markup Language (HTML)
Grundelemente der Hypertext Markup Language (HTML) Allgemeines: HTML steht für Hypertext Markup Language aktueller Standard ist HTML 4.1 (HTML 5) bzw. XHTML 1.0 (s.a. unter http://www.w3c.org) die Dokumente
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
Verbindende Vorhaben in IT 8: CAD und Web-Seiten
1. Lehrplanbezug Verbindende Vorhaben in IT 8: CAD und Web-Seiten Neben der Bildschirmpräsentation gehört das Gestalten von Web-Seiten zu den bedeutenden Möglichkeiten der Veröffentlichung von selbst erarbeiteten
Grundstruktur von HTML. Form und Darstellung von Informationen. Typen von Tags. Metadaten im Kopf. Dokument-Attribute im Body. Schriftformatierung
Form und Darstellung von Informationen 1. Computermetaphern 2. Beschreibungssprachen für Texte 3. Grammatiken zur Beschreibung syntaktischer Strukturen 4. Beispiel einer Textbeschreibungssprache: HTML
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
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
Kurzeinführung in HTML
Kurzeinführung in HTML (Grundlage: SelfHTML: http://de.selfhtml.org/) Autor: Jan-Willem Waterböhr (webmaster-geschichte@uni-bielefeld.de) Stand: 23.12.2011 Inhaltsverzeichnis Kurzeinführung in HTML...1
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
Art Director Thomas Frierss
Art Director Thomas Frierss Programm Vorträge HTML I, II und III PHP I und II MySQL und PHP JavaScript Workshops HTML Webdesign Dreamweaver Flash Photoshop Folie 2 Info - Internet Internet TCP/IP IP-Adresse
Barrierefreies Webdesign Technisches Basiswissen und konkrete Umsetzung. Gerhard Nussbaum, KI I David Thaller, KI I
Barrierefreies Webdesign Technisches Basiswissen und konkrete Umsetzung Gerhard Nussbaum, KI I David Thaller, KI I Übersicht Zielsetzung Strukturierung der Seite / des Inhalts Maßnahmen für Verständlichkeit
Die Aufgabe des Browsers ist es, den HTML-Quelltext (source code) zu interpretieren und dann am Bildschirm entsprechend darzustellen:
Jeder von uns hat sich schon ausgiebig mittels eines Web-Browsers im World Wide Web umgesehen. Wie wir bereits gehört haben, besteht das WWW aus einzelnen Seiten, die über Links miteinander verknüpft
Einführung in HTML. Hui Dai
Einführung in HTML Hui Dai Grundgerüst einer HTML-Datei HTML-Dateien bestehen aus Text. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte Tags markiert. Fast alle
Typo3. Thomas Lüthi. Beitrag zur "CMS-Battle" vom 7. Juni 2010 Campus Bern. www.tomogramm.ch. http://campus.meteotest.ch/
Typo3 Beitrag zur "CMS-Battle" vom 7. Juni 2010 Campus Bern http://campus.meteotest.ch/ Thomas Lüthi www.tomogramm.ch Mein Bezug zu Typo3 Ich verwende Typo3 seit 2007 Ich habe bisher ca. 20 Projekte damit
HOMEPAGE I HTML. Schulungsunterlagen. Von Dietmar Becker. http://www.8ung.at/mcp.becker Tel.: 0172 / 25 748 25
Seite 1 HOMEPAGE I HTML Schulungsunterlagen Von Dietmar Becker http://www.8ung.at/mcp.becker Tel.: 0172 / 25 748 25 Seite 2 INHALT: Seite 1. Hypertext Markup Language 3 2. Syntax 4 3. Meine erste Seite
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
<!doctype html> <html lang = "de"> <head> <meta charset = "utf-8"> <title> Bischofshofen. </title>
Bischofshofen
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
XHTML MP. Mobile Internet. Axel Reusch ar047 MIB
XHTML MP Mobile Internet Axel Reusch ar047 MIB Agenda Was ist XHTML MP Prinzip Funktionsweise WTAI Vorteile Nachteile Quellen Seite 2 Untermenge von XHTML (aktuell XHTML 1.1) Strikteres HTML (alle Tags
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
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
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
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.
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
Gegeben ist das folgende XML-Dokument.
Aufgabe 1 (XML): Gegeben ist das folgende XML-Dokument. (10 Punkte)
Das World-Wide-Web (WWW), HTML-Dokumente und Links im Internet
Eckart Modrow Kurzübersicht HTML S. 1 Das World-Wide-Web (WWW), HTML-Dokumente und Links im Internet 1. Das Internet Das Internet besteht aus sehr vielen Computern, die untereinander durch unterschiedliche
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.
1 Frames und Tabellen... 3 2 E-Mail mit HTML... 9 3 E-Mail mit PHP...10 4 Cookies...15
Inhalt Kapitel 6: Frames und Tabellen 1 Frames und Tabellen... 3 2... 9 3 E-Mail mit PHP...10 4 Cookies...15 Wiederholungsfragen zu... 8 Wiederholungsfragen zu 6.2-6.3...15 Wiederholungsfragen zu 6.4...16
Internet und WWW. 2 HTML und CSS [WEB2] Rolf Dornberger. Prof. Dr. Rolf Dornberger Internet und WWW: 2 HTML und CSS [WEB2]
![Internet und WWW. 2 HTML und CSS [WEB2] Rolf Dornberger. Prof. Dr. Rolf Dornberger Internet und WWW: 2 HTML und CSS [WEB2]](/thumbs/33/16322069.jpg "Internet und WWW. 2 HTML und CSS [WEB2] Rolf Dornberger. Prof. Dr. Rolf Dornberger Internet und WWW: 2 HTML und CSS [WEB2]")
Internet und WWW 2 HTML und CSS [WEB2] Rolf Dornberger 1 07-01-30 2 HTML und CSS 2.1 HTML-Grundlagen 2.1.1 HTML-Struktur 2.1.2 HTML-Literatur 2.1.3 HTML-Editoren 2.2 Textstrukturierung mit HTML und CSS
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
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
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,
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
Redaktionelle Richtlinien zur Erstellung barrierefreier Websites mit Universum Webcom Content 2.5
Redaktionelle Richtlinien zur Erstellung barrierefreier Websites mit 1. Einführung Alle Internet Portale des öffentlichen Sektors sollten den Richtlinien der BITV (Barrierefreie Informationstechnik Verordnung)
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
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 $ %!&'(
Informatik Grundlagen HTML Hypertext markup language
Herbstsemester 2010/2011 Informatik Grundlagen HTML Hypertext markup language Wirtschaftsingenieur: 1. Semester Dozent: Martin Hüsler Fachhochschule Nordwestschweiz FHNW / Martin Hüsler 1 HTML Grundlagen
Weiter zum Inhaltsverzeichnis
Weiter zum Inhaltsverzeichnis Deckblatt Thema Kapitel Grundlagen... 0 HTML und was damit zusammenhängt Was ist HTML?, Wozu HTML? Grundbegriffe... 1-3 Tags... Liste Absätze, Zeilenumbrüche, Leerzeichen...
M i t t w o c h, 1 7. J u l i 2 0 1 3
M i t t w o c h, 1 7. J u l i 2 0 1 3 M a n k a n n s e i n e M e i n u n g j a m a l r e v i d i e r e n! J a h r 2 0 1 3 : F r i e d r i c h f o r d e r t D e u t s c h e z u m e h r D a t e n s c h
Einführung in HTML. Das http (Hyper Text Transfer Protocol) dient der Übertragung der www-seiten.
Einführung in HTML 1. HTML-Dokument 1.1 Die ersten Schritte Das http (Hyper Text Transfer Protocol) dient der Übertragung der www-seiten. HTML- Hyper Text Markup Language. Mit HTML wird weniger das Layout
GRUNDLAGEN zu HTML. Quelltext. Darstellung im Browser. Befehlsübersicht unter: http://de.selfhtml.org/ http://www.wien4matik.at/ 1
GRUNDLAGEN zu HTML Quelltext Darstellung im Browser Befehlsübersicht unter: http://de.selfhtml.org/ http://www.wien4matik.at/ 1 INHALTSVERZEICHNIS 1. Was ist HTML?... 3 2. HTML-TAG... 3 3. Anfangs- und
Ergänzungen zum HTML - Grundkurs
Ergänzungen zum HTML - Grundkurs Ein HTML - Dokument besteht grundsätzlich aus zwei Teilen; HEADER (Kopf, enthält allg. Angaben zu Titel und ähnlich) BODY (Körper, enthält den eigentlichen Text mit Überschriften,
Die Bilder in diesen Folien sind urheberrechtlich geschützt. Medientechnik. Hypertext Markup Language
Die Bilder in diesen Folien sind urheberrechtlich geschützt. Medientechnik Hypertext Markup Language About Daniel Mies Computervisualisitik, Diplom E-Mail: ugotit@uni-koblenz.de Folien & more: http://uni.ugotit.de
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
C:\~Temp\Rolf\GaM\anfrageauftritt.php Sonntag, 26. Januar 2014 08:41
/* Formular Stylesheet */ body, textarea, table { font-family: Verdana,
Informatik Programmierung. Sommersemester 2015. Kontakt: malte.wattenberg@t-online.de Telefon: 0163 68 60 877
Informatik Programmierung Sommersemester 2015 Kontakt: Email: malte.wattenberg@t-online.de Telefon: 0163 68 60 877 Malte Wattenberg Informatik Programmierung SS2015 1 Vorstellung Das bin ich Kontakt: malte.wattenberg@t-online.de
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
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,
<P>Hallo! Dies ist ein nicht gerade wichtiges Dokument. Es enthält vor allem keine herausragende <EM>dichterische</EM> Leistung,
Internet-AG HTML Grundlagen Elemente von HTML HTML steht für HyperText Markup Language, d.h. ein Textdokument, das nur druckbare Zeichen enthält und Anweisungen, sogenannte Tags, welche z.b. die Bedeutung
Internetworking Klausur SS 09 HS Furtwangen
Internetworking Klausur SS 09 HS Furtwangen Name: Matrikelnummer: Aufgabe 1 von 22 Aufgabe 2 von 16 Aufgabe 3 von 20 Aufgabe 4 von 12 Aufgabe 5 von 20 Punkte von 90 Note Die Klausur wird ohne Hilfsmittel
HTML / CSS. Hans Gell Schulungen & Dienstleistungen www.hans-gell.de. Übersicht der Schulungsinhalte
HTML / CSS Übersicht der Schulungsinhalte Grundlagen Einleitung HTML-Historie Java Script, XML, PHP, Flash Webstandards und Browser Werkzeuge und Tools UltraEdit und Dreamweaver TopStyle, Web Developer
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.
<body> <h1>testseite für HTML-Parameter-Übergabe<br>50 Parameter werden übergeben</h1>
Demo-Programme Parameterübergabe an PHP Testseite für HTML-Parameter-Übergabe (Datei get_param_test.html) testseite für
Datenbanksysteme SS 2007
Datenbanksysteme SS 2007 Frank Köster (Oliver Vornberger) Institut für Informatik Universität Osnabrück Kapitel 9d: Datenbankapplikationen Architektur einer Web-Applikation mit Servlets, JSPs und JavaBeans
Manual WordPress. Was ist WordPress?
Was ist WordPress? Seite: 1 WordPress ist ein System zur Verwaltung der Inhalte einer Website. Es bietet sich besonders zum Aufbau und Pflege eines Weblogs (Onlinetagebuch) an, da es erlaubt, jeden Beitrag
1. Bilder aus img Ordner importieren
Oxid Eshop Design - Modifikation Promoslider / Slideshow "Anythingslider" vom Azure Template integrieren im Basic Template: 1. Bilder aus img Ordner importieren 2. Slider Code in der _header.tpl einbinden
Kleine Schritte Große Wirkung Barrierefreies E-Learning?!
Kleine Schritte Große Wirkung Barrierefreies E-Learning?! TU Wien, E-Learning Zentrum 17. Jänner 2008, 15:00 17:00 DI (FH) Ortrun Gröblinger Vorstellung für die Praxis des Impulsreferats insbesondere im
4. Februar 2008 Klausur EWA
Hochschule Darmstadt fbi Fachbereich Informatik Klausur Entwicklung webbasierter Anwendungen (EWA), WS 07/08 4. Februar 2008 Klausur EWA Name Vorname Matrikelnummer Note Aufgabe max. Punkte erreichte Punkte
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
1.0 Was ist eine Webseite? 1.1 Die 5-Minuten Webseite. HTML Grundwissen Teil 1
1.0 Was ist eine Webseite? Jeder, der schon einmal im Internet "gesurft" ist, kennt bereits Webseiten. Unter einer Webseite versteht man nämlich schlicht das, was man am Bildschirm sehen kann, wenn man
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
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
HTML Spielend gelingt die Website
HTML Spielend gelingt die Website TOBIAS HAUSER CHRISTIAN WENZ HTML - PDF HTML - Spielend gelingt die Website Impressum Liebe Leserin, lieber Leser! 9 Wir legen los 11 Was ist HTML? 12 Browser 14 Editoren
Erstellen einer HTML-Seite mit eingebetteten FLASH-Animationen
Erstellen einer HTML-Seite mit eingebetteten FLASH-Animationen Hausarbeit zum Projekt ERSTELLEN DER ONLINE-VERSION EINES ARTIKELS Sommersemester 2006 Friedrich-Schiller-Universität Jena vorgelegt von Christiane
Hypertext Markup Language (HTML) Stefan Rothe, Thomas Jampen
Hypertext Markup Language (HTML) Stefan Rothe, Thomas Jampen 2013 09 13 Rechtliche Hinweise Dieses Werk von Stefan Rothe steht unter einer Attribution-NonCommercial-ShareAlike 3.0 License. Zudem verzichtet
Ü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
1. Seminar Multimediale Werkzeuge Sommersemester 2011
1. Seminar Multimediale Werkzeuge Sommersemester 2011 Marco Niehaus marco.niehaus@tu-ilmenau.de 12.04.2011 Page 1 Organisatorisches Terminplanung? Übungs- & Hausaufgaben Gehen zu 30 % in die Endnote ein
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
Inhaltsverzeichnis. Florian Bauer HTML Seite 2 von 10
HTML Inhaltsverzeichnis HTML Grundlagen... 3 Was ist HTML... 3 URL... 3 HTTP... 3 WWW Funktionsweise... 3 HTML Grundgerüst... 4 Grobes Grundgerüst... 4 Feines Grundgerüst... 4 HTML-Elemente... 5 Tags...
Anlagen 84. Anlage 1: HTML-Seiten und HTML-Seiten mit integrierten PHP3 Scripts zu Web-Anbindung der Datenbanken der Metadaten
Anlagen 84 8 Anlagen Anlage 1: HTML-Seiten und HTML-Seiten mit integrierten PHP3 Scripts zu Web-Anbindung der Datenbanken der Metadaten 1. + 2. Datei: Eingabe der Daten durch Doktoranden 3., 4., 5., +
Richtlinien für das Design der KML Webseite. KML TP2, Informationsdienste
Richtlinien für das Design der KML Webseite KML TP2, Informationsdienste Inhaltsverzeichnis 1. Einleitung...1 2. Textgestaltung...1 2.1. Absätze...1 2.2. Überschriften...2 2.3. Grafiken...2 3. Besondere
YAML-Templates in TYPOlight
YAML-Templates in TYPOlight Templateerstellung mit dem YAML CSS-Framework Helmut Schottmüller, TYPOlight User-Treffen 2008 Motivation Meine Website sieht in jedem Browser anders aus... Ich möchte ein flexibles
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!DOCTYPE HTML> <html> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
Einführungskurs HTML-CSS ohne Buch Von Norbert Willimsky Stand: 01.11.2015
Einführungskurs HTML-CSS ohne Buch Von Stand: 01.11.2015 Inhalt Grundlegendes... 2 Einführung in HTML... 4 Übung1: HTML und einfaches CSS anwenden... 5 Einführung in CSS... 6 Übung2: CSS anwenden... 8
Einführung HTML Quellcode
Einführung HTML Quellcode Engler, Markus und Winiarski, Ingo 2 0. Inhaltsverzeichnis 0. INHALTSVERZEICHNIS...3 1. HTML FÜR ANFÄNGER...4 1.1 EINLEITUNG...4 1.2 WAS IST HTML?...4 1.3 HTML-DATEIEN ERSTELLEN...5
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
Spreed Call Button. Kurzanleitung. 1 Übersicht...2. 2 Auswahl bzw. Erstellen einer Button-Grafik...2. 3 Konfiguration des Spreed Call Button...
Kurzanleitung Spreed Call Button Konfiguration und Integration in Ihre Webseite 1 Übersicht...2 2 Auswahl bzw. Erstellen einer Button-Grafik...2 3 Konfiguration des Spreed Call Button...2 3.1 Sprache und
Search Engine Friendly Design Für Content-Provider
Search Engine Friendly Design Für Content-Provider Daniel Herndler Daniel Herndler Daniel Herndler aus Salzburg, Österreich seit 2010 im Bereich SEM seit 2011 SEO bei ncm mit Schwerpunkt Tourismus +DanielHerndler
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
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 , , , , , , , , ,
D ie Z ukunft m it H TM L5
D ie Z ukunft m it H TM L5 Folien unter http://www.w3c.de/events/2009/webtech-html5/sasaki-webtech09-html5.pdf 1 HTML5-Beispiele getestet mit Firefox 3.5.3 2 Sprecher Hauptschwerpunkte Mehrsprachige Daten
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...
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML (Fortsetzung) Allgemeines Textstrukturierung
Doing Web Apps. Übungen 1
Vorbereitung 1 / 5 Doing Web Apps Übungen 1 Vorbereitung Konfigurieren Sie Ihren Windows-Explorer so, dass Datei-Endungen wie.exe,.jpg,.gif,.html, etc. sichtbar werden. Erstellen Sie einen Ordner, in dem