HTML / CSS Crashkurs Bernd Blümel & Christian Metzger. Start. HTML Crash-Kurs
|
|
|
- Edith Diefenbach
- vor 7 Jahren
- Abrufe
Transkript
1 Start HTML Crash-Kurs 1
2 HTML:Basics HyperText Markup Language logische Auszeichnungssprache Reines Textformat (Ascii) zum Bearbeiten reicht normaler Texteditor kein Frontpage erforderlich Derzeit in Version 4.x Einfache Syntax Sehr einfach zu erlernen 2
3 HTML: Dateiendungen und Startseite Dateiendungen.htm.html Startseite: index default (IIS) welcome (IIS) start kann ggf. in der Webserver Config eingestellt werden 3
4 HTML: Grundgerüst einer HTML-Datei <!-- Dateiname helloworld.html --> <html> Informationen im Head sind nicht sichtbar. Ausser: Title <head> </head> <title>iksy</title> <body> </body> Hello World Im Body ist alles sichtbar -> Browserfenster </html> 4
5 HTML: Zeilenumbruch <br> und Absatz <p></p> <!-- Dateiname helloworld.html --> <html> <head> </head> <title>iksy</title> HTML-Tags <body> </body> <p>hello World</p> <p>guten <br> Tag</p> </html> 5
6 HTML: Absatzausrichtung links, zentriert und rechts <!-- Dateiname helloworld.html --> <html> <head> <title>iksy</title> </head> <body> <p align="left">hello World</p> <p align="center">erstes<br>dokument</p> <p align="right">mit HTML</p> </html> </body> HTML / CSS Crashkurs Bernd Blümel & Christian Metzger 6
7 HTML: Absatz zentrieren <!-- Dateiname helloworld.html --> <html> <head> <title>iksy</title></head> <body> <center> <p>erstes<br>dokument</p> <p>mit HTML</p> </center> </body> </html> 7
8 HTML: Sonderzeichen und Umlaute ä => ä Ä => Ä ö => ö Ö => Ö ü => ü Ü => Ü ß => ß unsichtbares Sonderzeichen 8
9 HTML: Überschriften <!-- Dateiname ueberschriften.html --> <html> <head> <title> Hello World 4 </title> </head> <body> <h1>überschrift Größe 1</h1> <h2>überschrift Größe 2</h2> <h3>überschrift Größe 3</H> <h4>überschrift Größe 4</h4> <h5>überschrift Größe 5</h5> <h6>überschrift Größe 6</h6> </body> </html> 9
10 HTML: Schriftgrössen <!-- Dateiname fontsize.html --> <html> <head><title> font Size </title></head> <body> <p>die gesetzte Schriftgröße wird verwendet.</p> <font size="7"> <p>die größte Schriftart wird verwendet.</p> </font> <font size="1"> <p>die kleinste Schriftart wird verwendet.</p> </font> <p>die gesetzte Schriftgröße wird wieder verwendet.</p> <font size="+4"> <p>die größte Schriftart wird wieder verwendet.</p> </body> </html> HTML / CSS Crashkurs Bernd Blümel & Christian Metzger 10
11 HTML: Hervorhebungen <!-- Dateiname zeichenformate.html --> <html> <head><title> font Size </title></head> <body> <p><b>dieser Text wird fett dargestellt.</b></p> <p><i>dieser Text wird kursiv dargestellt.</i></p> <p><u>dieser Text wird unterstrichen dargestellt.</u></p> <p><emphasis>dieser Text wird hervorgehoben.</emphasis></p> <p><strong>dieser Text wird verstärkt dargestellt.</strong>.</p> </body> </html> 11
12 HTML: Links <a HREF=" Gero</a> Mail: <a <br> <a HREF="../../informatik/bernd.html">Blümel, Bernd</a> Mail: <a <br> 12
13 HTML: Links II innerhalb einer Datei <h1><a name="oben">rettungsanker</a></h1> <p>hier sollte ganz viel Text stehen, zumindest eine Bildschirmseite voll</p> <a href="#oben">seitenanfang</a> oder <a href="../index.htm#oben">nach oben</a></p> 13
14 HTML: Links III lokal auf dem Server <a href=./dokument2.html >Sprung möglich</a> ins www <a href=" FH Bochum </a> Adresse (mailto) 14
15 HTML: Grafiken und Hintergrundbilder Grafik <img src="./icons/tc-trans.jpg" alt="logo TC Südpark" width ="164" height ="189"> Hintergrundbild <body background="kacheln.gif"> 15
16 HTML: Listen <li>erstens</li> <li>zweitens</li> Ungeordnete Liste <ul> <li>ganz langer Text mit sinnfreiem Inhalt der hoffentlich umgebrochen wird</li> <li>hier noch ein Text</li> </ul> Geordnet: statt <ul> [unordered List] <ol> [ordered List] 16
17 HTML: Tabellen <table border="1"> <tr> <th<name</th> <th>vorname</th> </tr> <tr> <td>ihr Name</td> <td>ihr Vorname</td> </tr> </table> Name Ihr Name th= Tag für Kopfspalten td= Tag für normale Spalten Vorname Ihr Vorname 17
18 HTML: Farben <body text=# rrggbb"> für Textkörper <body link="#rrggbb"> für Verweise zu noch nicht besuchten Textstellen <body vlink="#rrggbb"> für Verweise zu bereits besuchten Textstellen <body alink="#rrggbb"> -> für gehighlightete Verweise auch möglich: <body text= 0066CC"> für Textkörper <body text="blue"> für Textkörper 18
19 HTML: Meta-Tags <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="Notepad"> <META NAME="Author" CONTENT="Christian Metzger"> <META NAME="Keywords" CONTENT="HTML, Meta Tags"> <META NAME="Description" CONTENT="Beschreibung"> </HEAD> 19
20 Formular: Wieso? um bestimmte, gleichartig strukturierte Auskünfte von Anwendern einzuholen, um Anwendern das Suchen in Datenbeständen zu ermöglichen, um Anwendern die Möglichkeit zu geben, selbst Daten für einen Datenbestand beizusteuern, um dem Anwender die Möglichkeit individueller Interaktion zu bieten, etwa um aus einer Produktpalette etwas Bestimmtes zu bestellen (aus SelfHTML) 20
21 Formular: Befehle in der ersten Zeile Was soll gemacht werden? GET oder POST? meistens: POST <form subject=adresse" method="post" enctype="text/plain"> Auszug aus einer Log-Datei eines Webservers [03/Jan/2003:19:01: ] "POST /gaestebuch.php HTTP/1.1" " "Mozilla/5.0 (Windows; U; Win98; de-de; rv:0.9.4) Gecko/ Netscape6/6.2.1" "-" 21
22 Formular: Erstes einfaches Formular <form method="post" enctype="text/plain"> <table border="1" align="center"> <tr> <td> Name </td> <td> <input type="text" name="name" size="15"> </td> </tr> <tr> <td> Vorname </td> <td> <input type="text" name="vorname" size="15"> 22
23 Formular: Erstes einfaches Formular fortgesetzt <tr><td> PLZ </td><td> <input type="text" name="plz" size="15"> </td></tr> <tr><td> Stadt </td><td> <input type="text" name="stadt" size="15"> </td></tr> <tr><td> Strasse/Hausnummer </td><td> <input type="text" name="strasse" size="15"> </td></tr> <tr><td colspan="2" align="center"><input type="submit" value="abschicken"></td></tr> </table> </form> </body> </html> 23
24 Formular: Erstes Formular - Browserdarstellung 24
25 Formular: Erstes einfaches Formular - Inhalt der Inhalt der name=mustermann vorname=max plz=12123 stadt=bochum strasse=testrasse 11 Ohne Encryption (application/x-www-form-urlencoded) name=mustermann&vorname=max&plz=12123& stadt=bochum&strasse=teststra\%dfe+11 25
26 Formular: mit Radio-Button <tr> <td> Geschlecht </td> <td> <input type="radio" name="geschlecht" value="m" checked> männlich <br> <input type="radio" name="geschlecht" value="w"> weiblich <br> </td> </tr> <tr><td align="center"><input type="submit" value="abschicken"></td> <td align="center"><input type="reset" value="zurücksetzen"></td> </tr> 26
27 Formular: mit Radio-Button - Browserdarstellung 27
28 Formular: mit Radio-Button Inhalt der Inhalt der name=mustermann vorname=max plz=12123 stadt=bochum strasse=testrasse 11 geschlecht=m 28
29 Formular: mit Auswahlliste <tr> <td> Ermäßigung </td> <td> <select name="status"> <option value="kind">kind</option> <option value="student">student</option> <option value="erwachsener">erwachsener</option> </select> </td> </tr> 29
30 Formular: mit Auswahlliste Browserdarstellung 30
31 Formular: mit Auswahlliste Inhalt der Inhalt der name=mustermann vorname=max plz=12123 stadt=bochum strasse=testrasse 11 geschlecht=m status=student 31
32 Cascading-Style-Sheets - Sinn und Zweck sind eine unmittelbare Ergänzung zu HTML ist DefinitionsSprache von Formateigenschaften einzelner HTML- Elemente. wurde vom W3-Konsortium normiert firmenunabhängigen, offen dokumentierten und frei verwendbaren Standard und was kann CSS was HTML nicht kann? pixelgenaue Positionierung von Elementen unterschiedliche Formatierung für z.b. Web- und Printlayout und vieles mehr 32
33 CSS in der HTML-Datei definieren <html> <head> <title>titel der Datei</title> <style type="text/css"> h1 {font-size:60pt} h1.klein {font-size:55pt; color:blue} </style> </head> <body> <h1> Fröhliches Testen von CSS</h1> <h1 class="klein"> Fröhliches Testen von CSS</h1> </body> </html> 33
34 CSS in einer separaten Datei definieren /* Standard-Style-Definitionen fuer die Webseiten der FH Bochum */ A:link {COLOR: #cc3333; FONT-WEIGHT: 700; TEXT-DECORATION: none} A:visited {COLOR: #ff6666; FONT-WEIGHT: 700; TEXT-DECORATION: none} A:active {COLOR: #cc3333; FONT-WEIGHT: 700; TEXT-DECORATION: underline} A:hover {BACKGROUND-COLOR: #dddddd; COLOR: #cc3333; FONT-WEIGHT: 700} /* Normaler Text */ BODY,LAYER,FORM {color: #000000; background-color: #FFFFFF; font-family: Arial, Helvetica, sanserif; font-size: 12px;} p { line-height:18px }.pref { line-height:18px }.h4 {color: #0066FF; background-color: #FFFFFF; font-family: Arial, Helvetica, sanserif; font-size: 12px; font-weight: bold;} 34
35 CSS File in eine HTML-Datei einbinden <html> <head> <title>titel der Datei</title> <link rel="stylesheet" type="text/css" href="standard.css"> </head> <body> Hier steht jetzt <div class="h4">some Text</div> Hier sollte auch <span class="h4">some Text</span> stehen </body> </html> 35
36 CSS Einbindung - Zusammenfassung in der HTML Datei <style type="text/css"> </style> h1 {font-size:60pt} h1.klein {font-size:55pt; color:blue} in einer externen Datei <link rel="stylesheet" type="text/css" href="standard.css"> auch beides in einer Datei möglich 36
37 CSS Kommentare <style type="text/css"> <! p { color:blue; } /* Format für blauen Text, kreiert am */ --> </style> 37
38 CSS Formate HTML-Formate <head><title>titel der Datei</title> <style type="text/css"> h1 { color:red; } h1.klein {font-size:55pt; color:blue} h1 i { color:blue; font-style:normal; } </style> </head> <body> <h1>wir lernen <i>stylesheets</i></h1> <p>wir lernen <i>stylesheets</i></p> </body> 38
39 CSS Pseudo-Formate I <style type="text/css"> a:link { color:#ee0000; text-decoration:none; font-weight:bold; } a:visited { color:#eeaaaa; text-decoration:none; font-weight:bold; } a:hover { color:#ee0000; text-decoration:none; backgroundcolor:#ffff99; font-weight:bold; } a:active { color:#0000ee; background-color:#ffff99; fontweight:bold; } body { font-family:arial,sans-serif; font-size:12pt; } </style> 39
40 CSS Pseudo-Formate II <body> <p> <a href=" BO</a><br> <a href=" <a href=" <a href=" </p> </body> 40
41 Links zum Thema SelfHTML W3C 41
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
Formulare in html Bernd Bl umel Version: 1. April 2003
Formulare in html Bernd Blümel Version: 1. April 2003 Inhaltsverzeichnis 1 Formulare 2 1 Kapitel 1 Formulare Formulare sind in html die einzige Interaktionsmöglichkeit mit den Benutzern unserer Internet
CSS - 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
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...
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...
HTML Cascading Style Sheets
Informatik 1 für Nebenfachstudierende Grundmodul HTML Cascading Style Sheets Kai-Steffen Hielscher Folienversion: 12. Dezember 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht
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
4. 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
4. 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
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
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
Meine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
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
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
HTML. 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
Digitale Medien. Übung
Digitale Medien Übung HTML Heute Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur eines Dokuments und teilweise die Darstellung. ich bin eine Überschrift
Unterschied 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
Inhaltsverzeichnis. Florian Bauer HTML Seite 2 von 10
HTML Inhaltsverzeichnis HTML Grundlagen... 3 Was ist HTML... 3 URL... 3 HTTP... 3 WWW Funktionsweise... 3 HTML Grundgerüst... 4 Grobes Grundgerüst... 4 Feines Grundgerüst... 4 HTML-Elemente... 5 Tags...
PHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell
Java-Script-Objekte und das Event-Modell 1 Interaktions-Methoden des Window-Objekts
HTML - Die Sprache des Internets. Grundlagen und Kurzprojekt
- Die Sprache des Internets Grundlagen und Kurzprojekt aus der Presse: Definition : Hypertext Markup Language Sprache des WWW definiert: Text- und Absatzformate Links Bild- und Tonelemente Farben offener
E-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
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-,
Informatik und Programmiersprachen
Informatik und Programmiersprachen Einschub: HTML Wintersemester 2004/2005 Prof. Dr. Thomas Wieland HTML HTML = Hypertext Markup Language HTML beschreibt Inhalt, Struktur und Darstellung eines Dokumentes.
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
hotelanfrage_sample <td align = "center"> <select name=dy0 size=1 class="smalltext"> <option selected value="0"><< kein Erwachsener
capcorn Zimmersuche
Hypertext Markup Language HTML. Stefan Szalowski Internet-Technologien HTML
Hypertext Markup Language HTML Hypertext Markup Language HTML Cascading Style Sheets CSS Zwei Sprachen, mit denen Webseiten erstellt werden HTML: Strukturieren von Inhalten durch Elemente Überschriften,
CSS - 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,
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
Erste Schritte mit XHTML
Sascha Frank SS 2005 www.saschafrank.de 3.3.05 Eigene Homepage Rechte am $HOME ändern Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login Eigene Homepage Rechte am $HOME ändern chmod 701
Grundlagen 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
Schiller-Gymnasium Hof 20.12.2004
Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape
Die 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
Einführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker
Tutorium Einführung in HTML Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Grundlagen von HTML Objekte, Elemente, Tags Grundaufbau eines HTML-Dokuments
Textverarbeitung 1. 1. Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung
Informatik - Text / HTML 1 Textverarbeitung 1 1. Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung Leistungsmerkmale Textverarbeitung ist Standardsoftware - nutzerorientiert,
Unterlagen zum HTML-Kurs
Unterlagen zum HTML-Kurs Version 0.05 Professor Dr. Bernd Blümel Fachhochschule Bochum Tel.: 0234-32-10614 email: Bernd.Bluemel@fh-bochum.de www: http://www.fh-bochum.de/fb6/personen/bluemel/index.html
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
Internetseiten selbst erstellt
Internetseiten selbst erstellt Vorüberlegungen: Übersichtsplan aller geplanten Seiten zeichnen und bereits logische Dateinamen überlegen. Inhalt der Seite Willkommen/Was gibt es zu sehen und was will ich
2. Webapplikationen. Webzugang. Präsentation. Geschäftslogik. Browser. Datenhaltung. JSP, Servlets, ASP, PHP. HTML + JavaScript? +Java Applets?
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
HTML & Co. Ein kurzer Einblick
HTML & Co Ein kurzer Einblick 1 Was ist HTML? HTTP= Datenübertragungsprotokoll HTML (Hypertext Markup Language) = Formatiersystem für Textdokumente Entwickelt in Genf (CH) am CERN Befehle zur Formatierung,
Ü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:
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:
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
Ergänzungen zum HTML - Grundkurs
Ergänzungen zum HTML - Grundkurs Ein HTML - Dokument besteht grundsätzlich aus zwei Teilen; HEADER (Kopf, enthält allg. Angaben zu Titel und ähnlich) BODY (Körper, enthält den eigentlichen Text mit Überschriften,
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
PHP & 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
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
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
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,
Digitale 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
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
1 2 3 4 5 6 7 HTLM und CSS. Eine erste Einführung. Karlheinz Zeiner. Inhalt
HTLM und CSS Eine erste Einführung Karlheinz Zeiner Inhalt 1 Vorbereitung 1 1.1 HTML und CSS 1 1.2 Werkzeuge 1 1.3 Quellen 1 2 Erstes HTML-Dokument erstellen 2 2.1 Website, Webpage 2 2.2 Struktur einer
Webdesign-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
HTML 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öß
1 Ä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
Mitschrift 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
Internet und Webseiten-Gestaltung
Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 28. April 2004 Dipl.-Inf. T. Mättig 2004-04-28 Internet und Webseiten-Gestaltung - T. Mättig 1 Vorbemerkungen Dipl.-Inf. T. Mättig E-Mail:
HTML - Grundbegriffe. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 23. November 2016
Informatik 1 für Nebenfachstudierende Grundmodul HTML - Grundbegriffe Kai-Steffen Hielscher Folienversion: 23. November 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel
12. Jgst. 3. Kursarbeit Datum: Fach: Informationsverarbeitung (Leistungskurs) & )!!*+,!- -.!-
12. Jgst. 3. Kursarbeit Datum: 26.03.2007 Klasse: GY 05 c Fach: Informationsverarbeitung (Leistungskurs) Themen: XHTML; CSS Name: Bitte speichern Sie Ihre Ergebnisse regelmäßig. Punkte:!" # Note: 8 $ %!&'(
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
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
Angewandte Informatik
Angewandte Informatik Teil 9.1 Web Seiten V1.3 12.03.2011 1 von 37 Inhaltsverzeichnis 3... Welche Browser werden verwendet? 4... Mit welchen Browser surft die Welt? 5... Wie kommt der Browser zur Seite?
XHTML 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
"Joomla! Templateerstellung für Einsteiger"
"Joomla! Templateerstellung für Einsteiger" Autor: Erich Hengstberger History: Version (beginnend mit 1.0) Status (Im Entwurf/ Review- Exemplar/ Freigegeben) Datum (TT.MM.JJ) 1.0 Im Entwurf 09.05.2006
HTML-Grundlagen (X)HTML:
HTML-Grundlagen (X)HTML: < > beginnender HTML Tag schließender HTML Tag < /> leere HTML Elemente Attribute und Werte &.; Sonderzeichen, HTML Entities Aufbau einer Datei Ein
Kennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Tags (Befehle)... 1 Erste Texte im Browser... 2 Das HTML Grundgerüst... 2 Ihre erste echte Webseite... 2 Texte... 3 Textabsatz und Zeilenumbruch... 3 Einen Zeilenumbruch
http://www.therealgang.de/
http://www.therealgang.de/ Titel : Author : Kategorie : Vorlesung HTML und XML (Einführung) Dr. Pascal Rheinert Sonstige-Programmierung Vorlesung HTML / XML: Grundlegende Informationen zu HTML a.) Allgemeines:
EWS, WS 2016/17, Pfahler
Vorlesung und Übung Universität Paderborn Wintersemester 2016/2017 Dr. Peter Pfahler HTML und CSS F-1 HTML: Ein kurzer Überblick HTML steht für Hypertext Markup Language: eine Auszeichnungssprache, in
Übung zur Vorlesung. Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider Wintersemester 2015/16 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält
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,
<!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:
<html> <body> <h1>html ist ganz einfach!</h1> </body> </html> Marc Schanne HTML
HTML Überblick html ist ganz einfach! 1 HTML HTML ist eine Dokumentbeschreibungssprache, die logische Strukturen zur Beschreibung eines HTML-Dokuments beinhaltet.
"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
Crashkurs Webseitenerstellung mit HTML
Ziel Crashkurs Webseitenerstellung mit HTML Das Ziel dieser Einführung in die Webseitenerstellung ist das Kennenlernen der Seitenbeschreibungssprache HTML und die Nutzung für einfach strukturierte Seiten,
HTML. 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,
Digitale Medien Vergangene Vorlesungen. Style-/Formatangaben. Style Angabe für jedes HTML-Element einfachster Fall: style-attribut
Vergangene Vorlesungen Digitale Medien HTML Grundlagen Wichtige HTML Elemente 4. STYLESHEETS, CSS Heute: Anwendung Beispiele Trennung von Inhalt und Layout Oder: Woher weiß der Browser wie eine Seite darzustellen
Ü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
Diese 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.
Allgemeines. TU Dresden, 24.05.2006 Einführung in HTML Folie 2
Fakultät Elektrotechnik und Informationstechnik Einführung in HTML Dresden, 24.05.2006 Allgemeines HTML = Hypertext Markup Language 1991 am CERN in Genf entwickelt ( Tim Berners-Lee ) Ziel: wissenschaftliche
1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2
HTML GRUNDLAGEN 1 Einführung 1 2 Die Sprachen HTML und XHTML.. 1 3 Struktur einer HTML Seite. 1 4 Webseiten speichern 2 5 Elemente für die Seitenstruktur 2 6 Seiten und Inhalte verlinken 4 7 Sonderzeichen
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
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
Funktionen. - sind kleine, meist ausgelagerte Programme bzw. Programmfragmente. - können Werte zurückgeben, z.b. Berechnungen
Funktionen - sind kleine, meist ausgelagerte Programme bzw. Programmfragmente - können Werte zurückgeben, z.b. Berechnungen - Wert kann alles sein, was man so in Variablen speichern kann Praktisches Beispiel:
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
Die Bilder in diesen Folien sind urheberrechtlich geschützt. Medientechnik. Hypertext Markup Language
Die Bilder in diesen Folien sind urheberrechtlich geschützt. Medientechnik Hypertext Markup Language About Daniel Mies Computervisualisitik, Diplom E-Mail: ugotit@uni-koblenz.de Folien & more: http://uni.ugotit.de
Web-basierte Anwendungssysteme XHTML-Grundlagen
Web-basierte Anwendungssysteme XHTML-Grundlagen Prof. Dr. Sergej Alekseev (alekseev@fb2.fra-uas.de) Prof. Dr. Armin Lehmann (lehmann@e-technik.org) Fachbereich 2 Informatik und Ingenieurwissenschaften
Minimales HTML-Dokument
Datei: NeueSeite.htm Minimales HTML-Dokument Wie man einen Seitentitel einfügt Seitentitel 1 Datei: NeueSeite.htm Seitentitel
ECDL WebStarter Syllabus Version 1.5
ECDL WebStarter Syllabus Version 1.5 Schon im World Wide Web vertreten? syllabusweiss3.indd 1 19.01.2007 13:46:56 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.5 The European Computer
3. 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
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
Kapitel 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
Web-Programmierung (WPR)
Web-Programmierung (WPR) TFH-Berlin Sommer Semester 2008 Manfred Gruner mailto:wpr@gruner.org Web-Programmierung (WPR) Literatur: Web-Technologien (Heiko Wöhr) Konzepte Programmiermodelle - Architekturen
Erstellen eines HTML-Templates mit externer CSS-Datei
Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden
HTML: 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
Auszeichnungssprachen
Auszeichnungssprachen HTML Was ist HTML? HTML - HyperText Markup Landguage (Dt. Hypertext Auszeichnungssprache). HTML ist die Sprache, mit der WWW-Seiten definiert werden und die die Struktur, den Inhalt
XML light. XML bearbeiten. Jörn Clausen
XML light XML bearbeiten Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Formen von XML Nutzen von Grammatiken XML-Mode des Emacs Beispiel-Sprache: XHTML XML light XML bearbeiten 2/25 Daten Daten?
Projektseminar "Texttechnologische Informationsmodellierung"
Projektseminar "Texttechnologische Informationsmodellierung" Markup- und Metasprachen Ziel dieser Sitzung Nach dieser Sitzung sollten Sie: Mit dem Begriffen Markupsprachen bzw. Auszeichungssprachen und
Einführung in HTML. Autor : Martin Amelsberg (MartinAmelsberg@T-Online.de) Version : 4
Einführung in HTML Autor : Martin Amelsberg (MartinAmelsberg@T-Online.de) Version : 4 Inhaltsverzeichnis 1. Einleitung... 3 2. Was ist HTML?... 4 3. Aufbau einer HTML-Datei...4 4. Sonderzeichen und Umlaute...
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