<link href=" Roboto" rel="stylesheet"> <li><a href="ergebnis.html"> Ergebnis </a></li>
|
|
- Oswalda Baumhauer
- vor 5 Jahren
- Abrufe
Transkript
1 Index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>er-modell</title> <link rel="stylesheet" href="style.css"> <link href=" Roboto" rel="stylesheet"> </head> <body id="startseite"> <nav id="menue_startseite"> <ul> <li><a href="index.html"> Startseite </a></li> <li><a href="umsetzung.html"> Umsetzung </a></li> <li><a href="ergebnis.html"> Ergebnis </a></li> </ul> </nav> <section id="content_startseite"> <h1>entity Relationship-Modell</h1> Willkommen auf meiner Website, auf dieser möchte ich meinen Schwerpunkt für Informationssysteme vorstellen. Ich habe mir überlegt ein Entity Relationship-Modell zu erstellen und dieses hier kurz vorstellen. In diesem geht es um die Beziehungen zwischen Student, Professoren, deren Assistenten und natürlich die verbindenden Vorlesungen. Auf dieses beispiel bin ich gekommen da es mich als Studentin der Pädagogischen Hochschule Weingarten selbst betrifft.
2 <img src="bild12.png" width= "50%" /> </section> </body> </html> Umsetzung.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>er-modell</title> <link rel="stylesheet" href="style.css"> <link href=" Roboto" rel="stylesheet"> </head> <body id="umsetzung"> <nav id="menue_umsetzung"> <ul> <li><a href="index.html"> Startseite </a></li> <li><a href="umsetzung.html"> Umsetzung </a></li> <li><a href="ergebnis.html"> Ergebnis </a></li> </ul> </nav> <section id="content_umsetzung"> <h1>umsetzung des Entity Relationship-Modell (Datenbank)</h1> <span style = "color: pink"><h2>welche Entities brauche Ich?</h2></span> <ul> <li>- Student</li> <li>- Vorlesung</li>
3 <li>- Professor</li> <li>- Assistent</li> </ul> <span style = "color: pink"><h2>verbindung der Entities zueinander (Relations)</h2></span> <ul> <li>a) Der Student besucht Vorlesungen</li> <li>b) Der Professor hält Vorlesungen</li> <li>c) Der Professor beschäftigt Assistenten</li> <li>d) Der Assistent wird vom Professor beschäftigt</li> <li>e) Die Vorlesung wird von einem Professor gehalten</li> <span style = "color: pink"><h2>entities/ Relations der Attribute</h2></span> <span style = "color: grey"><u>student</u></span> <ol> <li>- MatrikelNr </li> <li>- Name</li> <li>- Vorname</li> <li>- Semester</li> </ol> <span style = "color: grey"><u>vorlesung</u></span> <ol> <li>- VorlesungsNr</li> <li>- Name (Fach)</li> </ol> <span style = "color: grey"><u>professor</u></span> <ol> <li>- PersonalNr</li> <li>- Fach</li>
4 <li>- Name</li> <li>- Nachname</li> <li>- Raum</li> </ol> <span style = "color: grey"><u>assistent</u></ span> <ol> <span style = "color:black"> <li>- PersonalNr</li> <li>- Vorname</li> <li>- Name</li> <li>- Fachgebiet</li> </ol> <span style = "color: black"> Im folgenden werde ich Ihnen anhand von Bildern zeigen was ich genau in die Datenbank eingegeben habe um das Entity Relationship-Modell in einer Datenbank umzusetzen. <span style = "color: pink"><u>schaubild</u></span> <img src="bild1.png" width= "70%" /> <span style = "color: pink"><u>eingaben im SQL</u></ span> <span style ="color: black"> Nachdem ich mir das Schaubild aufgezeichnet habe, konnte ich anfangen die einzelnen Tabellen zu erstellen und dann mit Daten zu befüllen.
5 <img src="bild2.png" width= "50%" /> <img src="bild3.png" width= "50%" /> <img src="bild4.png" width= "50%" /> <img src="bild5.png" width= "50%" /> <img src="bild6.png" width= "50%" /> <img src="bild7.png" width= "50%" /> <img src="bild8.png" width= "50%" /> <img src="bild9.png" width= "50%" /> <img src="bild10.png" width= "50%" /> <span style ="color: black"> Bei diesen Daten war ich kreativ und habe frei welche erfunden. </section> </body> </html> Ergebnis.html
6 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>er-modell</title> <link rel="stylesheet" href="style.css"> <link href=" Roboto" rel="stylesheet"> </head> <body id="ergebnis"> <nav id="menue_ergebnis"> <ul> <li><a href="index.html"> Startseite </a></li> <li><a href="umsetzung.html"> Umsetzung </a></li> <li><a href="ergebnis.html"> Ergebnis </a></li> </ul> </nav> <section id="content_ergebnis"> <h1>ergebnis/select- Befehle & Fazit</h1> <span style = "color: pink"><h2>ergebnis</h2></span> Hier möchte ich Ihnen meine fertigen Tabellen zeigen. So werden sie einem nach der eingabe und befüllung dann angezeigt. Nun kann man auch durch selections nach einzelnen Beziehungen suchen, die Datenbank spuckt einem dann die Werte aus.im Nachfolgenden werde ich Ihnen ein paar Beispiele zeigen. <img src="bild0.png" width= "50%" />
7 <img src="tabelle1.png" width= "50%" /> <img src="tabelle2.png" width= "50%" /> <img src="tabelle3.png" width= "50%" /> <img src="tabelle4.png" width= "50%" /> <span style = "color: pink"><h2>select-befehle</h2></span> <span style ="color:black"> <u>1. Welcher Professor hält welche Vorlesung?</u> select professor.nachname, professor.name, vorlesung.name from vorlesung, professor where vorlesung.name= professor.fach <img src="select.png" width="50%"/> <u>2. Welcher Professor beschäftigt welchen Assistent?</u>
8 SELECT professor.name, professor.nachname, professor.fach, assistent.name, assistent.vorname, assistent.fachgebiet from professor, assistent where professor.fach= assistent.fachgebiet <img src="select1.png" width="50%"/> <u>3. Welche Studenten besuchen das fach Deutsch, und in welchem Semster sind die Studenten?</u> SELECT vorlesung.name, student.name, student.vorname, student.semester from vorlesung, student where vorlesung.name= "Deutsch" <img src="select2.png" width="50%"/> <u>4. Welche Fächer werden von den Studenten im 2. Semester besucht?</u> SELECT student.name, student.vorname, student.semester, vorlesung.name from student, vorlesung where student.semester= "2" <img src="select3.png" width="50%"/>
9 <u>5.welcher Professor und welcher Assistent beschäftigen sich mit dem Fach Biologie?</u> SELECT vorlesung.name, professor.nachname, professor.name, assistent.name, assistent.vorname from vorlesung, professor, assistent where vorlesung.name= professor.fach and professor.fach= assistent.fachgebiet and vorlesung.name= assistent.fachgebiet and vorlesung.name= "Biologie" <img src="select4.png" width="50%"/> <span style = "color: pink"><h2>fazit</h2></span> <span style ="color:black"> Für mich war es am Anfang sehr schwer mich wieder in das erstellen einer HTML-Seite einzuarbeiten. Das hat mir zu beginn sehr viele Sorgen gemacht. Jedoch wurde es mit der Zeit immer leichter und machte wieder Sinn, dank der Hilfe meiner Kommilitonen konnte ich dann zum Ziel gelangen. Es stellte sich dann gegen Ende eher heraus das ich mir schwerer beim Entity Relationship-Modell tat. Das Erstellen einer Website mit HTML hat mir echt noch Spaß gemacht. Man hat sehr viele Möglichkeiten sich auzutoben und selbst ein bischen kreativ zu werden.
10 </section> </body> </html> Style.css #startseite { background: white; #Umsetzung{ background: white; #Ergebnis { background: white; #menue_startseite { font-family: Arial; padding: 30px; height: 120px;
11 top: 0px; left: 0px; right: 0px; position: fixed; background: pink; z-index: 1; background: -webkit-gradient(linear, center top, center bottom, color-stop(30%, pink),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(top,pink 30%,rgba(255,255,255,0) ); background: linear-gradient(to bottom,pink 30%,rgba(255,255,255,0) ); #menue_umsetzung { font-family: Arial; padding: 30px; height: 120px; top: 0px; left: 0px; right: 0px; position: fixed; background: pink; z-index: 1; background: -webkit-gradient(linear, center top, center bottom, color-stop(30%, #fff),to(rgba(255,255,255,0))); background: -webkit-lineargradient(top,#fff 30%,rgba(255,255,255,0) ); background: lineargradient(to bottom,#fff 30%,rgba(255,255,255,0) ); #menue_ergebnis { font-family: Arial; padding: 30px; height: 120px; top: 0px; left: 0px; right: 0px;
12 position: fixed; background: pink; z-index: 1; background: -webkit-gradient(linear, center top, center bottom, color-stop(30%, #fff),to(rgba(255,255,255,0))); background: -webkit-lineargradient(top,#fff 30%,rgba(255,255,255,0) ); background: lineargradient(to bottom,#fff 30%,rgba(255,255,255,0) ); #startseite a { textdecoration: none; letterspacing: 0.1em; color: white; margin: 20px; #startseite a:hover { color: black; #startseite a:active { color: black; a { text-decoration: none; letter-spacing: 0.1em; color: black; margin: 20px;
13 a:hover { color: black; a:active { color: black; ul { list-style-type: none; margin: 0; padding: 0; li { display: inline; h1{ font-family: Times; 55px; font-size: color: black; letter-spacing: 0.1em; line-height: 1.0em; #content_startseite { font-family: 'Merriweather', Times, serif; paddingleft: 250px; padding-right: 250px; margin-left: auto; margin-right: auto; width:auto; max-width: 960px; top: 160px; color: black; position: relative; line-height: 1.5em;
14 #content_umsetzung { font-family: Times; paddingleft: 250px; padding-right: 250px; margin-left: auto; margin-right: auto; max-width: 960px; width:auto; top: 160px; color: black; position: relative; line-height: 1.0em; #content_ergebnis { font-family: Times; padding-left: 250px; padding-right: 250px; margin-left: auto; margin-right: auto; width:auto; maxwidth: 960px; top: 160px; black; relative; color: position: lineheight: 1.0em; #bild1 { relative; position: maxwidth: 100%;
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
MehrIntroduction 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
Mehr4. Briefing zur Übung IT-Systeme
4. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 18.12.2017, PC Pool Stand und Ausblick Einführung: 17.10.2017, 12.00 Uhr (c.t.), HS 4 Fragestunde: 06.11.2017, 10.15
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...
Mehr4. Briefing zur Übung IT-Systeme
4. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde,, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde: 09.11.2016, 12.00
MehrANWENDUNGSSOFTWARE CSS
ANWENDUNGSSOFTWARE CSS NAVIGATION Bilder zur Navigation: als Anker für Verweise benutzen Text sollte nicht Bestandteil des Bildes sein (Bild als Hintergrund), siehe z-index Navigationslisten mit ,
MehrTutorial 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,
MehrAbgabetermin: , 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
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-,
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...
MehrResponsive 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
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
MehrSASS 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
MehrEinfü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
MehrDie 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Ä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
Mehr3. Briefing zur Übung IT-Systeme
3. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 30.11.2016, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde:, 12.00
MehrCSS 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
Mehr1. Einstieg 2. Selektoren 3. Schriften 4. Strukturen 5. Zwischenräume, Abstände 6. Bilder 7. Farben 8. Beispiel
Inhalt 1. Einstieg 2. Selektoren 3. Schriften 4. Strukturen 5. Zwischenräume, Abstände 6. Bilder 7. Farben 8. Beispiel Einstieg - Eine Formatvorlage besteht aus mindestens einer Anweisung. - Eine Anweisung
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
MehrAufbau einer HTML Seite:
1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,
MehrDigitale 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
MehrErstelle eine neue Datei unter dem Namen stylesheet.css und speichere es im selben Verzeichnis, in dem auch die vier HTML-Dokumente liegen.
CSS3 Erstelle eine neue Datei unter dem Namen stylesheet.css und speichere es im selben Verzeichnis, in dem auch die vier HTML-Dokumente liegen. Klicke auf Menü Datei und dann Neu. Wähle CSS und dann erstellen
MehrNavigationsmenü im Stil von Registern
Navigationsmenü im Stil von Registern Navigationsmenüs in Registeroptik erfreuen sich großer Beliebtheit. Wie man solche Menüs erstellt und welche Variationsmöglichkeiten es gibt, soll im Folgenden beschrieben
MehrFließlayout. »World of Fish«
Fließlayout 4»World of FishWorld of Fish«stellt ein kleines Informationsangebot zu einem begehbaren Aquarium dar, und dieses Angebot soll von uns umgesetzt werden. Im Vorfeld haben wir wie immer ein Konzept
MehrCSS in HTML-Elementen. Syntax und Grammatik von CSS
CSS Grundlagen CSS3 - Cascading Stylesheets CSS-Dokumente in HTML einbinden CSS kann auf 3 Arten eingebunden werden: - in einer separaten CSS-Datei - im Kopfbereich des HTML-Dokuments - im einzelnen HTML-Element
MehrÜbung: Bootstrap - Navbar
Übung: Bootstrap - Navbar Angaben befinden sich im Ordner: 5_Übung_nav. Darin befinden sich die Bootstrap-Ordner und die dazu passende index.html, die bereits die Links zu den Ordnern enthält. Aufgabe:
MehrWeb-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[Guide] CSS (+ CSS 3!) Inhaltsverzeichnis. Vorwort
[Guide] CSS (+ CSS 3!) Vorwort CSS in HTML einbinden HTML mit CSS ansprechen Farben Jetzt geht es los: Normales Stylen Boxen (DIVs) mit dem Boxmodel Fliessende Boxen Links formatieren & Pseudoklassen/Elemente
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
MehrHinweise zum digitalen Schulbuch
Weiterbildungslehrgang. Darstellung von Information Oliver Schneider, oliver.schneider@sickingengymnasium.de Inhaltsverzeichnis Hinweise zum digitalen Schulbuch. Informationsdarstellung im Internet.-.
MehrPosition von CSS-Stilen. Inline(pro Tag) In Header. Extern in CSS-Datei
CSS CSS-Übersicht Cascading Style Sheets Formatierung 2.0: Anstatt durch Tags und Attribute jedes Mal die Formatierung neu zu gestalten, arbeitet man mit Formatvorlagen Später kann man sämtliche Bereiche
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
MehrSASS und Compass. Struktur für eure Stylesheets
SASS und Compass Struktur für eure Stylesheets Guten Tag Thomas Moseler Frontend-Developer www.rufzeichen-online.de Warum? .page-home.view-portraits-statement-startseite.views-field-field-image-undpauler
MehrHTML: Text und Textstruktur mit CSS gestalten
Tutorium HTML: Text und Textstruktur mit CSS gestalten Martin Stricker martin.stricker@rz.hu-berlin.de 23. Juni 2004 Schriftarten und generische Schriftfamilien Schriftarten werden mit font-family definiert
MehrGrundlagen-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:
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:
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
MehrMAKE IT FLEXIBLE: RESPONSIVES CONTAO MIT VW, EM UND FLEXBOX
MAKE IT FLEXIBLE: RESPONSIVES CONTAO MIT VW, EM UND FLEXBOX ich bin Dr. Eva Broermann gebürtige Nürnbergerin seit 20 Jahren in Wien vienneva.com seit 2002 Contao Partnerin CSS-begeistert Hobby-Jazz-Sängerin
MehrHTML & 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
MehrHTML & CSS. GIMP > Bild > Bild skalieren Unter diesem Menüpunkt kannst du die Bildgröße verändern. Beachte die Bildproportionen
Übung 1 HTML & CSS Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Lehrziel: Bilder auf Ansichtsbasis
MehrSelektoren 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:
MehrProbeklausur Besprechung
WiSe 2018/19 Aufgabe 1: Huffman (10 Punkte) 1 Geben Sie für die Nachricht schnelldurchlauf den Zeichenvorrat mit der Wahrscheinlichkeitsverteilung an. 2 Zeichnen Sie den resultierenden Codebaum und beachten
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
MehrCAS 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
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
MehrHTML Grundgerüst. html> head> <title> Einführung </title> </head. body> <h1> Willkommen </h1> <p> Es war einmal </p> </body.
HTML - Kurs HTML Grundgerüst Einführung Willkommen Es war einmal Textformatierung Überschriften größ
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
MehrÜbung zur Vorlesung Digitale Medien. Ludwig-Maximilians-Universität München Wintersemester 2010/2011
Übung zur Vorlesung Digitale Medien Ludwig-Maximilians-Universität München Wintersemester 2010/2011 1 Über den Studiengang und das Forschungsgebiet Medieninformatik informieren Studenten, Interessenten
MehrModul 8: Browser-Processing- Pipeline
Modul 8: Browser-Processing- Pipeline 10.06.2018 16:20:17 M. Leischner Internetkommunikation Folie 1 Grundmodell: Webbrowser Copyright 2013 Ilya Grigorik. Published by O'Reilly Media, Inc. Licensed under
Mehr3. Briefing zur Übung IT-Systeme
3. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 30.11.2016, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde: 09.11.2016,
MehrCSS 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<body> <header> <nav> <div> <article> <section> <footer> <aside> <a> <!DOCTYPE html> <header>logo</header> <body><main>... </body>
logo ... beliebige Inhalte >Menu ...
MehrTabellenfreies 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
MehrUnterschied zwischen HTML & XHTML?
Tutorium Webdesign von Maria Lechner Unterschied zwischen HTML & XHTML? HTML HyperText Markup Language (Hypertext-Auszeichnungssprache) SGML-basierte HTML XHTML Extensible HyperText Markup Language (erweiterbare
Mehr17. CSS - Cascading Style Sheets Kapitel 17: CSS
17. CSS - Cascading Style Sheets 17-1 Kapitel 17: CSS 17. CSS - Cascading Style Sheets 17-2 Inhalt 1. Einführung CSS 2. Farben, Hintergründe, Zeichensätze 3. Gruppierungen 4. Box-Modell 5. Validierung
MehrInhalt: 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Übung Klebezettel. background, font, color, transform, width, height, margin, cursor, border. Web. Fach: BW1. Klasse: (Donnerstag) Datum:
1 2 Fach: Klasse: Datum: Web BW1 16.05.2019 (Donnerstag) Agenda Übung Klebezettel - background, font, etc. 3 4 Unser Ziel mit CSS: Die Gestaltung eines einfachen Textes in einen Klebezettel Übung Klebezettel
MehrKapitel 17: CSS. Inhalt. Was kann CSS? (1) Was kann CSS? (2) 1. Einführung CSS. 2. Farben, Hintergründe, Zeichensätze. 3. Gruppierungen. 4.
17. CSS - Cascading Style Sheets 17-1 17. CSS - Cascading Style Sheets 17-2 Inhalt 1. Einführung CSS 2. Farben, Hintergründe, Zeichensätze Kapitel 17: CSS 3. Gruppierungen 4. Box-Modell 5. Validierung
MehrInhalt 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Übung zur Vorlesung Digitale Medien. Sarah Tausch Alice Thudt Ludwig-Maximilians-Universität München Wintersemester 2012/2013
Übung zur Vorlesung Digitale Medien Sarah Tausch Alice Thudt Ludwig-Maximilians-Universität München Wintersemester 2012/2013 1 Pfadangaben (1) Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte
MehrMitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.
1. Stunde Mitschrift HTML Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Verstehen des Unterschiedes
MehrNavigation für Internetpräsenzen
Navigation für Internetpräsenzen Gestern und heute 2016 Navigieren in Internetseiten Das Wort Navigation wird den meisten bekannt sein und fast jeder kann eine Verknüpfung aus seinem alltäglichen Leben
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
MehrCSS Befehle. Geschrieben von: Administrator Sonntag, den 24. April 2011 um 15:30 Uhr -
// = 3) version = "n3"; if (browsername == "Netscape" && browserver >= 4) version = "n4"; if (browsername == "Microsoft Internet Explorer" && browserver >= 3.01 && browsermac!= -1) version = "ie3m"; if
MehrInhalt. 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,
MehrCascading 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
MehrWeb-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,
MehrIntroduction to Technologies. Stylesheets mit CSS
Introduction to Technologies Stylesheets mit CSS Beispiele CSS http://css.maxdesign.com.au/listamatic/ http://www.csszengarden.com/tr/deutsch/ http://www.albinoblacksheep.com/livedesign http://de.selfhtml.org/css/layouts/index.htm
MehrAufbau 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
MehrFotogalerie. Schwierigkeitsgrad: schwer
Fotogalerie 1 Vor uns haben wir ein wunderbares Layout, das eine Fotogalerie darstellt und das wir nicht mehr lediglich als Screenshot ansehen wollen. Anhand der anstehenden Aufgaben, die uns über horizontale
Mehr3 XML, HTML und XSL die Ausgabe
3 XML, HTML und XSL die Ausgabe XML und VBA lernen ISBN 3-8273-1952-8 Nun, nachdem eine wohlgeformte oder eine gültige XML-Datei erstellt worden ist, stellt sich die Frage, was mit ihr geschieht. Die Anzeige
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
MehrHintergrundbilder. background-image. Werte: URL (Standort des Bildes) none inherit. Standard: none. Gilt für: alle Elemente.
HTML 8 Vorbereitung Hintergrundbilder background-image Werte: URL (Standort des Bildes) none inherit Standard: none Gilt für: alle Elemente Vererbung: nein => URL ist relativ zur Stylesheet-Datei anzugeben!
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
MehrMobiles Internet. Hermann Schwarz, Omar Youssef 5.Mai 2010
Mobiles Internet Hermann Schwarz, Omar Youssef 5.Mai 2010 Mobiles Internet Vier von fünf Handy-Besitzern können mit ihrem Gerät ins Internet gehen (Quelle: BITKOM 2007) 2008 gab es in Deutschland 107,4
MehrCSS - Cascading Style Sheets
CSS - Cascading Style Sheets Rechenzentrum Universität Stuttgart Maria Vass 26. April 2005 Gliederung: CSS Grundlagen CSS praktisch einsetzen CSS in HTML einbinden Schriften / Texte formatieren Listen,
MehrCSS Cascading Stylesheets
CSS Cascading Stylesheets 1. Einführung Warum denn CSS= Cascading Style Sheets? CSS ist eine Spache, bestimmt für die Formatierung von HTML-Seiten. Sie greift auf die Sprachelemente von HTML zu und verleiht
MehrOnline seit 2000 aktualisierte Auflage jetzt HTML lernen E-Book Teil: Responsive Webdesign (RWD)
www.html-seminar.de Online seit 2000 aktualisierte Auflage 2017 www.html-seminar.de - jetzt HTML lernen E-Book Teil: Responsive Webdesign (RWD) Über den Autor: Axel Pratzner studierte an der Universität
MehrJavaScript 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";
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
MehrXHTML und CSS. Marco Skulschus Daniel Winter Alexander Muß
XHTML und CSS Marco Skulschus Daniel Winter Alexander Muß 1 2 XHTML und CSS Marco Skulschus Daniel Winter Alexander Muß Webseite zum Buch: www.comelio-medien.com/dedi3_568.php 2008 Comelio Medien 3 Alle
MehrLiteratur. Webtechnologien WS 2018/19 - Teil 4/CSS I
Literatur [4-1] Meyer, Eric: CSS kurz&gut. O'Reilly, 4. Auflage, 2011 [4-2] Laborenz, Kai: CSS-Praxis. Galileo Computing, 2003 [4-3] Münz, Stefan: . Addison-Wesley, 2005 [4-4]
MehrJoomla! Templates. Professionelle Vorlagen mit CSS. Daniel Koch
Joomla! Templates Professionelle Vorlagen mit CSS Daniel Koch Daniel Koch Joomla!-Templates Professionelle Vorlagen mit CSS Daniel Koch Joomla!-Templates. Professionelle Vorlagen mit CSS ISBN: 978-3-86802-325-1
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
MehrINDEXHIBIT 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
MehrFormatierung eines Text Ads in CSS
Formatierung eines Text Ads in CSS Damit sich die Text Ads möglichst harmonisch in Ihre Webseite einfügen, haben Sie verschiedene Möglichkeiten Ihr Text Ad über CSS (Cascading Style Sheets) zu formatieren.
Mehr15.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Ü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
MehrDigitale Medien 4. STYLESHEETS, CSS
Digitale Medien 4. STYLESHEETS, CSS Vergangene Vorlesungen HTML-Grundlagen Wichtige HTML-Elemente Heute: Stylesheets Anwendung Beispiele Trennung von Inhalt und Layout Oder: Woher weiß der Browser wie
MehrSass. Syntactically Awesome Stylesheets. Christian Kaula christiankaula.com
Sass Syntactically Awesome Stylesheets Christian Kaula christiankaula.com Sass? Sass? Metasprache auf Basis von CSS Sass? Metasprache auf Basis von CSS vereinfacht CSS durch Entfernung redundanter Elemente
MehrDokumentation 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
MehrCrashkurs 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