HTML verwendet grundsätzlich den (amerikanischen) ASCII-Zeichensatz, der keine nationalen Sonderzeichen enthält.

Größe: px
Ab Seite anzeigen:

Download "HTML verwendet grundsätzlich den (amerikanischen) ASCII-Zeichensatz, der keine nationalen Sonderzeichen enthält."

Transkript

1 HTML-Grundlagen Eine Einführung in HTML für TG 11Teil 2

2 Nationale Sonderzeichen HTML verwendet grundsätzlich den (amerikanischen) ASCII-Zeichensatz, der keine nationalen Sonderzeichen enthält. Verwendet man dennoch nationale Sonderzeichen, wie deutsche Umlaute, so hängt es von Zielsystem ab, wie und ob diese angezeigt werden! Samstag, 7. August

3 ISO-Zeichensatz Mit Hilfe der ISO-Zeichensätze kann ein gesamtes HTML- Dokument auf einen spezifischen nationalen Zeichensatz eingestellt werden. Die Einstellung erfolgt im <head>-bereich des HTML-Dokuments. Samstag, 7. August

4 ISO-Zeichensätze <meta http-equiv="content-type" content="text/html; charset=iso "> Setzen des Zeichensatzes auf Westeuropäisch Zwischen text/html und charset und vor iso dürfen keine " stehen!!! Samstag, 7. August

5 ISO-Zeichensätze Latin1, ISO Latin2, ISO Latin3,ISO Latin4,ISO bis ISO Latin5,ISO Latin6,ISO westeuropäisch (Deutsch, Englisch, Französisch) slawisch (Polnisch, Rumänisch, Slowakisch) südeuropäisch (Esperanto, Maltesich, Türkisch) osteuropäisch (Baltisch, Bulgarisch, Russisch) Türkisch nordische Sprachen (Lappisch, Grönländisch) Samstag, 7. August

6 Übung 3.6 Ergänze den Zauberlehrling- Text um den Meta-Tag für "Deutsch" Füge dann eine Zeile mit Umlauten als neuen Absatz hinzu. Schaue dir das Ergebnis im Browser an. Samstag, 7. August

7 Übung 3.7 Schaue dir das Ergebnis in "Russisch" an, in dem du den Zeichensatz auf ISO stellst. Schaue dir das Ergebnis im Browser an. Samstag, 7. August

8 Entities Durch spezielle HTML-Codes können nationale Zeichen und andere Sonderzeichen eingestellt werden. &Sonderzeichencode; Samstag, 7. August

9 Deutsche Sonderzeichen HTML-Code ä ö ü ß Zeichen ä ö ü ß HTML-Code Ä Ö Ü Zeichen Ä Ö Ü Samstag, 7. August

10 Weitere Sonderzeichen HTML-Code Zeichen Erzw. Leerzeichen ± ± < < > > µ µ Samstag, 7. August

11 Übung 3.8 Bei eingestelltem russischem Zeichensatz ersetze die Umlaute durch Entities. Schaue dir das Ergebnis im Browser an. Samstag, 7. August

12 Horizontale Linien <hr> hr=horizontal rule Zeichnet eine horizontale Trennlinie Achtung: zu <hr> gibt es kein </hr> Attribut Bedeutung Standard width= Wert Breite der Linie 100% size= Wert Höhe der Linie 2 noshade ohne Schatten./. align= Art Ausrichtung center color= Wert Farbe der Linie gray Samstag, 7. August

13 Übung 3.9 Gliedere den Text (deutsch) mit Trennlinien zwischen den Absätzen. Experimentiere mit den Attributen Schaue dir das Ergebnis im Browser an. Samstag, 7. August

14 HTML-Grundlagen Kapitel 4: Listen

15 Aufzählungen <ul> <li>eintragstext</li>... </ul> Erstellt eine unsortierte Liste Jeder Eintrag der Liste muss dabei in <li>-tags eingeschlossen sein. Samstag, 7. August

16 Aufzählungen <ul type="art"> <li type="art"> Das type-attribut legt für die ganze Liste oder für einen Eintrag den Typ des Aufzählungszeichens fest. Mögliche Werte: disc (gefüllter Kreis - Standardwert) square (gefülltes Quadrat) circle (offener Kreis) Samstag, 7. August

17 Verschachtelte Aufzählungen Statt <li> kann innerhalb einer Aufzählung auch eine weitere Aufzählung mit <ul> gestartet werden. <ul> <li>eintrag 1</li> <li>eintrag 2</li> <ul> <li>eintrag 3</li>... </ul> <li>eintrag 4</li> </ul> Samstag, 7. August

18 Übung 4.1 Erstelle die im Browser gezeigte Aufzählung. Schaue dir das Ergebnis im Browser an. Samstag, 7. August

19 Nummerierte Listen <ol> <li>eintragstext</li>... </ol> Erstellt eine nummerierte Liste Jeder Eintrag der Liste muss dabei in <li>-tags eingeschlossen sein. Samstag, 7. August

20 Nummerierte Liste <ol type="art"> <li type="art"> Das type-attribut legt für die ganze Liste oder für einen Eintrag den Typ der Nummer fest. Mögliche Werte: 1: arabische Ziffern (1,2,3,4,5,...) A: Großbuchstaben (A,B,C,D,E,...) a: Kleinbuchstaben (a,b,c,d,e,...) I: große römische Ziffern (I,II,III,IV,V,...) i: kleine römische Ziffern (i,ii,iii,iv,v,...) Samstag, 7. August

21 Nummerierte Liste <ol start="wert"> Das start-atrribut legt den Startwert der nummerierten Liste fest. Z.B. beginnt <ol start="6" type="i"> mit dem Startwert VI,... Samstag, 7. August

22 Übung 4.2 Erstelle die im Browser gezeigte Aufzählung. Ändere die Typen in alle möglichen Varianten ab. Lasse die Liste mit der römischen Zahl XIV beginnen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

23 HTML-Grundlagen Kapitel 5: Grafiken

24 Einbinden von Grafiken <img src="url der Grafik"> Bindet eine Grafik ein. Der img-tag hat keinen End-Tag! Sofern keine vollständige URL angegeben wird, wird die Grafikdatei im gleichen Verzeichnis erwartet wie die HTML-Datei. Samstag, 7. August

25 Einbinden von Grafiken <img src="flasche.jpg"> Ein Beispiel zum Einbinden einer Grafik. der Grafiken Herdt Verlag Samstag, 7. August

26 Einbinden von Grafiken <img src="flasche.jpg"> Fehlt die Grafikdatei, wird ein Fehlerzeichen angezeigt. Samstag, 7. August

27 Alternativtext bei Grafiken <img src="url" alt="text"> Der Alternativtext wird angezeigt, wenn die Grafikanzeige ausgeschaltet ist oder die Grafik nicht angezeigt werden kann. Samstag, 7. August

28 Größenangaben bei Grafiken <img src="url" height="wert" width="wert"> Die Werte height und width geben die Höhe und die Breite der Grafik in Pixel an. Mit diesen Angaben kann der Browser HTML-Seiten i.d.r. schneller laden. Samstag, 7. August

29 Rahmen bei Grafiken <img src="url" border="wert"> Es wird ein Rahmen in der entsprechenden Pixelstärke um das Bild gezogen. Samstag, 7. August

30 Grafik und Beschriftung <img src="url" align="ausrichtung"> Mit dem align-attribut wird die Ausrichtung der Grafik zum nachfolgenden Text bestimmt. top: am oberen Bildrand middle: in der Bildmitte bottom: am unteren Bildrand Samstag, 7. August

31 Grafik und Beschriftung Mit align=texttop richten Sie den Beschriftungstext obenbündig zur Grafik aus, und zwar an der Oberkante des kleinsten folgenden Textes (texttop = oben am Text). Mit align=absmiddle richten Sie den Beschriftungstext absolut mittig zur Grafik aus, auch bei unterschiedlichen Textgrößen (absmiddle = absolute middle = in jedem Fall mittig). Mit align=absbottom richten Sie den Beschriftungstext untenbündig zur Grafik aus, und zwar an der Unterkante des kleinsten folgenden Textes (absbottom = absolute bottom = in jedem Fall untenbündig). Samstag, 7. August aus: Selfhtml von Stefan Münz

32 Grafik und Abstände <img src="url" hspace="wert" vspace="wert" align="left right"> Plaziert die Grafik mit umfließendem Text. Die hspace- und vspace-attribute bestimmen hierbei den Abstand der Grafik vom Text. Das align-attribut bestimmt, ob die Grafik rechts oder links vom Text steht. Samstag, 7. August

33 Grafikformate In HTML-Dateien sind nur drei Grafikformate erlaubt. Das dritte sogar erst seit der 4er-Generation der Browser. GIF JPG (JPEG) PNG Der Internet-Explorer zeigt jedes in den Registrierung angemeldete Grafikformat an (z.b. BMP), obwohl das keine Internet-Standards sind!!! Samstag, 7. August

34 Übung 5.1 Erstelle eine HTML mit einem Steckbrief von dir und deinem Nachbarn. Die Bilder werden mit der Digitalkamera aufgenommen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

35 HTML-Grundlagen Kapitel 6: Hyper-Links

36 Querverweis setzen <a href="url des Ziels"> Hyperlinkstext </a> Setzt einen Hyper-Link mit dem Text auf die URL des Ziels. Sofern keine vollständige URL angegeben wird, wird das Ziel im gleichen Verzeichnis erwartet wie die HTML-Datei, die es aufruft. Es können absolute und relative Pfade als URL gesetzt werden. Samstag, 7. August

37 Übung 6.1 Verlinke die beiden Steckbrief- Dateien miteinander, so dass sie sich gegenseitig aufrufen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

38 Zielfenster <a href="url" target="fenster">...</a> Das target-attribut bestimmt das Fenster, in dem die Zieldatei angezeigt wird. Mögliche Werte: "name": neues Fenster mit dem Namen name "_blank": öffnet ein neues unbenanntes Fenster "_parent": Anzeige im übergeordneten Fenster "_top": Anzeige ersetzt komplett den Browserinhalt "_self": Anzeige im gleichen Fenster (Voreinstellung) Samstag, 7. August

39 Übung 6.2 Probiere bei den Hyperlinks zwischen den beiden Steckbriefen die Varianten des target-attributs aus. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

40 Anker <a name="ankername"> Text des Sprungziels </a> Definieren eines Sprungziels. <a name="kap1">kapitel 1</a> Samstag, 7. August

41 Auf Anker verweisen <a href="url#ankername">...</a> <a href="#ankername">...</a> Anspringen des Ankes in einer fremden URL oder innerhalb der gleichen Datei. <a href="#kap1">zu Kapitel 1</a> <a href="test.htm#kap1">zu Kapitel 1</a> Samstag, 7. August

42 Übung 6.3 Setze einen Anker beim zweiten Wort des zweiten Absatzes des Zauberlehrling-Textes und verweise darauf. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

43 Verweis auf -Adresse <a href="mailto:adresse"> Hyperlinktext </a> Verweist auf die -Adresse, so dass automatisch der Mail-Client geöffnet wird mit dieser Mailadresse. <a Maile an Micky </a> Samstag, 7. August

44 Optionen für s <a href="mailto:adresse?subject=betreff"> Hyperlinktext </a> Setzt die Betreffzeile im -Client. <a Maile an Micky </a> Samstag, 7. August

45 Optionen für s <a href="mailto:adresse?cc=adresse"> Hyperlinktext </a> Setzt eine cc-adresse im -Client. <a Maile an Micky & an Donald </a> Samstag, 7. August

46 Übung 6.4 Ergänze die Steckbriefe um Links zu dem jeweiligen Mailadressen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

47 Grafik als Hyper-Link <a href="url"> <img src="linkgrafik"> </a> Setzt einen Grafik-Link statt einem Textlink <a href="test.htm"><img src="test.gif"> </a> Samstag, 7. August

48 Übung 6.5 Benutze eine verkleinerte Darstellung des Bildes (60x60 Pixel) als Link zur anderen Steckbrief-Datei. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

49 Linkfarben ändern <body link="farbe" vlink="farbe" alink="farbe"> Setzt die Linkfarbe, die Farbe besuchter Links und die Farbe aktiver Links für das Dokument neu. <body link="red" vlink="fuchsia" alink="yellow"> Samstag, 7. August

50 Weitere Farben ändern <body bgcolor="farbe" text="farbe"> Ändert die Hintergrundfarbe und die Textfarbe des HTML-Dokuments. <body bgcolor="black" text="white"> Samstag, 7. August

51 Übung 6.6 Verändere die Farben des HTML- Dokuments einschl. der Linkfarben. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August

Die Programmiersprache des Webs. HTML HyperText Markup Language Hypertext - Auszeichnungssprache

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

Mehr

Befehle zur physischen Formatierung

Befehle zur physischen Formatierung Befehle zur physischen Formatierung Fett: ... Kursiv: ... Unterstrichen: Schreibmaschineneffekt: Durchstreichen: ... ... ... Vergrößerter Text: ...

Mehr

Workshop Mit Bildern und Links arbeiten. 3.1 Auf der CD-ROM... Das eigene Web mit HTML, CSS und JavaScript ISBN

Workshop Mit Bildern und Links arbeiten. 3.1 Auf der CD-ROM... Das eigene Web mit HTML, CSS und JavaScript ISBN Workshop 3 Das eigene Web mit HTML, CSS und JavaScript ISBN 3-8272-6306-9 3.0 Mit Bildern und Links arbeiten Wenn man danach fragt, was das World Wide Web ausmacht, erhält man viele verschiedene Antworten.

Mehr

Kennen, können, beherrschen lernen was gebraucht wird

Kennen, können, beherrschen lernen was gebraucht wird Inhaltsverzeichnis Inhaltsverzeichnis... 1 Einbinden von Grafiken... 2 Grafiken in den Text einbinden... 2 Grafikverweise... 2 Verweise auf Bilder in Unterverzeichnissen... 2 Verweise auf Bilder im darüber

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

Mehr

Inhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN

Inhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN Inhalt HTML 2 Applets Frames Formulare CSS cascading style sheets SS 06 1 Applets Das Applet Java Applets sind kleine Java-Programme mit deren Hilfe aktive Webseiten erstellt werden können. werden mit

Mehr

HTML - Grundbegriffe. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 23. November 2016

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

Mehr

Kennen, können, beherrschen lernen was gebraucht wird

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

Mehr

Kommentare <! Dies ist ein Kommentar > Zum Kommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.

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

Mehr

Textverarbeitung 1. 1. Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung

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,

Mehr

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) <!DOCTYPE HTML> <html> <head> Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes

Mehr

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) <!doctype html> <html lang=de> <head> Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes

Mehr

Einbinden von Grafiken

Einbinden von Grafiken Einbinden von Grafiken Tag bindet Grafik in HTML-Dokument ein Attribut src gibt Dateinamen an, in die die Grafik eingebunden werden soll Beispiel: 6. Grafiken 1 Grafikverweise Grafik kann nur geöffnet

Mehr

HTML - Die Sprache des Internets. Grundlagen und Kurzprojekt

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

Mehr

HTML & CSS. GIMP > Bild > Bild skalieren Unter diesem Menüpunkt kannst du die Bildgröße verändern. Beachte die Bildproportionen

HTML & 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

Mehr

1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2

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

Mehr

CSS-Klassen am Beispiel von List-Definitionen

CSS-Klassen am Beispiel von List-Definitionen CSS-Klassen am Beispiel von List-Definitionen Jobst-Hartmut Lüddecke 10. Oktober 2011 Zusammenfassung Es werden verschiedene CSS-Definitionen für den Tag vorgestellt. Diese CSS-Definitionen sollten

Mehr

HTML: Text und Textstruktur mit CSS gestalten

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

Mehr

Informatik und Programmiersprachen

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.

Mehr

Richtlinien für das Design der KML Webseite. KML TP2, Informationsdienste

Richtlinien für das Design der KML Webseite. KML TP2, Informationsdienste Richtlinien für das Design der KML Webseite KML TP2, Informationsdienste Inhaltsverzeichnis 1. Einleitung...1 2. Textgestaltung...1 2.1. Absätze...1 2.2. Überschriften...2 2.3. Grafiken...2 3. Besondere

Mehr

Ergänzungen zum HTML - Grundkurs

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,

Mehr

ANWENDUNGSSOFTWARE CSS

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 ,

Mehr

HTML - HyperText Markup Language - breve et efficax

HTML - HyperText Markup Language - breve et efficax Prof. Dr. phil. nat. habil. Alfred H. Gitter Bioinformatik / Biophysik HTML - HyperText Markup Language - breve et efficax 1 Entstehung des Internets 1969 Arpa-Net (US-Militär) Die für das US-Militär arbeitende

Mehr

HTML Programmierung. Aufgaben

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

Mehr

1. Seminar Multimediale Werkzeuge Sommersemester 2011

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

Mehr

Webdesign im Tourismus

Webdesign im Tourismus Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.

Mehr

HTML5 & SCC3. PC-Treff-BB VHS Aidlingen. Lothar R. Krukowski. Ein Überblick

HTML5 & 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

Mehr

Seminar DWMX DW Session 002

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

Mehr

12. Jgst. 3. Kursarbeit Datum: Fach: Informationsverarbeitung (Leistungskurs) & )!!*+,!- -.!-

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 $ %!&'(

Mehr

Allgemeine Technologien II Wintersemester 2011 / November 2011 CSS

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

Mehr

Digitale Medien. Übung

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

Mehr

Wie lege ich eine neue Standardseite an?

Wie lege ich eine neue Standardseite an? Referat VI.5 Internetdienste Wie lege ich eine neue Standardseite an? Legen Sie einen neuen Ordner an Klicken Sie den Ordner an, unter dem Sie die neue Standardseite anlegen möchten. Legen Sie über Datei

Mehr

3. Nummerierung von Überschriften

3. Nummerierung von Überschriften 3. Nummerierung von Überschriften Nachdem Sie Formatvorlagen für die Überschriften festgelegt haben, fehlt den Überschriften jetzt noch eine Nummerierung. 3.1. Nummerierung auswählen Setzen Sie den Cursor

Mehr

Inhalt. 1 Mit CSS beginnen 1. 2 Textauszeichnungen und andere Grundlagen 13

Inhalt. 1 Mit CSS beginnen 1. 2 Textauszeichnungen und andere Grundlagen 13 D3kjd3Di38lk323nnm xiii 1 Mit CSS beginnen 1 1.1 Formate definieren mit CSS......................... 1 1.1.1 lnline-formate............................. 3 1.1.2 Eingebettete Formate........................

Mehr

Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10

Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10 CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...

Mehr

Zeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.

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

Mehr

Variante C - Wie gestalte ich den Bild- und Textslider mit Content-Boxen?

Variante C - Wie gestalte ich den Bild- und Textslider mit Content-Boxen? Online-Tutorials Referat VI.5 Internetdienste Variante C - Wie gestalte ich den Bild- und Textslider mit Content-Boxen? Wofür eignet sich die Variante C? Größeres Bild Die Variante C bietet Ihnen mit den

Mehr

Kennen, können, beherrschen lernen was gebraucht wird

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

Mehr

Schiller-Gymnasium Hof 20.12.2004

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

Mehr

Meine erste Homepage - Beispiele

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

Mehr

Dreamweaver Arbeiten mit HTML-Vorlagen

Dreamweaver Arbeiten mit HTML-Vorlagen Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 13.11.2002, 8.30-13.00 Uhr 19.11.2002, 8.30-13.00 Uhr Dreamweaver Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten

Mehr

Übung: Bootstrap - Navbar

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

Mehr

realschule.htm gymnasium.htm index.htm <html> <head> <title>schularten in Bayern</title> </head> <body text="orange"> <body bgcolor="gray">

realschule.htm gymnasium.htm index.htm <html> <head> <title>schularten in Bayern</title> </head> <body text=orange> <body bgcolor=gray> HTML-Tags Beschreibung HTML-Tags Beispiel Textverarbeitungs- Programm Windows-Editor, z. B. Notepad. Grundstruktur (Mindestanforderung) (nur mit Body-Tag) Hintergrundgrafik Speichern unter + *.htm (.htm

Mehr

DML Befehl: UPDATE II

DML Befehl: UPDATE II HTML HTML-Datei HTML-Datei: Textdatei, die tags enthält Die Tags zeigen dem Webbrowser an, wie die Seite anzuzeigen ist Eine HTML Datei muss eine htm oder html Endung haben Eine HTML Datei kann man mit

Mehr

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache

Mehr

Ein Link auf ein PDF-Dokument <a href= > Zusammenfassung zum </a>

Ein Link auf ein PDF-Dokument <a href=  > Zusammenfassung zum </a> Links und Navigation In einem Buch kommt man von einer zur nächsten Seite durch Umblättern. Im Internet übernehmen diese Aufgabe die Hyperlinks. Im Gegensatz zum Buch können Hyperlinks auf jede beliebige

Mehr

HTML Kurs für Anfänger. alfabm

HTML Kurs für Anfänger. alfabm HTML Kurs für Anfänger alfabm 2011 1 Das Grundgerüst einer HTML Seite Jede HTML-Seite sollte mindestens folgendes Grundgerüst besitzen: Dies ist der einleitende Tag, der dem Browser darauf hinweist,

Mehr

HTML-Grundlagen. Die Layout- und Formatierungsanweisungen heißen Tags, z.b.

HTML-Grundlagen. Die Layout- und Formatierungsanweisungen heißen Tags, z.b. HTML-Grundlagen HTML (Hypertext Markup Language) -Dokumente sind einfache Textdateien, die neben dem eigentlichen Text zusätzliche Anweisungen enthalten, wie das Dokument von einem Browser auf dem Bildschirm

Mehr

Variante F- Wie gestalte ich Bilderstrecke, Hauptinhalt und Content-Boxen?

Variante F- Wie gestalte ich Bilderstrecke, Hauptinhalt und Content-Boxen? Online-Tutorials Referat VI.5 Internetdienste Variante F- Wie gestalte ich Bilderstrecke, Hauptinhalt und Content-Boxen? Wofür eignet sich die Variante F? Größeres Bild Stellen Sie in den Content-Boxen

Mehr

Manual Constructor Seite 1 von 27

Manual Constructor Seite 1 von 27 Inhaltsverzeichnis 1 Überblick...2 2 Start der Anwendung...3 3 Neues Editor Fenster öffnen...4 4 Neues Editor Fenster verwenden...5 1 Befehlsleiste Commands...6 2 Befehlsleiste Font Look...7 3 Textbearbeitung...8

Mehr

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

Mehr

Digitale Medien. Übung

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

Mehr

Die Zeile, in das Foto angegeben wird, heißt dann z. B. <a href="grafik/fotos/foto1.jpg"><img src="grafik/fotos/foto1_kl.

Die Zeile, in das Foto angegeben wird, heißt dann z. B. <a href=grafik/fotos/foto1.jpg><img src=grafik/fotos/foto1_kl. 7.1 Vorschaugrafiken verwenden Der Aufbau einer Seite geht schneller vonstatten, wenn man zunächst kleinere Vorschaugrafiken verwendet, die erst bei Bedarf auf die richtige Größe gebracht werden. Der Befehl

Mehr

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

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände... CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...

Mehr

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

Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Wintersemester 2016/17 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur eines

Mehr

HTML Spielend gelingt die Website

HTML Spielend gelingt die Website HTML Spielend gelingt die Website TOBIAS HAUSER CHRISTIAN WENZ HTML - PDF HTML - Spielend gelingt die Website Impressum Liebe Leserin, lieber Leser! 9 Wir legen los 11 Was ist HTML? 12 Browser 14 Editoren

Mehr

Bedienfelder. Bedienfeld Einfügen

Bedienfelder. Bedienfeld Einfügen DER DREAMWEAVER BILDSCHIRM: Titelleiste Menüleiste Symbolleiste Bedienfelder Eigenschafteninspektor Statuszeile Bedienfeld Einfügen DAS DOKUMENTFENSTER: DER EIGENSCHAFTENINSPEKTOR: Der Eigenschafteninspektor

Mehr

HTML. HyperText Markup Language. von Nico Merzbach

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,

Mehr

HTML-Grundlagen (X)HTML:

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

Mehr

Formatierungsmöglichkeiten

Formatierungsmöglichkeiten Formatierungsmöglichkeiten Text, den Sie in ein Formularfeld eingeben, können Sie auf vielfältige Weise formatieren. Das kann insbesondere beim Erstellen von Materialien sinnvoll sein, aber auch, um z.b.

Mehr

Erste Schritte mit XHTML

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

Mehr

BFWcms RT-Editor Handbuch

BFWcms RT-Editor Handbuch BFWcms RT-Editor Handbuch Letzte Aktualisierung: 26. Juni 2006, P. Preier, IKT BFWcms RT-Editor Inhaltsverzeichnis Editor starten...3 1. Vertikale Menübar...3 1.1. Speichern...4 1.2. Beenden...4 1.3. Neu

Mehr

Wie lege ich eine neue Person an?

Wie lege ich eine neue Person an? Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie

Mehr

Grundlagen-Beispiel CSS

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

Mehr

E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung. Vorlesungsinhalte

E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung. Vorlesungsinhalte E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-04-29 Dipl.-Inf. (FH) T. Mättig Neue Tricks der Viren-Programmierer: E-Mails mit Absender Immatrikulationsamt

Mehr

3 Textformatierung. 3.1 Überschriften und einfache Formatierungen HTML. Textformatierung

3 Textformatierung. 3.1 Überschriften und einfache Formatierungen HTML. Textformatierung 3 Texte sind ein zentraler Bestandteil von HTML. Wie in Textverarbeitungsprogrammen können auch HTML-Texte formatiert werden. Neben Überschriften und den einfachen Formatiermöglichkeiten wie Kursivschrift,

Mehr

HyperTextMarkupLanguage

HyperTextMarkupLanguage HyperTextMarkupLanguage 1) Die eigene Web-Seite in 10 Minuten 1.1 Welche Programme braucht man? Editor (aus dem Menü Zubehör) 1.2 Erstellen eines Grundgerüstes: Steueranweisungen in HTML: sogen. Tag :

Mehr

Einführung in HTML. Hui Dai

Einführung in HTML. Hui Dai Einführung in HTML Hui Dai Grundgerüst einer HTML-Datei HTML-Dateien bestehen aus Text. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte Tags markiert. Fast alle

Mehr

ALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN?

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

Mehr

KEN, DTP, 07/ Produktion

KEN, DTP, 07/ Produktion KEN, DTP, 07/08 32 Produktion Siteverwaltung «Online» Siteverwaltung «Lokal» Sitestruktur Sämtliche Dateien einer (html, jpg, css), die am Ende der Produktion ins Internet gestellt werden, müssen in einem

Mehr

V by WBR1/BFH-TI 2011 by MOU2/BFH-TI

V by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets Unterlagen zum Modul OOP mit Java V 3.0 2007 by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets V3.0 2011 by WBR1&MOU2/BFH- TI Lernziele Die Kursteilnehmer sind in der Lage: Möglichkeiten und

Mehr

Einführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker

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

Mehr

<html> <head> <title> Die Welt der Bäume </title> </head> <body> Hier ensteht eine Seite über Bäume. </body> </html> Abb. 2

<html> <head> <title> Die Welt der Bäume </title> </head> <body> Hier ensteht eine Seite über Bäume. </body> </html> Abb. 2 Dieser html-kurs soll die Informatik-SchülerInnen meines Info-Kurses auf den Info-Quali vorbereiten. Das Werkzeug html soll einen in die Lage versetzten, die Programmierung von Web-Seiten zu verstehen

Mehr

Interne Verweise = Links innerhalb eines Homepage-Projekts

Interne Verweise = Links innerhalb eines Homepage-Projekts Allgemeines zu Verweisen Verweise sind ein entscheidender Bestandteil jedes Hypertext-Projekts und der "intelligente Mehrwert" des World Wide Web. Mit Hilfe von Verweisen strukturieren Sie Ihr Projekt!

Mehr

Auszeichnungssprachen

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

Mehr

Eine Linkliste in Word anlegen und zur Startseite des Browsers machen

Eine Linkliste in Word anlegen und zur Startseite des Browsers machen Eine Linkliste in Word anlegen und zur Startseite des Browsers machen In dieser Anleitung wird beschrieben, wie man mit Word eine kommentierte Linkliste erstellt und diese im Internet Explorer bzw. in

Mehr

Der Rumpf. Titel Seite 3

Der Rumpf. Titel Seite 3 Grundzüge des Web-Designs Es gibt verschiedene Elemente der Darstellung, die im Design immer wieder vorkommen Diese sind z.b. Textblöcke, Bilder, Überschriften, Absätze etc. Titel Seite 1 Diese Elemente

Mehr

Wirtschaftsinformatik. Übung

Wirtschaftsinformatik. Übung Wirtschaftsinformatik Übung Suche nach festem Programm Start des Betriebssystems und Erkennen der angeschlossenen Geräte Zugriff auf die Festplatte via dem Betriebssystem Arbeit mit einem Betriebssystem

Mehr

PresseBox Presseticker

PresseBox Presseticker PresseBox Presseticker Version 1.0 letzte Aktualisierung: 09.04.2013 2013 unn UNITED NEWS NETWORK GmbH, Karlsruhe Inhaltsverzeichnis Einführung... 3 Standard-Ticker... 3 Flying-Ticker... 3 Extended-Ticker...

Mehr

Auf einer Seite werden maximal 10 Einträge angezeigt. Sind viele Einträge vorhanden, werden diese auf mehrere Seiten aufgeteilt.

Auf einer Seite werden maximal 10 Einträge angezeigt. Sind viele Einträge vorhanden, werden diese auf mehrere Seiten aufgeteilt. Die Seitenverwaltung Mit einem Klick auf den Link Seitenverwaltung in der Navigationsleiste auf der linken Seite gelangen Sie zur Übersicht der Einträge in der Seitenverwaltung. Übersicht Auf einer Seite

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 6+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 14.09.2012

Mehr

HTML Tutorial Part I - Einführung und erste Texte schreiben

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

Mehr

HTML- Editor Phase5. Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML kennen.

HTML- Editor Phase5. Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML kennen. Quelle: http://www.clairette.de/tutorial/index.html http://www.meybohm.de Phase5 Editor Der Einstieg Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML

Mehr

Lange Texte formatieren

Lange Texte formatieren Lange Texte formatieren Bearbeiten Sie die Aufgabe Schritt für Schritt. Anleitungen und Hinweise finden Sie in diesem Dokument weiter unten, klicken Sie einfach auf die entsprechenden Kapitelnummern. Aufgabe

Mehr

Wie lege ich eine neue Person an?

Wie lege ich eine neue Person an? Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie

Mehr

Stichpunkte zum Aufbau einer HTML-Website

Stichpunkte zum Aufbau einer HTML-Website Stichpunkte zum Aufbau einer HTML-Website Aufbau eines HTML-Dokumentes: HTML = Hyper Text Markup Language Texteditor zur Befehlseingabe oder im Browser (MIE) Ansicht Quellcode Tags = HTML-Befehle - immer

Mehr

Lange Texte formatieren

Lange Texte formatieren Lange Texte formatieren Aufgabe 1. Öffnen Sie das Dokument LangerText.docx. 2. Weisen Sie dem Titel und den Überschriften geeignete Formatvorlagen zu. Lassen Sie danach automatisch ein Inhaltsverzeichnis

Mehr

1. Übung IT-Management HTML, CSS und JavaScript Teil 2. Einführung, , PC Pool

1. Übung IT-Management HTML, CSS und JavaScript Teil 2. Einführung, , PC Pool 1. Übung IT-Management HTML, CSS und JavaScript Teil 2 Einführung, 26.04.2017, PC Pool Stand und Ausblick Einführung: 26.04.2017, 16.00 Uhr (c.t.), PC Pool Übung: 03.05.2017, 16.00 Uhr, PC Pool Übung:

Mehr

Der CSS-Problemlöser

Der CSS-Problemlöser Rachel Andrew Der CSS-Problemlöser Über 100 Lösungen für Cascading Stylesheets 2., überarbeitete und aktualisierte Auflage «j dpunkt.verlag Inhalt 1 Mit CSS beginnen 1 1.1 Formate definieren mit CSS 1

Mehr

Tutorial zum erstellen einer Webseite

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

Mehr

Variante B - Wie gestalte ich den Bild- und Textslider mit Hauptinhalt?

Variante B - Wie gestalte ich den Bild- und Textslider mit Hauptinhalt? Online-Tutorials Referat VI.5 Internetdienste Variante B - Wie gestalte ich den Bild- und Textslider mit Hauptinhalt? Wofür eignet sich die Variante B? Größeres Bild Mit der Variante B können Sie Bilder

Mehr

Umsetzen einer skalierbaren horizontalen Navigation:

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

Mehr

Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können. Web-Seite wird langsamer geladen

Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können. Web-Seite wird langsamer geladen Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können gleichzeitig angezeigt werden unabhängig voneinander gesteuert werden Web-Seite wird langsamer geladen

Mehr

Aufbau einer Tabelle

Aufbau einer Tabelle Aufbau einer Tabelle : leitet Tabelle ein border="wert": legt Umrandung fest : beendet die Tabelle : definiert eine Zeile : definiert eine Zelle Beispiel: dies

Mehr

Hyper. Text. Markup. Language

Hyper. Text. Markup. Language Hyper Text Markup Language Dateiname und-endung Wir schreiben mit dem Editor eine HTML-Quelldatei, diese endet immer auf Punkt html, also beispielsweise: hello-world.html Wir verwenden in unseren Dateinamen

Mehr

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.

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

Mehr

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

Mehr

Webseiten-Bericht für crimenetwork.biz

Webseiten-Bericht für crimenetwork.biz Webseiten-Bericht für crimenetwork.biz Generiert am 19 Mai 2019 17:43 PM mögliche Punkte: 52 von 100 Seitentitel Just a moment... Länge : 16 Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70 Anzahl

Mehr

Wie lege ich einen Baukasten mit Bild- und Textslider an?

Wie lege ich einen Baukasten mit Bild- und Textslider an? Referat VI.5 Internetdienste Wie lege ich einen Baukasten mit Bild- und Textslider an? Legen Sie einen neuen Baukasten an Klicken Sie auf den Ordner, unter dem Sie den Baukasten anlegen möchten. Wählen

Mehr