2. Webapplikationen. Webzugang. Präsentation. Geschäftslogik. Browser. Datenhaltung. JSP, Servlets, ASP, PHP. HTML + JavaScript? +Java Applets?
|
|
- Elsa Kerner
- vor 6 Jahren
- Abrufe
Transkript
1 1 2. Webapplikationen Web Client Präsentation HTML + JavaScript? +Java Applets? Browser Cookies HTTP mit HTML+Cookies HTTP mit Formularinhalt und Cookie Server Webzugang JSP, Servlets, ASP, PHP Geschäftslogik EJB, PHP,... ggf. JDBC Datenhaltung RDBMS
2 2 2.1 HTML Markup -Sprache zur Beschreibung von Struktur ( Tags), Inhalt und ggf. Layout einer Webseite bietet u.a.: Text, Listen, Tabellen, Verweise, Bilder, Frames, Formulare für jede HTML-Version eigene vordefinierte Dokumenten-Typ-Definition (DTD) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> Aufbau eines HTML-Dokuments: ASCII-Datei mit Inhalt, Tags und Meta-Informationen u.a. für Suchmaschinen Meta-Informationen: Autor, Schlüsselworte, verwendeter Editor, Klassifikation WYSIWYG-Webseiten-Tool (z.b. Frontpage) setzt Tags automatisch ein
3 Die wichtigsten Tags Beispiele siehe Web-Seite Tagname Funktion <HTML>... </HTML> deklariert eine HTML-Seite <HEAD>... </HEAD> enthält den Kopf der HTML-Seite <TITLE>... </TITLE> definiert den Titel der Seite <BODY>... </BODY> enthält den Körper der HTML-Seite <Hn>... </Hn> definiert eine Überschrift der Ebene n <B>... </B> setzt... in Fett-Schrift <I>... </I> setzt... in Kursiv-Schrift <UL>... </UL> bzw. beschränkt eine ungeordnete Liste, <OL>... </OL> bzw. eine nummerierte Liste <LI> Beginn eines Listeneintrags <BR> erzwingt eine neue Zeile <P> beginnt einen neuen Absatz <HR> fügt eine horizontale Linie ein <PRE>... </PRE> vorformatierter Text; wird nicht umformatiert <IMG SRC= Adresse > lädt ein Bild <A HREF= URL >... </A> fügt einen Link mit der Beschreibung... ein <! > Kommentar
4 Cascading Style Sheets (CSS) Layout-Eigenschaften werden durch Tags festgelegt, z.b. <H2 ALIGN=center><FONT COLOR=red>Einleitung</FONT></H2> um diese nicht bei jedem Textelement wiederholen zu müssen, können Style-Sheets festgelegt werden, z.b. H2 {text-align: center; color: red} festlegbare Eigenschaften: Farbe, Font-Familie, Font-Stil (z.b. italic), Font- Größe, Zeichenabstand, Wortabstand, Text-Dekoration (z.b. underline, blink), horizontale und vertikale Ausrichtung und Einrückung, Hintergrund-Farbe bzw. -Bild usw.
5 5 Style-Sheets werden eingebunden über: 1) <LINK>-Tag im Head-Teil eines Dokuments <LINK REL=StyleSheet HREF="style.css" TYPE="text/css"> z.b. <STYLE TYPE="text/css"> url( </STYLE>
6 6 3) Einbettung des Styles in das Dokument, z.b. <STYLE TYPE="text/css"> <!-- H2 {text-align: center; color: red} H3 {text-align: left; color: blue} --> </STYLE> 4) Inlining: schlecht, da keine Trennnung von Dokument und Layout, Bsp.: <H2 STYLE="color: red; text-align: center">einleitung</h2> bei widersprüchlichen Styles zählt die speziellere Festlegung stärker (Tag > 4) > 3) > 2) > 1) > Browser-Einstellung)
7 Formulare erlauben die interaktive Zusammenstellung von Informationen zur Übermittlung an einen Webserver Teil einer Web-Seite
8 8 Tags in Formularen 1) Beginn und Ende eines Formulars, z.b. <FORM ACTION="/cgi-bin/script1.pl" METHOD="GET">... </FORM> ACTION-Attribut definiert URL des Verarbeitungsprogramms METHOD-Attribut bestimmt Methode der Übertragung an den Server: GET: Eingaben werden als Teil der URL übertragen Zugriff aus CGI-Skript über Umgebungsvariablen QUERY STRING und/oder PATH INFO POST: Eingaben in Payload übertragen und über Standardeingabe an CGI- Skript geleitet
9 9 2) Text- und Passwort-Eingabe <INPUT TYPE=text" NAME="Kunde"> <INPUT TYPE=password" NAME="passwd"> 2) Knöpfe <INPUT TYPE="submit" VALUE="Abschicken"> <INPUT TYPE="image" SRC="bild.gif"> <INPUT TYPE="reset" VALUE="Formular löschen"> 3) Radio-Knöpfe und Ankreuzfelder <INPUT TYPE="radio" NAME="zahlungsmittel" VALUE="bar"> <INPUT TYPE="checkbox" NAME="mit Abendessen">
10 10 4) Menüs und Scroll-Listen <SELECT NAME="wohnort" SIZE=1> <OPTION>Telgte <OPTION>Greven </SELECT> bei SIZE > 1: Scroll-Liste (ggfs. MULTIPLE) 5) Textfelder <TEXTAREA ROWS=5 COLS=20 NAME="bemerkung"> </TEXTAREA> 6) Datei (mit Browser) auswählen und an Server schicken <INPUT TYPE="file" SIZE=20> Beispiele siehe Webseite
11 Cookies sind kurze Informationen, die der Client einer Seite zuordnet und lokal speichert (mit Verfallsdatum) verleihen dem Browser ein Gedächtnis z.b.: beim erneuten Besuch einer Web-Seite brauchen Informationen nicht neu eingegeben zu werden werden in HTTP-Nachricht an den Server mitübertragen werden bei der Übertragung i.allg. nicht geschützt
12 12 Bestandteile eines Cookies Domäne: erzeugender Webserver ( 20 Cookies pro Client und Domäne) Pfad im Dateibaum des Servers mit Programmen, die Cookie verwenden dürfen sicher?: wenn ja: Cookie wird nur an sicheren Server weitergegeben bei Ablauf der gültig-bis -Zeit wird Cookie gelöscht entsprechendes Überschreiben erzwingt Löschen Anwendung: z.b. Warenkorb, benutzerbezogene Informationsaufbereitung, CRM (Benutzerprofile), Log-in-Informationen
13 Java-Applets 2.2 Client-seitige Programmlogik Applet-Tag wird eingebunden in Web-Seite das zugehörige Applet (d.h. eingeschränkte Java-Programmstück) wird vom Server geladen und beim Client ausgeführt ohne Einschränkungen könnten Applets beim Client Schäden anrichten daher: Java-Byte-Code wird von der abstrakten Maschine JVM interpretiert unsichere Operationen werden hierbei abgefangen (z.b. keine Festplattenzugriffe, Kommunikation nur mit dem Server) Applets erweitern Web-Seiten um die Ausdruckskraft einer Programmiersprache (insbesondere auch: Grafik, Audio)
14 JavaScript von Netscape entwickelte Skriptsprache typischer Einsatz in Web-Seiten Java-ähnliche Syntax JavaScript-Programmstücke werden vom Browser beim Client ausgeführt erlaubt Interaktion zwischen Web-Seite und Benutzer ohne Rückgriff auf den Server
15 15 Skripte können: Formulare validieren html-seiten generieren die Browserumgebung ändern (Farbe,... ) html-dokumente laden Web-Seiten Benutzer- bzw. Umgebungs-abhängig aufbereiten mit Java (sowie VRML und Plug-ins) interagieren (LiveConnect) Beispiele siehe Web-Seite
16 16 Was kann JavaScript nicht? lokale Dateien lesen oder schreiben Netzwerk-Operationen (außer Web-Seiten laden) Multithreading
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
MehrComputergrundlagen HTML Hypertext Markup Language
Computergrundlagen HTML Hypertext Markup Language Axel Arnold Institut für Computerphysik Universität Stuttgart Wintersemester 2014/15 Ausgabemedien und Beschreibungssprachen Papier: L A T E X feste Seitengröße
MehrPHP & HTML. Kurzeinstieg HTML. Zellescher Weg 12 Willers-Bau A109 Tel Michael Kluge
Zentrum für Informationsdienste und Hochleistungsrechnen (ZIH) PHP & HTML Kurzeinstieg HTML Zellescher Weg 12 Willers-Bau A109 Tel. +49 351-463 - 32424 Michael Kluge (michael.kluge@tu-dresden.de) HTML
MehrInformatik 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.
MehrAnwendersoftware. Thema 7 Dialoggestaltung mit HTML-Formularen. Sommersemester Dr. Henry Herper
Anwendersoftware Thema 7 Dialoggestaltung mit HTML-Formularen Sommersemester 2016 - Dr. Henry Herper HTML - Formulare Formulare bieten die Möglichkeit, innerhalb einer HTML-Seite Daten zu erfassen und
Mehr<form name= test action= test.php method= get autocomplete= on > </form> <form name= test action= test.php method= post autocomplete= on > </form>
WEBFORMULARE Nutzung von Formularen Suchbegriffe eingeben Benutzerdaten übertragen (Anschrift, Bankverbindung) Waren in Webshop bestellen Kommunikation über Gästebücher, Blogs, Chats Was wird benötigt?
MehrE-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
MehrDiese neuen Gestaltungsmöglichkeiten können nun auf den Web-Anzeigenmarkt angewandt werden: Wissensbaustein»Anzeigenmarkt: CSS-Einsatz«(S.
128 5XHTML&CSS* Wissensbaustein»CSS: ID-Attribut«(S. 180) Wissensbaustein»CSS: Umrandungen«(S. 182) Wissensbaustein»CSS: Füllungen & Abstände«(S. 185) Wissensbaustein»CSS: Pseudo-Klassen & -Elemente«(S.
MehrErstellen von Web-Seiten HTML und mehr...
Erstellen von Web-Seiten HTML und mehr... SS 2002 Duffner: Interaktive Web-Seiten 1 Themen! Was ist das WWW?! Client-Server-Konzept! URL! Protokolle und Dienste! HTML! HTML-Editoren! Ergänzungen und Alternativen
MehrVWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 5 Formulare
VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung 5 Formulare SS 2004 Inhaltsverzeichnis 1. Formulare - Datenaustausch mit dem Anwender...1 1.1. Formulare - Die Syntax...1 1.1.1.
MehrPraktikum im Grundstudium
Praktikum im Grundstudium Teil 3: Formulare und PHP XHTML-Formulare Interaktivität wesentlich für Erfolg des WWW Suchmaschinen E-Commerce Weblogs Formulare werden über XHTML-Elemente erzeugt Verarbeitung
Mehr12. 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 $ %!&'(
MehrW7 Projekt im Zusammenhang Gästebuch
7 Projekt im Zusammenhang Gästebuch ES-7.1 Aufgabe: eb-seite mit einem kleinen Gästebuch; fordert eb-surfer auf, etwas einzutragen; speichert die Einträge und zeigt alle an, die bisher gemacht wurden.
MehrHTML Scripting. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 06. Dezember 2017
Informatik 1 für Nebenfachstudierende Grundmodul HTML Scripting Kai-Steffen Hielscher Folienversion: 06. Dezember 2017 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel 2 - HTML
MehrDie Programmiersprache des Webs. HTML HyperText Markup Language Hypertext - Auszeichnungssprache
Was ist HTML? Die Programmiersprache des Webs HTML HyperText Markup Language Hypertext - Auszeichnungssprache Dateiname Man muss Groß/Kleinschreibung beachten Leerzeichen ist nicht erlaubt Umlaute wie
MehrCSS - 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
MehrFormular mit Radio-Buttons
Formular mit Radio-Buttons Auswahlelemente erleichtern dem Benutzer die Bedienung. Dadurch verringert sich gleichzeitig die Möglichkeit, Fehler bei der Eingabe zu machen. Innerhalb der ersten Gruppe kann
MehrKlausur im Modul: Softwaretechnik (SWT) - WEB
Fachbereich Betriebswirtschaft Bachelor Information Management Klausur im Modul: Softwaretechnik (SWT) - WEB Dipl.-Ing. Klaus Knopper 5.1.2017 Hinweis: Bitte schreiben Sie auf das Deckblatt und auf jede
MehrWeb-basierte Anwendungssysteme PHP Teil 2
Web-basierte Anwendungssysteme PHP Teil 2 Prof. Dr. Armin Lehmann (lehmann@e-technik.org) Fachbereich 2 Informatik und Ingenieurwissenschaften Wissen durch Praxis stärkt Seite 1 Prof. Dr. Armin Lehmann
MehrGrundlagen zu HTML. Vortrag im Rahmen der BTK-Vorlesung von Herrn Professor Kärger
Grundlagen zu HTML Vortrag im Rahmen der BTK-Vorlesung von Herrn Professor Kärger Folie: 1 Gliederung Folie: 2 Was ist HTML Die Sprache HTML Aufbau von HTML-Tags Das HTML-Grundgerüst Hintergrundformatierungen
MehrEine Schnelleinführung in CSS
Eine Schnelleinführung in CSS Michael Dienert 11. September 2013 Inhaltsverzeichnis 1 Was ist CSS? 1 2 Verwenden der CSS-Stylesheets 2 3 Struktur eines CSS-Stylesheets 2 4 Selektoren im Detail 3 4.1 Verwandschaftsbeziehungen:
MehrVorlesung: Web Engineering. Kurs: TINF17A / TINF17B. Datum:
1 Vorlesung: Kurs: Datum: Web Engineering TINF17A / TINF17B 16.10.2018 2 Agenda zu HTML Formulare - Grundlagen (Übertragung von Daten) Formulare - Ein Kontaktformular Formulare - Die URL bei der GET-Methode
MehrW7 Projekt im Zusammenhang Gästebuch
7 Projekt im Zusammenhang Gästebuch ES-7.1 Aufgabe: eb-seite mit einem kleinen Gästebuch; fordert eb-surfer auf, etwas einzutragen; speichert die Einträge und zeigt alle an, die bisher gemacht wurden.
MehrInternet-Technologien
Internet-Technologien PHP Workshop Bau eines Gästebuches Bisher: Heute: Clientseitiges Skripting (Bsp.: JavaScript) Ausführung von Programm-Code auf dem Client-Rechner Entlastung des Server-Rechners ++
Mehr2. HTML. Vorlesung und Übung Dr. Peter Pfahler Institut für Informatik Universität Paderborn. Das Umfeld dynamischer Web-Anwendungen 2-2
Vorlesung und Übung Dr. Peter Pfahler Institut für Informatik Universität Paderborn 2 2. HTML Das Umfeld dynamischer Web-Anwendungen 2-2 Geschichte Tim Berners Lee Erfinder des World Wide Web 1989 Jetzt
MehrEntwicklung einer Webseite zur Verwaltung von Prüfungsterminen
Staatliche Fachschule für Mechatronik- und Elektrotechnik Entwicklung einer Webseite zur Verwaltung von Prüfungsterminen von Voit Alexander 3. Januar 2018 Entwicklungsarbeit Staatliche Fachschule für Mechatronik-
MehrHTML5 & SCC3. PC-Treff-BB VHS Aidlingen. Lothar R. Krukowski. Ein Überblick
HTML5 & SCC3 Ein Überblick 13.10.201 Agenda Neue Strategie HTML5 CSS3 Besonderheiten Anwendungen Beispiele - ( how to start? ) Literatur Neue Strategie Letzte Version von HTML und CSS HTML5 Erstellen der
MehrJSP Usereingabe. Inhalt. 1 Zielsetzung. SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 2
JSP Usereingabe SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 2 Inhalt 1 Zielsetzung... 1 2 Formulardaten bei dynamischen Webseiten... 2 2.1 Formulare mit HTML kreieren... 2 Formulare können einfach mit
MehrGrundlagen Internet-Technologien. Serverseitige Web-Programmierung mit CGI, Teil II: Perl im Web Version 1.11
Serverseitige Web-Programmierung mit CGI, Teil II: Perl im Web Version 1.11 31.5.2010 1 aktuelles twitter: Mikroblogging seit 2006 typischer Dienst für Web 2.0 eigene twitter-api Nutzung in Massenmedien,
Mehrjquery 2 1 / 5 Doing Web Apps jquery 2 Letzte Änderung: Version: 1.1
1 / 5 Doing Web Apps jquery 2 Autor: Rüdiger Marwein Letzte Änderung: 2014-11-07 Version: 1.1 Dieses Dokument darf mit Nennung des Autoren - frei vervielfältigt, verändert und weitergegeben werden. Der
MehrWebtechnologien Teil 3: Hypertext Markup Language II
Webtechnologien Teil 3: Hypertext Markup Language II 08.04.18 1 Links [3-01] http://www.diam.unige.it/informatica/documentazione/httpd_docs/docs/ tutorials/imagemapping.html [3-02] http://www.tip.net.au/tip/info/imagemap.html
MehrWebdesign-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
MehrHTML. HyperText Markup Language. von Nico Merzbach
HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,
MehrHTML und CSS. Eine kurze Einführung
HTML und CSS Eine kurze Einführung Begriff Markup Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu Markup-Languge (ML) = Auszeichnungssprache Beispiele a) das Wort wird fett
Mehr7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen
1 7 Tabellen - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen 7.1 Erstellen einer Tabelle Syntax: Inhalt1 Inhalt2 Kommentar
Mehr1. Übung IT-Management HTML, CSS und JavaScript Teil 2. Einführung, , PC Pool
1. Übung IT-Management HTML, CSS und JavaScript Teil 2 Einführung, 26.04.2017, PC Pool Stand und Ausblick Einführung: 26.04.2017, 16.00 Uhr (c.t.), PC Pool Übung: 03.05.2017, 16.00 Uhr, PC Pool Übung:
MehrGeschäftsprozesse Benutzerschnittstelle
Geschäftsprozesse Benutzerschnittstelle Prof. Dr. Volker Klingspor AW 01-30 Homepage: http://www.fh-bochum.de/fbw/personen/klingspor.html Downloads: http://www.fh-bochum.de/fbw/personen/klingspor/downloads.html
MehrAllgemeine 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
MehrPerl-Praxis. CGI-Skripte. Madis Rumming, Jan Krüger.
Perl-Praxis CGI-Skripte Madis Rumming, Jan Krüger {mrumming,jkrueger}@cebitec.uni-bielefeld.de Übersicht WWW, Web-Server CGI-Skripte Parameterübergabe Web-Formulare CGI.pm Perl-Praxis CGI-Skripte 2/16
MehrHypertext Markup Language (HTML)
Hypertext Markup Language (HTML) 1. Einleitung HTML steht für Hypertext Markup Language. HTML ist keine Programmiersprache. Programmierung im Web erfordert zusätliche Hilfmittel. HTML besteht aus sogenannten
Mehr<html> <head> <title> Die Welt der Bäume </title> </head> <body> Hier ensteht eine Seite über Bäume. </body> </html> Abb. 2
Dieser html-kurs soll die Informatik-SchülerInnen meines Info-Kurses auf den Info-Quali vorbereiten. Das Werkzeug html soll einen in die Lage versetzten, die Programmierung von Web-Seiten zu verstehen
Mehr"Die HTML-PHP-Schnittstelle -- Ein- und Ausgabe der Daten"
Mini-Workshop "Die HTML-PHP-Schnittstelle -- Ein- und Ausgabe der Daten" Dirk Wiebel 28.07.03 1. HTML-Grundlagen SGML-basierte Formatiersprache (HyperText Markup Language) Basiert auf Tags und Attributen
MehrGrundlagen. Wie sind PHP-Dateien aufgebaut?
Grundlagen PHP und MySQL PHP läuft serverseitig!! Wie sind PHP-Dateien aufgebaut? PHP-Dateien fangen mit an und hören mit auf. Sie müssen die Dateiendung *.php haben echo "So könnte eine Datei aussehen\n";
MehrSchiller-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
MehrV by WBR1/BFH-TI 2011 by MOU2/BFH-TI
Java-Applets Unterlagen zum Modul OOP mit Java V 3.0 2007 by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets V3.0 2011 by WBR1&MOU2/BFH- TI Lernziele Die Kursteilnehmer sind in der Lage: Möglichkeiten und
MehrHTML - 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
MehrCSS - Cascading Style Sheets
CSS - Cascading Style Sheets HTML ist die Struktur, CSS ist das Design Eigenschaften von CSS: Definitionssprache zur Festlegung von Formateigenschaften von HTML-Elementen und/oder ganzer Seiten für unterschiedliche
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 1 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur
MehrHTML 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:
MehrHTML Tutorial Part I - Einführung und erste Texte schreiben
HTML Tutorial Part I - Einführung und erste Texte schreiben Hallo und Herzlich Willkommen auf meiner Seite. Hier dreht sich alles um das Thema HTLML Programmierung. Das ganze beginnt bei den einfachsten
MehrEinfü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
MehrGrundaufbau 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
MehrWir studieren HTML-Tags
Abb. 1: Word-Dokument Abb. 2: Das Dokument aus Abb. 1 mit einem Editor betrachtet Wir studieren HTML-Tags Wenn man ein Word-Dokument wie in Abb. 1 mit einem Editor anschaut, erkennt man den Quelltext des
MehrPHP Formulare. Stefan Maihack Dipl. Ing. (FH) Datum: 22.05.2014
PHP Formulare Stefan Maihack Dipl. Ing. (FH) Datum: 22.05.2014 1 Formularverarbeitung Durch Formulare werden Webseiten interaktiv. Durch Formulare können Daten an den Webserver geschickt werden, um sie
MehrHTML 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
MehrWebdesign-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
MehrInformation und ihre Darstellung: XHTML & CSS
Information und ihre Darstellung: XHTML & CSS PL Speyer Daniel Jonietz 2011 XHTML Extensible Hypertext Markup Language Unter besonderer Berücksichtigung von XHTML 1.1. Was ist XHTML? Textbasierte Auszeichnungssprache
MehrInternet. HTML Programmierung Grundlagen HTML Programmierung für Fortgeschrittene CGI Programmierung PHP Programmierung Programmieren mit JavaScript
Internet Internet HTML Programmierung Grundlagen HTML Programmierung für Fortgeschrittene CGI Programmierung PHP Programmierung Programmieren mit JavaScript neu Impressum Herausgeber: LogIn S&C Gesellschaft
MehrKlausur: Internet-Technologien
Klausur: Internet-Technologien A0.01, B6 26. September 2003 Name: Vorname: Matrikelnummer: Studiengang: Lfd.Nr.: Sitz-Nr.: Hinweise zur Bearbeitung a. Die Klausur besteht aus 9 Aufgaben, für die insgesamt
MehrInhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10
CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...
MehrDr. Thomas Meinike
Dr. Thomas Meinike thomas.meinike@et.fh-merseburg.de Fachhochschule Merseburg Fachbereich Elektrotechnik Studiengang Kommunikation und Technische Dokumentation Überblick Streifzug durch 10 Jahre Web Was
MehrHTML-Grundlagen. Die Layout- und Formatierungsanweisungen heißen Tags, z.b.
HTML-Grundlagen HTML (Hypertext Markup Language) -Dokumente sind einfache Textdateien, die neben dem eigentlichen Text zusätzliche Anweisungen enthalten, wie das Dokument von einem Browser auf dem Bildschirm
MehrVorwort. Tag 1 Von der Idee zum eigenen Web. Tag 2 Am Anfang war... HTML
Vorwort Tag 1 Von der Idee zum eigenen Web 1.1 Idee und Design 1.2 Aufsetzen des Codes - der HTML-Editor 1.3 Webseiten im Browser testen 1.4 Testen auf einem lokalen Webserver 1.5 Der Schritt in die Öffentlichkeit
MehrPHP MySQL - myphpadmin Formulardaten in eine Datenbank speichern
PHP MySQL - myphpadmin Formulardaten in eine Datenbank speichern Datenbanken werden durch ein spezielles Programm verwaltet, einen sogenannten Datenbankserver, in unserem Fall den MySQL-Datenbankserver.
MehrRobert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM
Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM Vorwort 13 Einleitung 14 Arbeitsschritte 14 Wichtige Stellen im Buch 14 Buffi-Infokästen 14 Aufgaben 15 Wohin mit den Übungen? 15 HTML-Ordner
Mehr1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...
CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...
MehrWebanwendungen mit Java und JavaServerPages
Webanwendungen mit Java und JavaServerPages ohne JS und ohne Framework Michael Dienert 24. Februar 2016 Inhaltsverzeichnis 1 model2 mit Netbeans und tomcat 1 1.1 Projekt anlegen.............................
MehrAllgemeine 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-,
MehrDen Code für alle Beispiele aus diesem Buch finden Sie unter.
Den Code für alle Beispiele aus diesem Buch finden Sie unter. http://www.htmlandcssbook.com/code/ so funktionieren formulare Der Benutzer füllt das Formular aus und klickt auf eine Schaltfläche, um die
MehrDML Befehl: UPDATE II
HTML HTML-Datei HTML-Datei: Textdatei, die tags enthält Die Tags zeigen dem Webbrowser an, wie die Seite anzuzeigen ist Eine HTML Datei muss eine htm oder html Endung haben Eine HTML Datei kann man mit
Mehr2. WWW-Protokolle und -Formate
2. WWW-Protokolle und -Formate Inhalt: HTTP, allgemeiner syntaktischer Aufbau Wichtige Methoden des HTTP-Protokolls Aufbau von Web-Applikationen unter Nutzung von HTTP, HTML, DOM XML, XML-DTD und XML-Schema
MehrGrundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
MehrErste 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
MehrMultimedia im Netz Wintersemester 2012/13. Übung 02
Multimedia im Netz Wintersemester 2012/13 Übung 02 Ludwig-Maximilians-Universität München Multimedia im Netz WS 2012/13 - Übung 2-1 PHP-Server im CIP-Pool php.cip.ifi.lmu.de Zugriff nur im Institutsnetz,
MehrTitle-Tag. Titel des HTML-Dokuments. Keywordhäufigkeit im Titel. Keyworddichte im Titel. Position des Keywords im Titel 1/9
URL: http://www.schmela-angelshop.de/...line-fliegenruten/ Primäres Keyword/Phrase: Fliegenruten Keywords: Fliegenruten, Fliegenrute, Flyrod, Fliegenfischen Title-Tag Titel des HTML-Dokuments Gibt es einen
MehrDOKUMENTATION. CaptchaAd mit Java. Entpacken und Hochladen. Die Schritte zur Integration des CaptchaAd-Modul im Einzelnen. Informationen von CaptchaAd
CaptchaAd mit Java Stand: 24. September 2012 Damit die Integration von CaptchaAd Ihnen noch leichter fällt, haben wir die notwendigen Schritte in diesem Leitfaden zusammen gefasst. Mit etwas Programmierkenntnissen
Mehr01 Einführung in PHP. Einführung in PHP 1/13 PHP in Aktion
01 Einführung in PHP Einführung in PHP 1/13 PHP in Aktion PHP ist eine Programmiersprache, die ganz verschiedene Dinge tun kann: von einem Browser gesendete Formularinhalte auswerten, angepasste Webinhalte
MehrCSS. Cascading Style Sheets
CSS Cascading Style Sheets Was ist CSS? CSS... steht für Cascading Style Sheets... definiert die Darstellung (Farben, Fonts,... ) von (HTML) Dokumenten auf Web-Seiten.... spart viel Aufwand, da Format-Regeln
MehrMeine 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
MehrInhaltsverzeichnis. 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...
MehrEWS, WS 2016/17, Pfahler O-1
Vorlesung und Übung Universität Paderborn Wintersemester 2016/2017 Dr. Peter Pfahler Projekt Gästebuch EWS, WS 2016/17, Pfahler O-1 Projekt im Zusammenhang Aufgabe: Web-Seite mit einem einfachem Gästebuch.
Mehr<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd">
HTML Theoriefragen 1. Wofür steht die Abkürzung HTML? 2. Warum ist HTML keine Programmier sprache? 3. Wofür steht die Abkürzung DTD? 4. Beantworten Sie die Fragen zur folgenden DTD:
MehrKommunikationsnetze. 7. Das World Wide Web 7.4 Client- vs. Server-basierte Techniken für dynamische Webseiten
Kommunikationsnetze 7.4 Client- vs. Server-basierte Techniken für dynamische Webseiten Gliederung 1. Einführung 2. Server-basierte Techniken 3. Client-basierte techniken Literatur: A. S. Tanenbaum, Computer
MehrWebdesign 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.
MehrPython CGI-Skripte erstellen
Python CGI-Skripte erstellen CGI (Common Gateway Interface)... ist eine Schnittstelle, um Scripte im Web bereitzustellen. ist eine Schnittstelle zwischen einem HTTP-Server und ausführbaren Programmen.
MehrPerl-Praxis. CGI-Skripte. Jörn Clausen
Perl-Praxis CGI-Skripte Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht WWW, Web-Server CGI-Skripte Parameterübergabe Web-Formulare CGI.pm Perl-Praxis CGI-Skripte 2/22 Datenaustausch im WWW Request
MehrHTML. Hypertext Markup Language
HTML Hypertext Markup Language Begriff Markup Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu Markup-Languge (ML) = Auszeichnungssprache Beispiele a) das Wort wird fett
MehrPublizieren 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
MehrWebbasierte Informationssysteme
SS 2004 Prof. Dr. Stefan Böttcher Universität Paderborn - SS 2004 - Prof. Dr. Stefan Böttcher Folie 1 Beispiel: Web-Shop??? Applikation Software Hardware Client Web-Shop,... Web-Browser mit Applet,...
MehrGrundlagen Internet-Technologien INF3171
Fachbereich Informatik Informationsdienste Grundlagen Internet-Technologien INF3171 Cookies & Sessions Version 1.0 20.06.2016 aktuelles 2 Erweiterungen wir betrachten zwei Erweiterungen: Personalisierung
MehrDigitale 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
MehrPPS-Design einer eigenen WWW-Homepage WS 2002/2003. Anforderungen an eine Webseite
PPS-Design einer eigenen WWW- Praxis III - 06.12.2002: CGI Scripts und Forms David Hausheer (hausheer@tik.ee.ethz.ch) Anforderungen an eine Webseite 1. Navigationsmechanismen Mehrere HTML Seiten sollen
Mehr! "## $ %&' ( )(&*+,,*-)- ."/ 0 1-)- , )-.)-/0 # 1%'2'0% ''.3($2 < /&' 4"=0 4 > 4% " > "*.40 = > =2?./%#
! "## $ %' ( )(*+,,*-)-."/ 0 1-)-!"#$% %'()*+ ##!"#$%, )-.)-/0 # 1%'2'0% ''.3($2 3 45%%6 78 %%%/0 #'9 73:;; < /' 4"=0 4 > 4% " > "*.40 = > =2?./%# > @A%#'7* B C /%'@A9%' 1 @= A )(2. " $%/"#4A0 '=%00'$%
MehrAnwender- dokumentation
Anwender- dokumentation Conrad wanlo, Edy Luis, Rachid Aegoudhoum 1 Inhaltsverzeichnis Inhalt... 2 Einführung... 3 Systemvoraussetzungen... 3 Browserauswahl... 3 Browserkonfiguration... 3 Konfiguration
MehrDigitale Medien. Übung
Digitale Medien Übung Pfadangaben Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL: Protokoll : / lokalernetzwerkname / Hostname : Port / Pfad http://www.mimuc.de/ http:/arbeitsgruppe/www.mimuc.de:8080
Mehr