HTML und CSS. Daniel Beuter Mannheimer Abendakademie, 7. Dezember Copyright: D. Beuter
|
|
|
- Johannes Schubert
- vor 7 Jahren
- Abrufe
Transkript
1 HTML und CSS Daniel Beuter Mannheimer Abendakademie, 7. Dezember 2012 Copyright: D. Beuter
2 Seminar-Inhalte Grundlagen Internet/Browser HTML Grundstruktur Document Type Definition Tags CSS Einbindung Selektoren Klassen Formatierungen
3 Ablauf Heute Seminar 13:00 Uhr bis 15:00 Uhr PAUSE 15:00 Uhr bis 15:15 Uhr Seminar 15:15 Uhr bis ca. 16:45 Uhr
4 Grundlagen Internet Datenfluss Server - Bereitstellung von Informationen Internet - Datenaustausch - Domainverwaltung PC/Laptop - Abruf von Daten - Interpretation - Darstellung
5 Grundlagen Internet Darstellung einer Internetseite 1. Datenabruf einer Internetseite (z.b. PC/Laptop - Abruf von Daten - Interpretation - Darstellung 2. Interpretation durch einen Browser (z.b. Firefox, Internet Explorer, Google Chrome) 3. Darstellung auf dem Bildschirm
6 Was leistet der Browser? Interpretiert HTML und CSS Erstellt aus Fließtext eine übersichtliche Darstellung
7 Was leistet der Browser? - Einschränkungen ACHTUNG! Standards sind nicht durchgehend umgesetzt Jeder Browser hat seine Besonderheiten Vor allem im Bereich CSS ist Vorsicht geboten Firefox/Chrome Internet Explorer
8 Was ist HTML HTML -> Hyper Text Markup Language Die Hypertext Markup Language (HTML; deutsch Hypertext-Auszeichnungssprache) ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. Quelle:
9 Wie programmiert man eine Internetseite? Man benötigt lediglich einen Text-Editor Auf jedem System vorhanden Beispiel
10 HTML - Grundlagen HTML besteht aus Tags: <b>gefetteter Text</b> Tags können verschachtelt werden <b><i>gefetteter und kursiver Text</i></b> Verschachtelung muss immer in der richtigen Reihenfolge geschehen. Was zuletzt geöffnet wurde, muss zuerst geschlossen werden <b>fetter, <i>kursiver</i></b> Text <b>fetter, <i>kursiver</b></i> Text
11 Verschiedene Tags Quelltextstruktur <html>,<head>,<body> etc Tags zur Textformatierung <b>,<i>,<strong> etc Layout-Tags <table> <ol>,<ul> Meta-Tags <meta name= abc content= test />
12 Quelltextstruktur Jede Seite besteht mindestens aus diesen Teilen
13 Bereiche eines HTML-Quelltextes <head> bietet Platz für Allgemeine Informationen wie Sprache, Autor, Lizenz, Inhalt, Zusammenfassung Titel der Seite Importieren von externen Dateien (CSS und JavaScript) <body> bietet Platz für den Inhalt der Seite
14 Document Type Definition Wichtiges Detail, DTD steht vor dem öffnenden HTML-Tag DTD gibt an, mit welcher Syntax das Dokument erstellt wurde Standards werden vom W3C herausgegeben und verwaltet <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Transitional sollte gewählt werden Strict ist sehr hart mit Fehlern
15 Welche Formatierungen werden benötigt? Fett Farbig Kursiv tiefgestellt/hochgestellt andere Schriftart Ausrichtung Schriftgröße Tabellen Absatz Überschrift Bilder Umbruch
16 Überschriften werden mit <h1> bis <h6> gekennzeichnet <h1> sollte nur einmal pro Seite vorkommen <h1> ist Überschrift der obersten Ebene <h6> ist Überschrift der untersten Ebene Überschriften nicht für Textformatierung verwenden, da für Strukturierung der Seite vorgesehen
17 Beispiel Überschriften
18 Abschnitt Abschnitte werden mit <p> für Paragraph eingeleitet und geschlossen Automatischer Zeilenumbruch zwischen Abschnitten Leerzeichen und Zeilenumbrüche werden im HTML- Quelltext ignoriert
19 Abschnitt: Beispiel
20 Abschnitt: Beispiel
21 Textausrichtung im Absatz Mit dem Schlüsselwort align align= center mittig align= right - rechts align= left - links
22 Einfacher Umbruch <br/> eines der wenigen Elemente, die ohne ein End-Tag auskommen
23 Trennlinie <hr/> auch ohne Endtag Erzeugt eine Trennlinie über die gesamte Breite
24 Schriftformatierung <font> Wird genutzt, um Schriftgröße, Farbe und Schriftart festzulegen Textfarbe kann per Name oder per Hex-Code angegeben werden Schriftarten mit Vorsicht einsetzen
25 color=green align=center
26 Schriftformatierung
27 Kursiv, Fett, Unterstrichen, Durchgestrichen, Hoch und Tief Für oft benötigte Elemente gibt es kurze Schreibweisen
28 Listen es gibt sortierte und unsortierte Listen sortierte Listen haben eine Nummerierung 1,2,3 (Standard) a,b,c I,II,III unsortierte Listen haben Aufzählungszeichen square (Quadrat) circle (nicht ausgefüllter Kreis) disc (ausgefüllter Kreis, Scheibe)
29 Listen Einleitung der Liste mittels <ul> oder <ol> <ul> unsorted list unsortierte Liste <ol> ordered list sortierte Liste Listeneinträge mit <li> Listen können verschachtelt werden, so können Hierarchien abgebildet werden.
30 Listen - Beispiele
31 Listen Beispiele
32 Listen - Beispiele
33 Listen Bei nummerierten Listen kann der Wert des aktuellen Eintrags angegeben werden. <li value= 8 >Eintrag mit Nummer 8</li> Arten von nummerierten Listen: <ol type= a > a,b,c <ol type= A > A,B,C <ol type= I > (großes i) I,II,III <ol type= i > i,ii,iii
34 Listen Arten von unsortierten Listen <ul type= disc > Ausgefüllter Kreis (Standard) <ul type= circle > Hohler Kreis, Ring <ul type= square > Quadrat
35 Tabellen Tabellen werden über das Tag <table> eingeleitet Zeilen einer Tabelle werden mit <tr></tr> definiert Zellen in einer Zeile werden mit <td></td> definiert
36 Tabellen Einfaches Beispiel
37 Tabellen Einfaches Beispiel
38 Tabelle - Header Eine Tabelle hat meist eine Überschrift Diese wird mittels <th></th> für Table Header definiert
39 Tabelle Header Beispiel
40 Tabelle aufteilen Eine Tabelle kann in 3 Bereiche gegliedert werden thead Der Kopf der Tabelle tfoot Der Fuß der Tabelle tbody Der Inhaltsbereich einer Tabelle Diese Reihenfolge ist einzuhalten einzelne Elemente können ausgelassen werden Werden keine Bereiche definiert, wird alles als tbody interpretiert (Beispiel von vorhin)
41 Tabelle aufteilen - Beispiel
42 Tabelle - Formatierungsoptionen Eine Tabelle kann formatiert werden Gitternetzlinien: border= 1 Innenabstand: cellpadding= 5 Aussenabstand: cellspacing= 8 Die Angaben werden als Pixel interpretiert.
43 Gitternetz in der Tabelle Gitternetz wird mit border= 1 eingeschaltet Standard: Alle Gitternetzlinien werden angezeigt Schlüsselwort: rules none Keine Gitternetzlinien rows Nur die Zeilen sind abgetrennt cols Nur die Spalten sind abgetrennt groups Die Gruppen (head,foot, body) sind voneinander getrennt all Alle Gitternetzlinien werden angezeigt
44 Gitternetz Beispiel
45 Aussenrahmen Außenrahmen kann auch definiert werden. Schlüsselwort: frame void kein Rahmen above nur oben ein Rahmen below nur unten ein Rahmen lhs left hand side nur links ein Rahmen rhs right hand side nur rechts ein Rahmen hsides horizontal sides nur oben und unten vsides vertical sides nur rechts und links
46 Außenrahmen
47 Spalten definieren Spalten werden über Colgroups definiert direkt nach dem Begin der Tabelle vor dem ersten Inhalt, also vor thead Können absolut definiert werden (in Pixeln) Können in % angegeben werden
48 Spalten definieren
49 Bilder Werden mit dem Tag <img> eingebunden benötigen kein Endtag Schlüsselwort src um Bilddatei zu laden
50 Bilder - Beispiel
51 Bilder Optionen Bilder können formatiert werden Rahmen ums Bild mit border= 1 Größe kann festgelegt werden width= 200px Festlegen der Breite height= 180px Festlegen der Höhe Man kann auch beides festlegen, hier ist jedoch Vorsicht geboten, sonst:
52 Links, Anker Links und Anker werden über das Tag <a> definiert Ankerpunkte werden innerhalb eines Dokumentes gesetzt, um an eine definierte Stelle des Dokumentes zu springen Sinnvoll bei sehr langen Text-Seiten, Glosar Links werden genutzt, um Ankerpunkte oder andere Seiten zu verlinken
53 Links - Beispiel
54 Ankerpunkt setzen <a name= seitenanfang > Kann in einem Link direkt angesprungen werden Seitenintern und Seitenextern Zum Anspringen eines Ankerpunktes wird # verwendet
55 DIV/Span DIV (diverse) und Span werden verwendet, um den Inhalt zu strukturieren DIV ist Blockelement Umbruch, falls nicht anders definiert Span ist Inline-Element kein Umbruch Können Style-Informationen aufnehmen, ähnlich wie <font>
56 Meta-Tags Es gibt diverse Meta-Tags werden verwendet, um Informationen über die Seite anzugeben Beispiele sind: Schlüsselwörter Beschreibung des Inhalts Nennung des Autors Nennung des Copyright Codierung der Seite
57 Meta-Tags Meta-Tags waren für Suchmaschinen sehr relevant mittlerweile nur noch für Yahoo interessant, Google verwendet sie kaum Aufbau
58 Meta-Tags Keywords Stichwortartige Beschreibung des Seiteninhalts Getrennt durch Komma Description Fließtext, sollte nicht mehr als 180 Zeichen haben aber auch nicht zu kurz robots wird von Suchmaschinen ausgewertet, um festzulegen, ob die Seite indexiert werden soll Optionen: index vs. no-index follow vs. no-follow
59 Meta-Tags Ein sehr wichtiges Meta-Tag ist die Angabe der Zeichenkodierung Fehlendes Meta-Tag kann unleserliche Zeichen zur Folge haben
60 Umlaute kodieren ä -> ä Ä -> Ä ß -> ß
61 HTML und CSS Heute CSS als Auszeichnungssprache Formen der Einbindung Selektoren Regeln für die Gestalltung
62 CSS Cascading Style Sheets Grundidee beim Entwurf von CSS war es, mittels HTML oder XML nur die inhaltliche Untergliederung eines Dokumentes und die Bedeutung seiner Teile zu beschreiben, während mittels CSS weitgehend unabhängig davon die konkrete Darstellung (Farben, Layout, Schrifteigenschaften usw.) der Teile festgelegt wird.
63 Wie kann man CSS einbinden? Möglichkeiten der Einbindung von CSS Inline Style-Blöcke Separate Datei
64 Inline-CSS Die einfachste Möglichkeit, CSS einzusetzen Schlüsselwort: style
65 Vorteile/Nachteile Inline-CSS Vorteile sehr einfach umzusetzen Style ist immer direkt am Element keine komplizierten Konstrukte Nachteile Jedes Element muss für sich definiert werden keine Wiederverwertbarkeit uneinheitlich
66 Inline Style-Blöcke Werden direkt in der HTML-Datei geschrieben
67 Vorteile/Nachteile Style-Blöcke Vorteile Alle Design-Informationen an einer Stelle Regeln können wiederverwendet werden volle Kraft von CSS kann genutzt werden Nachteile nur für eine Seite gültig zwischen den Seiten nach wie vor kein Standard geht unter zwischen HTML-Code
68 CSS in eigene Datei auslagern CSS-Regeln können in einer eigenen Datei ausgelagert werden Diese Datei wird auf allen Seiten verwendet Styles sind somit im ganzen Projekt verfügbar
69 Vorteile/Nachteile von Auslagerung Vorteile Einheitliches Design für die ganze Seite möglich Klare Trennung von Inhalt und Design CSS kann komplett genutzt werden Nachteile zwei unterschiedliche Dateien
70 Empfehlung für den Einsatz von CSS keine Methode ist für alles geeignet Mischen ist möglich Empfehlung: Für jede Regel individuell überlegen, wo sie am besten hinpasst Gibt es das Element auch auf anderen Seiten? Auslagern Gibt es das Element noch einmal auf dieser Seite? Auslagern oder Style-Block (besser Auslagern) Ist das Element wirklich einmalig? Inline mit Style-Tag (sehr sparsam gebrauchen)
71 Aufbau einer CSS-Regel CSS-Regeln sind immer nach folgendem Schema aufgebaut: Es können mehrere Selektoren mit Komma getrennt verwendet werden Es können mehrere Schlüsselwörter mit Strichpunkten getrennt in einer Regel verwendet werden
72 Sonderfall: Inline-CSS mit Style-Schlüsselwort Wird das CSS direkt im Element mit dem Schlüsselwort style verwendet, fällt der Selektor und die Klammern weg Stattdessen:
73 Selektoren Selektoren in CSS selektieren ein oder mehrere Elemente Verschiedene Möglichkeiten über eine ID über eine Klasse über den Elementname über ein Schlüsselwort über die Position im Dokument
74 Selektor: ID Über die ID wird ein spezielles Element selektiert Aufbau im CSS #ID des Elements Aufbau im HTML <p id= ID_des_Elements > Wird verwendet, um einzigartige Elemente zu referenzieren, welche einmalig auf einer Seite sind
75 Selektor: Klasse Über eine Klasse können mehrere Elemente einer Seite selektiert werden Aufbau im CSS.Klasse des Elements Aufbau im HTML class= Klasse des Elements Ein Element kann mehrere Klassen haben dadurch lässt sich eine schöne Aufteilung der Format- Regeln erziehlen
76 Selektor: Elementname Über den Elementname können gleiche Elemente selektiert werden Keine Anpassungen im HTML notwendig Sollte so viel wie möglich verwendet werden, um einheitliches Design zu ermöglichen Aufbau im CSS h1 span p
77 Selektor: Schlüsselwort Es können Elemente selektiert werden, welche ein bestimmtes Schlüsselwort gesetzt haben. Über dies können auch Elemente selektiert werden, welche einen bestimmten Wert für ein bestimmtes Schlüsselwort gesetzt haben Aufbau CSS *[Schlüsselwort=Wert] =Wert kann weggelassen werden
78 Selektor: Position im Dokument Selektoren können verknüpft werden Selektoren können aufgelistet werden
79 Verknüpfung von Selektoren Elemente, welche innerhalb eines anderen liegen, werden selektiert Es können Ebenen dazwischen liegen, es muss also kein direktes Kindelement sein Beispiel #content h1 Wird nur angewendet auf Überschriften, welche innerhalb des content-blocks liegen
80 Auflistung von Selektoren Durch Komma von einander getrennte Selektoren Jeder Teil des Selektors kann greifen Beispiel: h1, h2, h3 { color: red; } Alle Überschriften h1-h3 werden rot dargestellt
81 Verschiedene Verknüpfungsarten Nachfolger Kindelement Geschwister-Selektor Tiefen-Selektor
82 Nachfolger Nachfolger werden als einfache Liste dargestellt Arten von Einzel-Selektoren können beliebig gemischt werden Beispiel body #content p.abschnitt h4 Selektiert wird jetzt Überschrift (H4), welche innerhalb eines Abschnittes mit der Klasse.abschnitt liegen, welche wiederum zum Content-Bereich gehören muss. Das body- Element kann hier weggelassen werden.
83 Kindelemente Ähnlich dem Nachfolger-Selektor Nur direkte Kinder werden selektiert Beispiel #content > h4 Nur eine Überschrift (h4) welche direkt im Content-Bereich liegt
84 Geschwister-Selektor Elemente liegen auf gleicher Ebene Müssen nicht direkte Geschwister sein Beispiel: p + span Jeder Span, welcher auf gleicher Ebene ein p -Element haben, werden selektiert
85 Tiefen-Selektor Das Gegenteil vom Kind-Selektor Es muss mindestens eine Ebene zwischen dem ersten und dem zweiten Element liegen Beispiel #content * h3 Jede Überschrift H3 wird selektiert, welche innerhalb von #content liegt, und mindestens ein Element dazwischen liegt.
86 Schriften Schriften werden durch das Schlüsselwort font definiert Beispiel <span style= font-family:arial >Text</span> Fettung in CSS Fettung wird durch das schlüsselwort font-weight definiert. Mögliche Werte bold bolder light lighter 100,200,300,400,500,600,700,800,900
87 Schriften kursive Schriften werden durch das Schlüsselwort font-style Mögliche Werte sind normal (Standard) italic oblique
88 Farben Wie auch in HTML werden Farben in CSS über einen Farbcode (Hexadezimal) angegeben Referenzierung auch über Namen möglich Auflistung aller Farbnamen mit Codes:
89 Farben in CSS Farben werden mit dem Schlüsselwort color festgelegt color bezieht sich dabei auf die Textfarbe, also den Inhalt des Elements
90 Hintergrund Hintergrund kann sein: Farbfläche Bild Schlüsselwort: background-color
91 Hintergrund-Bild Der Hintergrund eines Elementes kann auch aus einem Bild bestehen Schlüsselwort: background-image Als Wert muss die Adresse des Bildes angegeben werden.
92 Hintergrund-Bild
93 Hintergrund - Repeat Standardmäßig wird der Hintergrund in alle Richtungen wiederholt Dieses Verhalten kann gesteuert werden: background-repeat Mögliche Werte repeat-x repeat-y repeat no-repeat horizontal wiederholt vertikal wiederholt in beide Richtungen wiederholt keine Wiederholung
94 Hintergrundeffekte mit Repeat Durch die Wiederholung wird Speicherplatz gespart eine kleine Graphik kann eine ganze Fläche füllen
95 Hintergrundeffekte für Menüs durch vertikales Wiederholen kann man einen Hintergrund beispielsweise für ein Menu erstellen Home Über uns Anfahrt
96 Float Float = Fluss, fließen Elemente in HTML fließen immer Mit CSS kann der Float beeinflusst werden Beispiel: float:left; float: right; Einheitlicher Umbruch (auch für übergeordnete Container) <br style= clear:both />
97 Positionierung In CSS gibt es 2 weitere Möglichkeiten, Elemente zu positionieren Standard ist relative Positionierung Es gibt noch die absolute Positionierung Absolut: Die linke obere Ecke wird zum Elternelement um bestimmte Pixel verschoben Relativ: Die Position wird von der laut Float zugewiesenen Position aus entsprechend verschoben
98 Schatten Man kann Elementen einen Schatten zuordnen Schlüsselwort: box-shadow Beispiel: box-shadow: 3px 2px 7px #ccc; wobei gilt: verschiebung vertikal, verschiebung horizontal, breite des Schattens, Farbe des Schattens
99 Unterschiedliche Umsetzung in Browsern box-shadow wird nicht von allen Browsern erkannt Für Mozilla Firefox: -moz-box-shadow Für Webkit-basierte Browser (Chrome, iphone) -webkit-box-shadow Kompletter Schatten-Block also -moz-box-shadow: 3px 2px 7px #ccc; -webkit-box-shadow: 3px 2px 7px #ccc; box-shadow: 3px 2px 7px #ccc;
100 Runde Ecken Ecken können abgerundet werden Auch hier ist die Umsetzung in den Browsern (noch) nicht einheitlich Beispiel: border-radius: 5px; Für Mozilla und Webkit wieder entsprechend: -moz-border-radius: 5px; -webkit-border-radius: 5px;
101 Runde Ecken Man kann auch einzelne Ecken abrunden border-top-left-radius: 5px; border-top-right-radius: 18px; border-bottom-left-radius: 10px; border-bottom-right-radius: 15px;
102 Vielen Dank! Daniel Beuter DM Kommunikation Neustadt / Weinstraße Tel db@dmkommunikation.de
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...
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
ANWENDUNGSSOFTWARE 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 ,
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
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-,
Kennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Zeichen formatieren... 1 Physische Formatierungen... 1 Zitate auszeichnen... 2 Schrift ändern... 2 Die Schriftgröße einstellen... 2 Die Schriftart einstellen...
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
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
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:
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
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
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
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
Ü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:
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
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: 09.11.2016,
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:
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 $ %!&'(
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
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
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
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
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,
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
Wir studieren HTML-Tags
Abb. 1: Word-Dokument Abb. 2: Das Dokument aus Abb. 1 mit einem Editor betrachtet Wir studieren HTML-Tags Wenn man ein Word-Dokument wie in Abb. 1 mit einem Editor anschaut, erkennt man den Quelltext des
Wert. { color: blue; }
CSS im Überblick HTML wurde vom W3C entwickelt, um die Inhalte einer Webseite zu gliedern und zu strukturieren. In HTML wird festgelegt, ob ein Textinhalt bspw. dies ist eine Überschrift oder
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,
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
Aufbau einer HTML Seite:
1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,
HTML Programmierung. Aufgaben
HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite
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
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,
Seminar DWMX DW Session 002
Seminar DWMX 2004 DW Session 002 Mit Dreamweaver starten (1) Coder oder Designer eine Frage der Einstellung Bearbeiten/Voreinstellungen Kategorie Allgemein Arbeitsbereich ändern Bedienfelder und Bedienfeldgruppen
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
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
Inhalt. Seite 1 von 14
Seite 1 von 14 Inhalt 1. Php ansprechen... 2 2. html... 3 3. Weitere Formatierungen in html... 5 4. Tabellen mit html... 6 a. Grundstrukturen... 6 b. Tabellen formatieren... 11 Seite 2 von 14 1. Php ansprechen
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
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
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
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,
CSS-Boxen. Hans Gell Schulungen & Dienstleistungen Übersicht der Schulungsinhalte
CSS-Boxen Übersicht der Schulungsinhalte Das Web ist nicht aus Papier enttäuschte Erwartungen Autor hat keine Kontrolle Webseiten sehen immer anders aus Webseiten sind flexibel - Papierseiten sind starr
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung
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.
Inhaltsverzeichnis. Einleitung 1. Teil I Workshop Schritt für Schritt zum professionellen HTML-CSS-Design. 1 So geht der Workshop vor 6
ix Einleitung 1 Teil I Workshop Schritt für Schritt zum professionellen HTML-CSS-Design 1 So geht der Workshop vor 6 2 Vorbereitungen 8 2.1 Anlegen einer sinnvollen Ordnerstruktur... 9 2.2 Das brauchen
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
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
EasyHTML v1.0. Eine vereinfachte Seitenbeschreibungssprache
EasyHTML v1.0 Eine vereinfachte Seitenbeschreibungssprache Stand: August 2002 EasyHTML 1.0 Inhaltsverzeichnis 1. Systemvoraussetzungen a. Server b. Client 2. Struktur der Sprache, Einbindung 3. Funktionen
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:
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
Auf die Mischung kommt es an
Auf die Mischung kommt es an Sie können XML, HTML oder auch JavaScript beliebig in einem Dokument kombinieren. Hierbei müssen Sie lediglich entscheiden, was in Ihrem Dokument die höchste Priorität hat.
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
Umsetzen einer skalierbaren horizontalen Navigation:
Umsetzen einer skalierbaren horizontalen Navigation: Erstelle im Dreamweaver eine neue HTML - Datei (navigation.html) und eine CSS Datei (navigation.css). Die Struktur dieser Navigation soll auf einer
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
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
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.
Kapitel 8 HTML. Copyright by Worldsoft AG, 2014, Pfäffikon SZ, Switzerland. Version: 02.10.2014 Seite 1
Kapitel 8 Notwendige Voraussetzungen für diese Schulung: Internetfähiger Computer mit aktuellem Browser (z.b. Firefox, Internet Explorer) Bild- und Textvorlagen: Diese Vorlagen finden Sie auf der CC-Website
4.8 Das Box Modell, Block- vs Inline-Elemente
4 Formatierung mit CSS Webdesignkurshandbuch:: :: :: :: :: :: :: :: :: :: :: :: Büchli :: Süsstrunk :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: : 4.8 Das Box Modell, Block- vs Inline-Elemente
33 CSS in HTML einbinden
D3kjd3Di38lk323nnm 256 33 CSS in HTML einbinden Damit CSS auf HTML wirken kann, muss eine Verknüpfung hergestellt werden. Dafür stehen verschiedene Möglichkeiten zur Verfügung, die in diesem Kapitel beschrieben
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,
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?
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
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
Praxisbeispiel 01:18 Webformulare 07:39 Flexibles zweispaltiges Layout 05:24 Image-Replacement-Techniken 04:02
Einfach mehr können. HTML/CSS Einstieg für Anspruchsvolle Bonusmaterial Praxisbeispiel 01:18 Webformulare 07:39 Flexibles zweispaltiges Layout 05:24 Image-Replacement-Techniken 04:02 Inhaltsverzeichnis
Hintergrundbilder. 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!
7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen
1 7 Tabellen - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen 7.1 Erstellen einer Tabelle Syntax: Inhalt1 Inhalt2 Kommentar
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!DOCTYPE HTML> <html> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
Grundaufbau 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
Ü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
Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.
Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen
Fließ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
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
Inhalt. Vorwort 13. Teil I CSS kennenlernen: Einstieg in XHTML und CSS
Inhalt Vorwort 13 Teil I CSS kennenlernen: Einstieg in XHTML und CSS 1 Auf die Plätze 17 1.1 Wozu CSS lernen? 18 1.2 Wem nützt dieses Buch? 19 1.3 Wie funktioniert dieses Buch? 19 2 Was Sie wissen sollten
HTML Kurs. Inhaltsverzeichnis. Dominic Dietiker Aktualisierung: February 13, 2009. 1 Das HTML-Dokument 2. 2 Einige Tags 7
HTML Kurs Dominic Dietiker Aktualisierung: February 13, 2009 Inhaltsverzeichnis 1 Das HTML-Dokument 2 2 Einige Tags 7 3 Erarbeiten weiterer Tags 11 4 Tabellen 11 A Lösungen 16 1 1 Das HTML-Dokument Tags
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
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
Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
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...
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:
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
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?
1. 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
<!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:
Inhaltsverzeichnis. Hier beschreiben wir die Bearbeitung von Tabellen im Wiki-Code. Für die schnelle Bearbeitung von Tabellen
Tabellen Inhaltsverzeichnis 1 Funktion... 1 2 Einfache Tabellen... 2 3 Komplexere Tabellen... 2 3.1 Rahmen... 2 3.2 Titelzeilen... 3 3.3 Zellen verbinden: Rowspanning und Colspanning... 4 3.4 Verschachtelte
Kommentare <! Dies ist ein Kommentar > Zum Kommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.
HTML Grundgerüst titel der Seite Inhalt der Datei Innerhalb des Dateikopfes einen aussagekräftigen Titel vergeben! Den gesamten sichtbaren Inhalt
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
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,
1. Seminar Multimediale Werkzeuge Sommersemester 2011
1. Seminar Multimediale Werkzeuge Sommersemester 2011 Marco Niehaus marco.niehaus@tu-ilmenau.de 12.04.2011 Page 1 Organisatorisches Terminplanung? Übungs- & Hausaufgaben Gehen zu 30 % in die Endnote ein
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
Mini-Dokumentation zur Bearbeitung der Website massweiler.de
Mini-Dokumentation zur Bearbeitung der Website massweiler.de 10. März 2015 Die Website massweiler.de Die Website massweiler.de wird mit dem Content Management System (CMS) Joomla betrieben. Joomla ist
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
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
HTML Tutorial Part I - Einführung und erste Texte schreiben
HTML Tutorial Part I - Einführung und erste Texte schreiben Hallo und Herzlich Willkommen auf meiner Seite. Hier dreht sich alles um das Thema HTLML Programmierung. Das ganze beginnt bei den einfachsten
Nachbau der Website 1.)Hintergrundbild einfügen eigene CSS-Datei
Nachbau der Website http://www.lake-festival.at/ Erstelle eine neue Bootstrapsite im Ordner lakefestival. Es soll alle Ordner bereits enthalten, back für diverse backgrounds, img mit vielen Bildern usw.
Ü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:
Zeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.
Inhalt: Grundgerüst, Tags, Zeichensatz, Meta-Tags, Farben 1 2 3 4 titel der Datei 5 6
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
ALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN?
HTML AG INHALT Allgemeines... 2 Womit kann ich Websites erstellen?... 2 Grundgerüst von HTML... 3 Tags und Attribute... 3 Links... 4 Links auf andere Seiten... 4 Bilder... 5 meta-tags... 5 Webseiten mit
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öß
Webseiten erstellen für Einsteiger
Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21