Web-Technologien. Fachbereich AI, Web-Technologien 1

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

Download "Web-Technologien. Fachbereich AI, Web-Technologien 1"

Transkript

1 Web-Technologien Dipl.-Inf., Dipl.-Ing. (FH) Michael Wilhelm Hochschule Harz FB Automatisierung und Informatik Raum Tel / Fachbereich AI, Web-Technologien 1

2 Inhalt 1. Einleitung 2. PHP (OOP, I/O, Datenbanken) 3. ASP.net: Web-Pages 4. ASP.net: Web-Forms 5. ASP.net: MVC 6. jquery 7. Ajax 8. Java (wenn Zeit vorhanden ist) Fachbereich AI, Web-Technologien 2

3 Literatur Beginning ASP.net, WebPages with WebMatrix Mike Brind, Imar Spaanjaars ISBN: Building ASP.net, WebPages with MS WebMatrix Steve Lydford ISBN: , Apress-Verlag Fachbereich AI, Web-Technologien 3

4 Microsoft: WebPages Erlaubt dynamische Webseiten Benutzt die IDE-Webmatrix Install-Software Install-Software https://www.visualstudio.com/en-us/products/visual-studio-expressvs.aspx Visual Studio: Express 2013 for Web https://www.visualstudio.com/en-us/products/visual-studio-expressvs.aspx Tag s } Speichern reicht zum Ausführen Fachbereich AI, Web-Technologien 4

5 Dateitypen in einem Projekt CSHTML Beinhaltet die cshtml-dateien mit der Razor-Technologie HTML / XHTML Beinhaltet statische Seiten CSS Beinhaltet CSS-Dateien Class Beinhaltet eigene c#-dateien (ohne HMTL-Code) Web.Config Beinhaltet die Projekt-Ini-Datei JScript Beinhaltet externe MS-Java-Skript XML Beinhaltet Projektbezogene XML-Dateien ASPX Beinhaltet weitere Zusatzdateien (php, jsp etc.) Fachbereich AI, Web-Technologien 5

6 Ordner im Projekt App_Code Beinhaltet eigene c#-dateien (ohne HMTL-Code) App_Data Beinhaltet Projektdaten (Datenbanken, Textdateien) Bin Beinhaltet die Binärdateien des Projektes und optional die von Drittanwendern Account Beinhaltet Sicherheitsdateien (Membership-Features) Content Beinhaltet Bilder, Filme und zusätzliche CSS-Dateien Scripts Beinhaltet die JScript-Dateien Shared Beinhaltet Layout-Dateien Root Hauptordner im Projekt, ist Root im Server Fachbereich AI, Web-Technologien 6

7 Vorhandene Templates (WebMatrix) Fachbereich AI, Web-Technologien 7

8 Vorhandene Templates (WebMatrix) The Starter Site Leeres Projekt Konditorei / The Bakery Site Beispiel für ein e-commerce-projekt The Calendar Beispiel für eine Verwaltung von Terminen Persönliche Webseite Beispiel für eine Verwaltung von Terminen Fotogallerie / The Photo Gallery Beinhaltet eine Foto-Verwaltung Beinhaltet Sicherheitsmechanismen Beinhaltet Zugriff auf eine Datenbank Fachbereich AI, Web-Technologien 8

9 WebPages mit WebMatrix, Übersicht Quelle: Fachbereich AI, Web-Technologien 9

10 WebPages mit WebMatrix, 1.Beispiel "C:\Program Files (x86)\microsoft WebMatrix\WebMatrix.exe" Fachbereich AI, Web-Technologien 10

11 WebPages mit WebMatrix, 1.Beispiel Fachbereich AI, Web-Technologien 11

12 WebPages mit WebMatrix, 1.Beispiel Fachbereich AI, Web-Technologien 12

13 WebPages mit WebMatrix, 1.Beispiel Fachbereich AI, Web-Technologien 13

14 WebPages mit WebMatrix, 1.Beispiel Fachbereich AI, Web-Technologien 14

15 Fachbereich AI, Web-Technologien 15

16 WebPages mit WebMatrix, 1.Beispiel Fachbereich AI, Web-Technologien 16

17 Neue Datei/Seite: Strg+N C# HTML Fachbereich AI, Web-Technologien 17

18 Seite Page.cshtml Fachbereich AI, Web-Technologien 18

19 Seite Page.cshtml: Code-Erweiterung Fachbereich AI, Web-Technologien 19

20 Seite Page.cshtml: Code-Erweiterung Fachbereich AI, Web-Technologien 20

21 Seite Page.cshtml: Code-Erweiterung Fachbereich AI, Web-Technologien 21

22 Seite Page.cshtml: Ergebnis im Browser Fachbereich AI, Web-Technologien 22

23 Seite Page.cshtml: // Razor c# Code var currentdatetime = DateTime.Now; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>meine erste MS-Seite</title> </head> <body> <h1>meine erste MS-Seite</h1> <p>das aktuelle Datum </body> </html> Fachbereich AI, Web-Technologien 23

24 Seite Page.cshtml: Code-Erweiterung Fachbereich AI, Web-Technologien 24

25 Seite Page.cshtml: Fachbereich AI, Web-Technologien 25

26 @{ var currentdatetime = DateTime.Now; var filecontent= } <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>meine erste MS-Seite</title> </head> <body> <h1>meine erste MS-Seite</h1> <p>das aktuelle Datum </body> </html> Fachbereich AI, Web-Technologien 26

27 Fachbereich AI, Web-Technologien 27

28 Beispiel WebPages2 Fachbereich AI, Web-Technologien 28

29 Beispiel // hier Razor-Code // Working with numbers var a = 4; var b = 5; var thesum = a + b; // Working with characters (strings) var technology = "ASP.NET"; var product ="Web Pages"; } // Working with objects var rightnow = DateTime.Now; Fachbereich AI, Web-Technologien 29

30 <style> body { font-family:verdana; margin-left:50px; margin-top:50px; } div { border: 1px solid black; width:50%; margin:1.2em; padding:1em; } span.bright { color:red; } </style> Beispiel WebPages2 Fachbereich AI, Web-Technologien 30

31 </head> <body> Beispiel WebPages2 <h1>testing Razor Syntax</h1> <div> <p>the value of <em>a</em> <p>the value of <em>b</em> <p>the sum of <em>a</em> and <em>b</em> is <p>the product of <em>a</em> and <em>b</em> is </div> <div> <p>the technology and the product <p>together they are <span + " " + product)</span></p> </div> <div> <p>the current date and time <p>the URL of the current page </div> </body> </html> Fachbereich AI, Web-Technologien 31

32 Beispiel WebPages2: Anzeige im IExplorer Fachbereich AI, Web-Technologien 32

33 Beispiel WebPagesLayout Fachbereich AI, Web-Technologien 33

34 Beispiel WebPagesLayout: Struktur _PageStart _SiteLayout _Header _SiteLayout RenderBody _Footer Default / Page12 RenderBody Fachbereich AI, Web-Technologien 34

35 Beispiel WebPagesLayout: Struktur Die Seite _PageStart ist die automatische Basis eines Projektes. Dort wird das Layout der Seite definiert, _SiteLayout In _SiteLayout steht die gesamte Struktur. Für die einzelnen Abschnitte sind jeweils Render-Links, also Die Seite _Default entspricht der normalen Datei Index.html Ähnlich sind: Page1 Page2 Die aufgerufenden Seiten _Default, Page1, Page2, sind jeweils nur der BODY-Anteil. Fachbereich AI, Web-Technologien 35

36 Beispiel WebPagesLayout: Ablauf Erstellen eines neuen Projektes Name: WebPageLayout Anlegen der Ordner Shared Anklicken des Eintrags WebPageLayout im Projektexplorer Rechte Maustaste Eintrag Neue Ordner Name: Shared Anlegen der Ordner Content Anklicken des Eintrags WebPageLayout im Projektexplorer Rechte Maustaste Eintrag Neue Ordner Name: Content Fachbereich AI, Web-Technologien 36

37 Beispiel WebPagesLayout: Popupmenu, neuer Ordner Name: Shared und Content Fachbereich AI, Web-Technologien 37

38 Beispiel WebPagesLayout: Erstellen der Seiten Ordner Root Root, WebPageLayout, anklicken Strg+N CSHTML anklicken Name: _PageStart Weitere Seiten im Root _SiteLayout _SiteLayoutMobil Page1 Page2 Fachbereich AI, Web-Technologien 38

39 Beispiel WebPagesLayout: Neue Datei Ordner: Root Name: _SiteLayout.cshtml Fachbereich AI, Web-Technologien 39

40 Beispiel WebPagesLayout: Erstellen der Seiten Ordner Shared Ordner Shared anklicken Strg+N CSHTML anklicken Name: _Header Weitere Seiten im Ordner Shared _Navigator _Footer Fachbereich AI, Web-Technologien 40

41 Beispiel WebPagesLayout: Erstellen der CSS-Seite Ordner Content Ordner Content anklicken Strg+N CSS anklicken Name: StyleSheet Fachbereich AI, Web-Technologien 41

42 Aktueller Stand Fachbereich AI, Web-Technologien 42

43 Layout = "~/_SiteLayout.cshtml"; } Page.Title = "StartPage"; } <h1>hier ist die Startseite</h1> <ul> <li><a href="~/page1">1. Seite</a></li> <li><a href="~/page2">2. Seite</a></li> </ul> Fachbereich AI, Web-Technologien 43

44 _SiteLayout.cshtml (1) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link href="~/favicon.ico" rel="shortcut icon" type="image/xicon" /> <link rel="stylesheet" type="text/css"/> </head> <body> Fachbereich AI, Web-Technologien 44

45 _SiteLayout.cshtml (2) <div id="main"> <!-- oder direct <main> <div id="wrapper"> </nav> </article> </div> <!-- wrapper </div> <!-- main --> </body> </html> Fachbereich AI, Web-Technologien 45

46 _Header.cshtml <header> <h1>hier steht das Firmen-Logo</h1> </header> _Navigator.cshtml <ul> <li><a href="~/page1">1. Seite</a></li> <li><a href="~/page2">2. Seite</a></li> </ul> _Footer.cshtml <footer> Bei Fragen senden Sie bitte eine an: <a </footer> Fachbereich AI, Web-Technologien 46

47 Page.Title = "Page1"; } Page.Title = "Page2"; } Fachbereich AI, Web-Technologien 47

48 body { font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; color: #5F5F5F; } #main{ width: 900px; } header { background-color: #4B4B4B; color: white; width: 100%; font: normal 2em Tahoma; } nav { border-bottom: 2px solid #C3C4C8; float: left; width: 180px; background-color: #E8E8E8; } StyleSheet.css Fachbereich AI, Web-Technologien 48

49 nav ul{ list-style-type:none; } nav a, nav a:hover, nav a:visited { color: blue; background-color: white; text-decoration: none; text-transform: uppercase; } nav a:focus, nav a:active { color: white; background-color:blue; text-decoration:none; } header, nav, arcticle { margin: auto; } StyleSheet.css Fachbereich AI, Web-Technologien 49

50 #wrapper { padding-top: 1px; width: 100%; } article { border: 2px solid #717171; width: 700px; background-color: white; margin-left:180px; } article a, article a:hover, article a:visited { color: white; background-color: blue; text-decoration: none; text-transform: uppercase; } StyleSheet.css Fachbereich AI, Web-Technologien 50

51 article a:focus, article a:active { color: blue; background-color:white; text-decoration:none; } header, nav, arcticle { margin: auto; } nav, article { min-height: 400px; } StyleSheet.css footer { clear:both; /* Ausrichtung an die oberen Elemente */ font-size:0.9em; text-align: center; color: green; } Fachbereich AI, Web-Technologien 51

52 Eintragen des Titels mittels einer Hashtable Layout = "~/Shared/_Layout.cshtml"; Page.Title="Home"; } _Layout.cshtml <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css"/> </head> Fachbereich AI, Web-Technologien 52

53 WebPages mit WebMatrix, 4.Beispiel Formulare Post Get Überprüfung Mittels JavaSkript Auf dem Server Verwendung von HTML5 pattern required Fachbereich AI, Web-Technologien 53

54 4.Beispiel: var message = ""; var outputmessage="leer"; if(request.querystring["input"].isempty() ) { message = "Keine Nachricht übergeben"; } else { String input = Request.QueryString["input"]; message = "Eine Nachricht wurde übergeben"; outputmessage = input; } } Fachbereich AI, Web-Technologien 54

55 4.Beispiel: Page.cshtml <body> <h1>4. Web Page</h1> <form method="get"> <div> Eingabe: <input type="text" name="input" value="" size="12" /> <p><input type="submit" value="submit" /></p> Ergebnis: <input type="text" id="idoutput" size="42" /> </div> </form> </body> </html> Fachbereich AI, Web-Technologien 55

56 4.Beispiel: Page.cshtml Fachbereich AI, Web-Technologien 56

57 5.Beispiel: Addition in einem Zahlensystem Fachbereich AI, Web-Technologien 57

58 5.Beispiel: Addition in einem Zahlensystem Fachbereich AI, Web-Technologien 58

59 5.Beispiel: Ablauf Erstellen eines neuen Projektes Name: WebPageZahlen Erstellen eines neuen Ordners Name: App_Code Erstellen einer neuen Seite Name: Page1.cshtml Erstellen einer neuen CSS-Seite Name: Page1.css Erstellen einer neuen Seite Name: Page2.cshtml Erstellen einer neuen CSS-Seite Name: Page2.css Erstellen einer neuen Seite im Ordner App_code Name: Basis.cshtml Fachbereich AI, Web-Technologien 59

60 Schalter Veröffentlichung bzw. Publishing Fachbereich AI, Web-Technologien 60

61 Schalter Nach Windows-Webhosting suchen Fachbereich AI, Web-Technologien 61

62 Schalter Nach Windows-Webhosting suchen Fachbereich AI, Web-Technologien 62

63 Schalter Einstellungen eingeben Fachbereich AI, Web-Technologien 63

64 Veröffentlichung starten Fachbereich AI, Web-Technologien 64

65 Veröffentlichung starten Fachbereich AI, Web-Technologien 65

66 Veröffentlichung starten Fachbereich AI, Web-Technologien 66

67 Veröffentlichung starten Fachbereich AI, Web-Technologien 67

68 Veröffentlichung starten Fachbereich AI, Web-Technologien 68

69 Veröffentlichung starten Fachbereich AI, Web-Technologien 69

70 Veröffentlichung gestartet Fachbereich AI, Web-Technologien 70

71 Veröffentlichung gestartet Fachbereich AI, Web-Technologien 71

72 Veröffentlichung abgeschlossen Fachbereich AI, Web-Technologien 72

73 Microsoft: WebPages Zusammenfassung: Tag s } C#-Code mit.net Framework Sehr umfangreiche Framework Einfache Anbindung an Datenbanken C#-Code kann auch in HTML-Code eingetragen werden Verwendet die originalen HTML-Formulare Mit WebMatrix steht ein einfaches Tool zur Verfügung Einfach strukturiert Kein vorgefertigtes MVC vorhanden Fachbereich AI, Web-Technologien 73

74 asp.net Web Forms asp.net Web Pages asp.net MVC asp.net.net Framework Fachbereich AI, Web-Technologien 74

75 _PageStart _SiteLayout _Header _SiteLayout RenderBody _Footer Default / Page12 RenderBody Fachbereich AI, Web-Technologien 75

Einführung in die Webentwicklung

Einführung in die Webentwicklung Einführung in die Webentwicklung Mit HTML5 und CSS3 auf dem Weg zur eigenen Website Kerstin Blumenstein EXPOSEE Dieses Script beinhaltet alle in dem Kurs durchgenommenen - Teile mit Erklärungen von Tag

Mehr

Web-Technologien. Fachbereich AI, Web-Technologien 1

Web-Technologien. Fachbereich AI, Web-Technologien 1 Web-Technologien Dipl.-Inf., Dipl.-Ing. (FH) Michael Wilhelm Hochschule Harz FB Automatisierung und Informatik mwilhelm@hs-harz.de http://www.miwilhelm.de Raum 2.202 Tel. 03943 / 659 338 Fachbereich AI,

Mehr

Web-Technologien. Inhalt

Web-Technologien. Inhalt Web-Technologien Dipl.-Inf., Dipl.-Ing. (FH) Michael Wilhelm Hochschule Harz FB Automatisierung und Informatik mwilhelm@hs-harz.de http://www.miwilhelm.de Raum 2.202 Tel. 03943 / 659 338 Fachbereich AI,

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

Tutorial zum erstellen einer Webseite

Tutorial zum erstellen einer Webseite Tutorial zum erstellen einer Webseite 2. Teil das Aussehen mit CSS bestimmen Vorbereitungen: Die HTML Grundlage anpassen, Änderungen sind fett geschrieben. Ab sofort werden wir mit zwei Dateien arbeiten,

Mehr

Cascading Style Sheets

Cascading Style Sheets CSS Cascading Style Sheets von Carsten Euwens CSS Vortragsgliederung Grundlagen Bedeutung Wie binde ich CSS überhaupt ein Wie weise ich Styles den einzelnen Elementen zu Was kann man damit machen Text

Mehr

HTML und CSS. Eine kurze Einführung

HTML 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

Mehr

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...

1 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...

Mehr

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

CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 2: GRUNDLAGEN DER WEBENTWICKLUNG CAS WEBDESIGN UND WEBPUBLISHING KURS 1 / TAG 2: GRUNDLAGEN DER WEBENTWICKLUNG Von Markus Stauffiger / 4eyes GmbH STRUKTUR UND ZIELE DES HEUTIGEN TAGES Repetition CSS Grundlagen CSS Eigenschaften Wie komme

Mehr

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 SASS für Einsteiger WordCamp Köln 2015 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 Wer bin ich? Bernhard Kau Wahlberliner PHP-Entwickler WordPress-Plugin Hobby-Entwickler CSS-Tüftler Organisator der

Mehr

Designänderungen mit CSS und jquery

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

Mehr

Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10

Inhaltsverzeichnis. 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...

Mehr

WEBSITE ERSTELLEN mit DREAMWEAVER MX

WEBSITE ERSTELLEN mit DREAMWEAVER MX WEBSITE ERSTELLEN mit DREAMWEAVER MX Inhalt: WEBSITE ERSTELLEN mit DREAMWEAVER MX... 1 Neue Site anlegen... 2 Neue HTML-Seite erstellen... 2 Seiteneigenschaften... 2 Webseite speichern... 2 CSS (Cascading

Mehr

Seminar DWMX 2004. DW Session 004

Seminar DWMX 2004. DW Session 004 Seminar DWMX 2004 DW Session 004 Eigene Site aufbauen Aufbau einer persönlichen Site: Auswahl einer bestimmten Dateiorganisation Statische HTML Site Vorlagenbasierte Site Framebasierte Site Erstellen der

Mehr

Eine wirklich große Hilfe war die Typo3-Dokumentation der Firma Mittwald: https://www.mittwald.de/fileadmin/pdf/dokus/typo3-dokumentation.

Eine wirklich große Hilfe war die Typo3-Dokumentation der Firma Mittwald: https://www.mittwald.de/fileadmin/pdf/dokus/typo3-dokumentation. Die neue Internetseite mit Typo3 (Stand vom 25.12.2015) Ein Anfang Also, ich habe längst nicht alles verstanden, einige Befehlsketten einfach rein kopiert und deshalb sicher auch sinnlose Programmteile

Mehr

Introduction to Technologies for Interaction Design. Stylesheets

Introduction to Technologies for Interaction Design. Stylesheets Introduction to Technologies for Interaction Design Stylesheets Syntax Selektor und Eigenschaften Selektor bezieht sich auf ein HTML-Element ID-Selektoren dürfen in jeder HTML-Datei nur einmal vorkommen

Mehr

Web-basierte Anwendungssysteme XHTML- CSS

Web-basierte Anwendungssysteme XHTML- CSS Web-basierte Anwendungssysteme XHTML- CSS Prof. Dr. Sergej Alekseev (alekseev@fb2.fra-uas.de) Prof. Dr. Armin Lehmann (lehmann@e-technik.org) Fachbereich 2 Informatik und Ingenieurwissenschaften Wissen

Mehr

Ändern der Schriftgröße für den Monitorexport

Ändern der Schriftgröße für den Monitorexport Ändern der Schriftgröße für den Monitorexport (Stand: 12/2017) In der Datei SUBST_ MO NITOR sind einige wenige Einträge zu ändern. Die Datei finden Sie im Programmverzeichnis von Untis: Wenn Sie diese

Mehr

Die Funktionalität von Suchportalen

Die Funktionalität von Suchportalen Studiengang Sprache und Kommunikation 1/6 Die Funktionalität von Suchportalen Anweisungen zur Erstellung eines eigenen Suchportals Ziel dieser Übung ist es, ein eigenes kleines Suchportal zu einem spezifischen

Mehr

Tabellenfreies Layout in HTML

Tabellenfreies Layout in HTML Tabellenfreies Layout in HTML 0. Inhaltsverzeichnis Philipp Wahle 12.12.12 2 von 40 Seiten 3 von 40 Seiten 0. Inhaltsverzeichnis 1. Sematischer Code 2. Box Modell 3. Classes & IDs 4. Statischer Seitenaufbau

Mehr

Crashkurs HTML und CSS

Crashkurs HTML und CSS Crashkurs HTML und CSS HTML und CSS Hinweis: Dieser Crashkurs liefert einen Überblick und Kriterien für die sachgerechte Verwendung von HTML und CSS. Zum Lernen, Nachschlagen und Ausprobieren verweise

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

Design anpassen eine kurze Einführung

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

Mehr

Responsive Webdesign

Responsive Webdesign ebusiness Praxistag Thüringen 2014 Responsive Webdesign BASISWISSEN UND MÖGLICHKEITEN DER UMSETZUNG Maik Grunitz Geschäftsführer Forward Marketing GbR Inhalte 1. Warum Responsive Design? 2. Geschichte

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

Softwaretechnik Teil Webprogrammierung (HTML, PHP) SS2011

Softwaretechnik Teil Webprogrammierung (HTML, PHP) SS2011 Softwaretechnik Teil Webprogrammierung (HTML, PHP) SS2011 Studiengang: Semester: 3. Gruppe: Wirtschaftsinformatik A & B Datum: 29.06.2011 Dozent: LfbA Dipl.-Hdl. Andreas Heß Hilfsmittel: alle Unterlagen/Bücher

Mehr

JSP Usereingabe. Inhalt. 1 Zielsetzung. SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 2

JSP 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

Mehr

Mit PL/SQL auf s ipad

Mit PL/SQL auf s ipad DOAG 2012 Konferenz 20. November 2012, 16:00 Uhr NCC NürnbergConvention Center Ost Mit PL/SQL auf s ipad Martin Friemel mfriemel@webag.com 1 Mit PL/SQL auf s ipad Wie entwickelt man PL/SQL-Webanwendungen

Mehr

Cross-Platform Mobile Apps

Cross-Platform Mobile Apps Cross-Platform Mobile Apps 05. Juni 2013 Martin Wittemann Master of Science (2009) Arbeitet bei 1&1 Internet AG Head of Frameworks & Tooling Tech Lead von qooxdoo Plattformen Java ME 12 % Rest 7 % Android

Mehr

Grundlagen-Beispiel CSS

Grundlagen-Beispiel CSS Grundlagen-Beispiel CSS Öffne im Ordner 2.css.uebung die vorhanden Dateien index.html und erstelle eine neue CSS-Datei mit dem Namen bildschirm.css. Füge im Bereich folgende Verlinkung ein:

Mehr

ASP: Active Server Pages

ASP: Active Server Pages ASP: Active Server Pages Allgemeines: ASP ist die serverseitige Schnittstelle zu Skripten/Programmen ausgehend vom Microsoft-Internet- Information-Server (z.b. in Windows Server enthalten) Skript- und

Mehr

Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model

Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model Andreas Heß Inhalt Hintergrund HTML CSS JavaScript und das Document Object Model Netz-Protokolle Schichtenmodell OSI DoD Beispiele 7 Anwendung 6 Darstellung 5 Sitzung Anwendungen HTTP, HTTPS, SMTP,

Mehr

Fachbereich Wirtschaftswissenschaften Klausur: Übung 1 zur Vorlesung E-Business und Web-Site-Engineering Sommersemester 2007 Deckblatt Hinweise

Fachbereich Wirtschaftswissenschaften Klausur: Übung 1 zur Vorlesung E-Business und Web-Site-Engineering Sommersemester 2007 Deckblatt Hinweise Klausur Übung 1 E-Business und WSE: HTML/XHTML SS 2007 Seite 1 von 4 Fachbereich Wirtschaftswissenschaften Klausur: Übung 1 zur Vorlesung E-Business und Web-Site-Engineering Sommersemester 2007 Deckblatt

Mehr

Start. HTML Crash-Kurs. HTML Crashkurs Bernd Blümel Christian Metzger

Start. HTML Crash-Kurs. HTML Crashkurs Bernd Blümel Christian Metzger Start HTML Crash-Kurs Basics HyperText Markup Language logische Auszeichnungssprache Einfache Syntax Sehr einfach zu erlernen Dateiendungen und Startseite Dateiendungen.htm.html Startseite: index default

Mehr

TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen

TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch Joomla Templates Kursunterlagen Ordnerstruktur in Joomla Inhaltsverzeichnis Ordnerstruktur in Joomla... 3

Mehr

Allgemeine Technologien II Sommersemester Mai 2011 CSS

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

Mehr

PDF. PDF-Generierung aktivieren. Methode zum Erzeugen der PDFs. PDF-Format. Seitengröße. Anzunehmende Browserbreite

PDF. PDF-Generierung aktivieren. Methode zum Erzeugen der PDFs. PDF-Format. Seitengröße. Anzunehmende Browserbreite PDF Einstellungen zur PDF-Generierung. PDF-Generierung aktivieren Aktiviert die PDF-Generierung für diesen Mandanten. Der Link - über welchen auf der Website das PDF erzeugt wird - muss manuell ins Template

Mehr

Web Visu Tutorial. Hipecs Web Visu. Übersicht

Web Visu Tutorial. Hipecs Web Visu. Übersicht Revision Date V100 10082011 Hipecs Web Visu Die hipecs (high performance controller system) bietet die Möglichkeit einer sog Web-Visualisierung über den integrierten Webserver Hierfür wird im Standard

Mehr

Visual Web Developer Express Jam Sessions

Visual Web Developer Express Jam Sessions Visual Web Developer Express Jam Sessions Teil 1 Die Visual Web Developer Express Jam Sessions sind eine Reihe von Videotutorials, die Ihnen einen grundlegenden Überblick über Visual Web Developer Express,

Mehr

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS

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

Mehr

Joomla Schulung. Open Source CM-System. Projekt-Nr. 398. Thomas Haussener, MA. 20. Juni 2007

Joomla Schulung. Open Source CM-System. Projekt-Nr. 398. Thomas Haussener, MA. 20. Juni 2007 Joomla Schulung Projekt-Nr. 398 Open Source CM-System Projektteam: Christian Wüthrich, PL Thomas Haussener, MA 20. Juni 2007 BiCT AG Güterstrasse 5 3072 Ostermundigen Tel. 031 939 40 30 Fax 031 939 40

Mehr

CSS - Cascading Stylesheets

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

Mehr

Information und ihre Darstellung: XHTML & CSS

Information und ihre Darstellung: XHTML & CSS Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2009 XHTML Extensible Hypertext Markup Language Unter besonderer Berücksichtigung von XHTML 1.1. 1 Was ist XHTML? Textbasierte Auszeichnungssprache

Mehr

Scripting für Kommunikationswissenschaftler Gruppe C

Scripting für Kommunikationswissenschaftler Gruppe C Professur E-Learning und Neue Medien Institut für Medienforschung Philosophische Fakultät Scripting für Kommunikationswissenschaftler Gruppe C https://s-media-cache-ak0.pinimg.com/736x/9e/46/b5/9e46b5c98ae65d0880f37a30989781bb.jpg

Mehr

{ Light up the Web } Oliver Scheer. Evangelist Microsoft Deutschland

{ Light up the Web } Oliver Scheer. Evangelist Microsoft Deutschland { Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland { Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland Was ist Silverlight? Tools für Silverlight Designer-Developer-Workflow

Mehr

United Online Services GmbH. Installationsanleitung Paymentmodul: xt:commerce 3.0.4 SP2.1

United Online Services GmbH. Installationsanleitung Paymentmodul: xt:commerce 3.0.4 SP2.1 United Online Services GmbH Installationsanleitung Paymentmodul: xt:commerce 3.0.4 SP2.1 Version 3.0.0 Stand 10.02.2010 1. Inhalt des Moduls Das Modul enthält folgende Business- und United Transfer Zahlverfahren:

Mehr

Programmieren 2 (Prof. Hasbargen) Klausur

Programmieren 2 (Prof. Hasbargen) Klausur Programmieren 2 (Prof. Hasbargen) 1 Klausur Aufgabe 1 (10 Punkte) Dynamisierung von HTML-Seiten HTML-Seiten sind eine gängige Art und Weise, Informationen darzustellen. Nennen Sie die Gründe, welche Vorteile

Mehr

Entwicklung einer Suchmaschine mit dem Internet Information Server

Entwicklung einer Suchmaschine mit dem Internet Information Server Entwicklung einer Suchmaschine mit dem Internet Information Server Überblick: Der Index Server erstellt einen Index für alle Inhalte und Eigenschaften von Dokumenten, die auf dem Internet Information Server

Mehr

CSS Cascading Style Sheets

CSS Cascading Style Sheets XML light CSS Cascading Style Sheets Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Wieso Cascading Style Sheets? HTML und CSS XML und CSS Ausblick XML light CSS Cascading Style Sheets 2/24 Probleme,

Mehr

Das TYPOlight CSS-Framework

Das TYPOlight CSS-Framework Das TYPOlight CSS-Framework Aufgaben eines CSS-Frameworks CSS-Reset Vereinheitlichung der Darstellung in allen Browsern Zurücksetzen der proprietären Abstände und Formatierungen Cross-Browser-Formatierung

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

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

Veranstaltung Systementwicklung. HTML und CSS. Uwe H. Suhl und Chris Bizer SS 2008

Veranstaltung Systementwicklung. HTML und CSS. Uwe H. Suhl und Chris Bizer SS 2008 Veranstaltung 10033013 Systementwicklung HTML und CSS Uwe H. Suhl und Chris Bizer SS 2008 HTML - Hypertext Markup Language HTML ist eine Auszeichnungssprache für Web-Dokumente Auszeichnungssprachen Auszeichnen

Mehr

Manual WordPress. Was ist WordPress?

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

Mehr

15.04.2014 Was ist HTML? Designwerkstatt Webart Sommersemester 2014 Institut für Kunstpädagogik, LMU München Martin Pflanzer

15.04.2014 Was ist HTML? Designwerkstatt Webart Sommersemester 2014 Institut für Kunstpädagogik, LMU München Martin Pflanzer 15.04.2014 Was ist HTML? Tim Berners-Lee Die erste Webseite: info.cern.ch, 13. November 1990 Webseiten waren ursprünglich einfache Textseiten mit Links. HTML = Textzusätze zur Formatierung & Erweiterung

Mehr

Responsive Web Design

Responsive Web Design Responsive Web Design mit APEX Theme 25 Christian Rokitta APEX UserGroup NRW Treffen 20.01.2014 Oracle DB & APEX Entwickler (selbstständig) Deutschland ( 1996) Niederlanden ( 1996) themes4apex: APEX UI

Mehr

JSF (JavaServer Faces) Erstellen einer Webseite

JSF (JavaServer Faces) Erstellen einer Webseite Universität Bayreuth Lehrstuhl für Angewandte Informatik IV Datenbanken und Informationssysteme Prof. Dr.-Ing. Jablonski JSF (JavaServer Faces) Erstellen einer Webseite Dipl. Inf. Manuel Götz Dipl. Inf.

Mehr

JSCMS Dokumentation. (Stand: 27.05.09)

JSCMS Dokumentation. (Stand: 27.05.09) JSCMS Dokumentation (Stand: 27.05.09) Inhalt: CMS Symbole und Funktionen. 2 Verwalten.. ab 3 Seiten Verwalten.. 4 Blöcke Verwalten....6 Templates Verwalten....7 Template Editor...8 Metatags bearbeiten..

Mehr

CSS. Cascading Stylesheets

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

Mehr

Seiten gestalten mit CSS. Die wichtigsten HTML-Elemente. ,CSS gestaltet dynamisch die HTML-Elemente (Boxen)

Seiten gestalten mit CSS. Die wichtigsten HTML-Elemente. ,CSS gestaltet dynamisch die HTML-Elemente (Boxen) Wichtige Grundlagen Cascading Style Sheets, gestaltet dynamisch die HTML-Elemente (Boxen),Mit legen Sie Schriften und Farben einheitlich fest,über das Box-Modell layouten Sie die Seite,Navigation und Effekte

Mehr

Grundlagen der Informatik 2

Grundlagen der Informatik 2 Grundlagen der Informatik 2 Dipl.-Inf., Dipl.-Ing. (FH) Michael Wilhelm Hochschule Harz FB Automatisierung und Informatik mwilhelm@hs-harz.de Raum 2.202 Tel. 03943 / 659 338 1 Gliederung 1. Einführung

Mehr

Responsive Webdesign. IHK-Arbeitskreis Software. Prof. Dr. Manfred Wojciechowski 18.02.2014

Responsive Webdesign. IHK-Arbeitskreis Software. Prof. Dr. Manfred Wojciechowski 18.02.2014 IHK-Arbeitskreis Software Prof. Dr. Manfred Wojciechowski 18.02.2014 Aufbau Vorstellung Responsive Webdesign Motivation Technologien Frameworks 2 Vorstellung Zur Person 1991 1996: Studium Informatik an

Mehr

Erstellung von dynamischen Webseiten mit Cascading StyleSheets

Erstellung von dynamischen Webseiten mit Cascading StyleSheets Planerische Informationssysteme Erstellung von dynamischen Webseiten mit Cascading StyleSheets Rolf Sonderegger FS 2014 Erstellung von Webseiten mit Cascading Style Sheets Institut für Raum- und Landschaftsentwicklung

Mehr

JavaScript II. Hochschule Karlsruhe Technik & Wirtschaft Internet-Technologien T3B250 SS2014 Prof. Dipl.-Ing. Martin Schober

JavaScript II. Hochschule Karlsruhe Technik & Wirtschaft Internet-Technologien T3B250 SS2014 Prof. Dipl.-Ing. Martin Schober JavaScript II Bildaustausch mit dem Attribut name und zwei Funktionen function asterix() { document.images1.src="bilder/asterix.jpg"; function obelix() { document.images1.src="bilder/obelix.jpg";

Mehr

Python CGI-Skripte erstellen

Python 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.

Mehr

CSS Einführung & CSS Frameworks

CSS Einführung & CSS Frameworks CSS Einführung & CSS Frameworks Leif Singer leif.singer@inf.uni-hannover.de Seminar Aktuelle Software-Engineering-Praktiken für das World Wide Web 14.04.2010 Frage Anfragen von Kommilitonen: mit reinsetzen

Mehr

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

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

Mehr

Aufbau eines Klassen-Selektors: selektor.klasse { css-eigenschaft1:wert1; css-eigenschaft2:wert2;...}

Aufbau eines Klassen-Selektors: selektor.klasse { css-eigenschaft1:wert1; css-eigenschaft2:wert2;...} Cascading StyleSheets (CSS) Allgemein CSS (aufeinander aufbauende Stilvorlagen) wurden 1996 vom W3C standardisiert. dienen der Ergänzung strukturierter Dokumente wie HTML oder XML. Ermöglichen die Trennung

Mehr

Aufgaben der Klasse FTI33 HTML: 1. Durch welchen Befehl wird ein Hyperlink in einem Bestimmten Frame angezeigt?

Aufgaben der Klasse FTI33 HTML: 1. Durch welchen Befehl wird ein Hyperlink in einem Bestimmten Frame angezeigt? Hinweis: Verstehen Sie folgende Aufgaben als mögliche Bestandteile für die anstehende Klausur. Betrachten Sie die Lösungen nicht von vorne herein als richtig, sondern beantworten Sie nochmals die Fragen

Mehr

Die wichtigsten HyperTextMarkupLanguage tags 1(6)

Die wichtigsten HyperTextMarkupLanguage tags 1(6) Die wichtigsten HyperTextMarkupLanguage tags 1(6) HTML ist entgegen vielen Gerüchten keine Programmiersprache, sondern lediglich ein Hilfsmittel um Text und Bild zu formatieren, welche in einem Browser

Mehr

Farb-, Text- und Schriftgestaltung mit CSS3

Farb-, Text- und Schriftgestaltung mit CSS3 CT» LPE 05» 03 Textgestaltung» Hintergrundgestaltung Farb-, Text- und Schriftgestaltung mit CSS3 Eine HTML5-Datei ist reine Textdatei. In dieser Datei wird lediglich der Inhalt und die Stuktur einer Webseite

Mehr

Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012

Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012 Übung zur Vorlesung Digitale Medien Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012 1 Pfadangaben (1) Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL:

Mehr

SharePoint Designer Datenansichten. Michael Greth

SharePoint Designer Datenansichten. Michael Greth SharePoint Designer Datenansichten Michael Greth Agenda SharePoint Designer 2007 Überblick No-Code-Lösungen Datenquellen und Datenansichten Demo Listen zusammenfassen Demo Datenvisualisierung Demo SharePointLive

Mehr

Online-Publishing mit HTML und CSS für Einsteigerinnen

Online-Publishing mit HTML und CSS für Einsteigerinnen Online-Publishing mit HTML und CSS für Einsteigerinnen Dipl. Math. Eva Dyllong, Universität Duisburg Dipl. Math. Maria Oelinger, spirito GmbH IF MYT 07 2002 CSS-Einführung Vorschau CSS Was ist das? Einbinden

Mehr

Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid

Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Wintersemester 2016/17 Cascading Style Sheets HTML beschreibt nur den logischen Aufbau eines Dokuments. Die Gestaltung

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

Web-basierte Anwendungssysteme PHP Teil 2

Web-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

Mehr

Einführung Responsive Webdesign

Einführung Responsive Webdesign Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout

Mehr

PG5 Starter Training PG5 Core und Webeditor 8 Daniel Ernst DE02 2013-03-14

PG5 Starter Training PG5 Core und Webeditor 8 Daniel Ernst DE02 2013-03-14 PG5 Starter Training PG5 Core und Webeditor 8 Daniel Ernst DE02 2013-03-14 Einführung Benötigtes Material: Notebook oder Computer PCD1 E-Controller USB Kabel Schulungsplatine Ethernet Kabel Benötigte Software

Mehr

Webdesign mit HTML und CSS Einführungsabend

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

Mehr

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

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

Inhalt: 1)Das Box-Modell

Inhalt: 1)Das Box-Modell Inhalt: 1. Das Box-Modell 2. Reset-CSS 3. CSS-Eigenschaft: position (static, relative, absolute) 4. CSS-Eigenschaft: float, clear 5. Übung 6. Die Seite zentrieren mit margin:auto 1)Das Box-Modell Die Box

Mehr

Java Server Pages (JSP)

Java Server Pages (JSP) Überblick über Internet-Technologien Server-Technologien Datenbankkopplung Servlets JSP PHP CGI XML+XSL Dokumentsprachen Client-PGM ruft DB-Server Web-Server ruft Datenbankserver HTML+Javascript HTML+Applets

Mehr

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe... php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...7 3.Zugriff auf mysql Daten...11 Verteilte Systeme: php.sxw Prof.

Mehr

Newsletter mit TYPO3. TYPO3 Usergroup Bodensee #3tsee 13. Dezember 2012 - Singen (D) Lars Messmer - comsolit AG

Newsletter mit TYPO3. TYPO3 Usergroup Bodensee #3tsee 13. Dezember 2012 - Singen (D) Lars Messmer - comsolit AG Newsletter mit TYPO3 TYPO3 Usergroup Bodensee #3tsee 13. Dezember 2012 - Singen (D) Lars Messmer - comsolit AG www.comsolit.com Newsletter Version: 1 Seite 1 / 20 Inhalt 1. Sinnvoller Einsatz eines Newsletters

Mehr

Template Programmierung mit Joomla!

Template Programmierung mit Joomla! Joomla! DAY TM AUSTRIA 2015 Template Programmierung mit Joomla! Inhalt Einstieg in die Joomla! Template Programmierung Inhalt Einleitung Planung Joomla! Template Programmierung Joomla! Template Demo Fragen

Mehr

TwinCAT HMI Application

TwinCAT HMI Application New Automation Technology TwinCAT HMI Application 08.05.2010 1 Überblick Einleitung Übersicht Möglichkeiten der Applikation Struktur und Komponenten Komponenten für das Microsoft Visual Studio Anleger

Mehr

Selektoren in CSS. HTML/CSS 21. November 2013 E1. 1. Beispiel: Kinder und Enkel

Selektoren in CSS. HTML/CSS 21. November 2013 E1. 1. Beispiel: Kinder und Enkel Selektoren in CSS 1. Beispiel: Kinder und Enkel universal Selektor body { font family: sans serif; color : #666; div { border:

Mehr

WEBAPPLIKATIONEN MIT PHP. Wo gibt es Hilfe? Wie fang ich an?

WEBAPPLIKATIONEN MIT PHP. Wo gibt es Hilfe? Wie fang ich an? WEBAPPLIKATIONEN MIT PHP Wo gibt es Hilfe? Wie fang ich an? Tools Webapplikationen bestehen aus Textdateien Lassen sich in Texteditoren schreiben Alternativen: Eclipse (PDT) Netbeans (Dynamic Languages)

Mehr

Freud & Leid des DSP-Entwicklers

Freud & Leid des DSP-Entwicklers Freud & Leid des DSP-Entwicklers Dynamic Server Pages in der Praxis Uniface Dynamic ServerPages CompuwareBenutzerGruppe e.v. WorkShop Neu-Isenburg, März 2010 Dynamic Server Pages in der Praxis CU 2008

Mehr

Abgabetermin: , 23:59 Uhr

Abgabetermin: , 23:59 Uhr HTML 19.01.2016 Projektanforderungen Struktur: Zentrale (index-)seite Sinnvolle Ordnerstruktur von index.html aus verlinkte Seiten mit Querverweisen (insgesamt mindestens 3 Seiten) Elemente, die irgendwo

Mehr

CSS. Cascading Style Sheets

CSS. 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

Mehr

HTML & CSS. Beispiele aus der Praxis

HTML & CSS. Beispiele aus der Praxis HTML & CSS Beispiele aus der Praxis Übungsblatt 2 http://www.uni-koblenz.de/~ugotit Fragen? Wiederholung Beispiele von.../~ugotit/test/index.htm zu.../~ugotit/test2/html/index.htm Absoluter Pfad relativ

Mehr

Faclets. Eine alternative View Technologie um JSF Applikationen OHNE JSP zu entwickeln Wird unter java.net gehostet Open Source, CDDL Lizenz

Faclets. Eine alternative View Technologie um JSF Applikationen OHNE JSP zu entwickeln Wird unter java.net gehostet Open Source, CDDL Lizenz Facelets Faclets Eine alternative View Technologie um JSF Applikationen OHNE JSP zu entwickeln Wird unter java.net gehostet Open Source, CDDL Lizenz (COMMON DEVELOPMENT AND DISTRIBUTION LICENSE) Von Jacob

Mehr

Signatur mit Formatierung

Signatur mit Formatierung Bedienungstip: Signatur mit Formatierung Seite 1 Signatur mit Formatierung Es können Signaturen hinterlegt werden, die beim Erstellen von Nachrichten automatisch angehängt werden. Das ist sehr praktisch,

Mehr

INDEXHIBIT 1. Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 3.23+

INDEXHIBIT 1. Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 3.23+ INDEXHIBIT 1 Download: www.bgames.ch/hibit.zip Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 3.23+ Datenbank einrichten: Anleitung zum einrichten einer Datenbank sollten sich auf

Mehr

IT- und Medientechnik

IT- und Medientechnik IT- und Medientechnik Vorlesung 4: 2.11.2015 Wintersemester 2015/2016 h_da, Lehrbeauftragter Teil 1: IT- und Medientechnik Themenübersicht der Vorlesung Hard- und Software Hardware: CPU, Speicher, Bus,

Mehr

TYPOlight-Usertreffen 2009. Barrierefreiheit?

TYPOlight-Usertreffen 2009. Barrierefreiheit? Barrierefreiheit? Das ist doch nur für Blinde! Zu kompliziert. Zu teuer. Unsere Kunden sind nicht behindert. Müssen wir machen *seufz* sind verpflichtet Wir haben schon eine NurText-Version. Barrierefreiheit!

Mehr

Eine Schnelleinführung in CSS

Eine 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:

Mehr