-28,810 F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF,

Größe: px
Ab Seite anzeigen:

Download "-28,810 F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF,"

Transkript

1 -28,810 %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW ;IVOIW HEVJ MR MVKIRHIMRIV*SVQ(VYGO*SXSOSTMI1MGVSJMPQSHIVIMRIQ ERHIVIR :IVJELVIR SLRI WGLVMJXPMGLI +IRILQMKYRK HIW,IVEYWKIFIVW VITVSHY^MIVX SHIV YRXIV :IV[IRHYRK IPIOXVSRMWGLIV 7]WXIQI ZIVEVFIMXIX ZIVZMIPJÂPXMKX SHIV ZIVFVIMXIX[IVHIR (MIWI 9RXIVPEKI [YVHI QMX KVS½IV 7SVKJEPX IVWXIPPX YRH KITVÚJX8VSX^HIQ OÔRRIR *ILPIV RMGLX ZSPPOSQQIR EYW KIWGLPSWWIR [IVHIR :IVPEK,IVEYWKIFIV YRH %YXSVIR OÔRRIRJÚVJILPIVLEJXI%RKEFIRYRHHIVIR*SPKIR[IHIV IMRI NYVMWXMWGLI :IVERX[SVXYRK RSGL MVKIRHIMRI,EJXYRK ÚFIVRILQIR (MI &MPHYRKWQIHMIR HIW,)6(8:IVPEKW IRXLEPXIR 0MROW F^[ :IV[IMWI EYJ -RXIVRIXWIMXIR ERHIVIV %RFMIXIV %YJ -RLEPX YRH +IWXEPXYRK HMIWIV %RKIFSXI LEX HIV,)6(8 :IVPEK OIMRIVPIM )MRJPYWW,MIVJÚV WMRH EPPIMRI HMI NI[IM PMKIR%RFMIXIVZIVERX[SVXPMGL -RXIVRIX (4-,,]TIVXI\X 1EVOYT 0ERKYEKI -28,810

2 I NHALTSVERZEICHNIS HTML 1 Einführung Was ist HTML? Unterschiede zu anderen Formaten Vorteile von HTML SGML Geschichte HTML-Syntax Tags Container Ein- und Ausschalten von Formatierungen Parameter Sonderzeichen Fehlertoleranz... 8 Dokumentenstruktur Header (Kopf) Body (Körper) Body-Parameter Standardfarben Schriftarten Fett und Kursiv Schriftgrößen Schriftfarben Überschriften Sonstige Formatierungen Absätze Normaler Absatz Zeilenumbruch Ausrichtung Vorformatierter Text Sonstige Absatzcontainer Links Anchor-Tag URLs Sprungmarken Sonstige Links Grafiken Grafikformate Grafik-Tag Parameter Imagemaps Animationen Listen Aufzählungen Numerierung Listenkopf Verschachtelungen Definitionsliste Sonstige Listen Besondere Verwendung von Listen Tabellen Tabellen-Container Tabellenüberschrift Zeilen Spalten Zellen Kopfzellen Zellenabstände Formulare Formular-Container Eingabefelder Mehrzeilige Textfelder Auswahlboxen Verarbeitung der Informationen Frames Dokumentkörper Rahmencontainer Rahmendokumente Verschachtelung von Rahmen Links Freischwebende Frames Sonstige Befehle Lineal Blinken Marquee Eingebettete Objekte Style Sheets Konzept Syntax Verwendung Style-Klassen Attribute Websites HomePage Mehrere Server Mehrfachmenüs Relative Pfade Verzeichnisse Referenzen Rechte Style-Guide Schnellreferenz Container Einfache Tags Anhang Zeichentabellen Begriffslexikon Stichwortverzeichnis...98

3 HTML Dokumentenstruktur In diesem Kapitel erfahren Sie à à à wie Sie Header und Body einrichten welche Body-Parameter Sie individuell einstellen können welche Standardfarben es gibt Jedes HTML-Dokument hat eine fixe Grundstruktur, die nicht durchbrochen werden sollte. Diese Struktur besteht aus drei ineinander verschachtelten Containern: <HTML>, <HEAD> und <BODY>. Der Container <HTML> umschließt das gesamte Dokument, <HEAD> enthält Informationen zum Dokument und <BODY> umschließt den eigentlichen Text (oder Inhalt) des Dokuments. In der Praxis sieht der Aufbau so aus:... (hier stehen Informationen)... (hier steht der Text).1 Header (Kopf) Innerhalb des Containers <HEAD> kann eine Reihe von anderen Containern und Tags stehen. Diese Befehle haben keinen Einfluß auf die Formatierung oder das Aussehen des Textes, sondern dienen nur zur näheren Bestimmung des Dokuments, seiner Herkunft etc..1.1 Titel Jedes HTML-Dokument muß einen Titel haben. Dieser Titel gibt den Namen des HTML-Dokuments an. Dieser Name wird meistens in der Titelleiste des Browsers angezeigt und dient auch zur Benennung von Lesezeichen und ähnlichen Eintragungen. Der Titel steht innerhalb eines Containers: <TITLE> Mein HTML-Dokument</TITLE> Dieser Container steht wiederum innerhalb des Header-Containers: <TITLE>Mein HTML-Dokument</TITLE>... 10

4 Dokumentenstruktur.1.2 Basispfad Alle HTML-Dokumente haben einen Basispfad. Dieser Pfad (vgl. Verzeichnisse) wird bei Verweisen auf andere HTML-Dokumente und Seiten als Grundlage verwendet. Normalerweise ist dieser Pfad das Verzeichnis, aus dem das aktuelle Dokument geladen wurde. Will man dies ändern, muß man mit dem Tag <BASE> diesen Pfad festlegen: <BASE HREF= > Dieser Tag steht ebenfalls im Header eines Dokuments. Er wird im Kapitel Links noch genauer erklärt..1. Metainformationen Metainformationen sind Werte, die auf die Darstellung des Textes keine Auswirkung haben. Sie geben lediglich Aufschluß über den Ursprung und die Eigenschaften eines Dokuments. Solche Informationen werden als Parameter des Tags <META> angegeben. Die zwei Parameter heißen NAME und CONTENT. Die Syntax sieht so aus: < META NAME="Name" CONTENT="Inhalt"> Als Beispiel für Metainformationen werden hier der Autor und der Editor des HTML-Dokuments gezeigt: <TITLE>Mein HTML-Dokument</TITLE> <META NAME="Author" CONTENT="Christopher Benge"> <META NAME="GENERATOR" CONTENT="Mozilla/.0Gold (WinNT; I) [Netscape]">... 'Author' steht für den Namen des Autors, 'GENERATOR' für das Programm, mit dem die Seite erzeugt wurde. Der Name "Mozilla" ist ein Synonym für den Editor der Firma Netscape..1.4 Suchbegriffe Wird der Tag <ISINDEX> angegeben, stellt der Browser am Beginn des Dokuments ein Texteingabefeld dar, in das ein Suchbegriff eingegeben werden kann. Dieser Suchbegriff bezieht sich nicht auf die aktuelle HTML- Seite, sondern der eingegebene Text wird an den Server geschickt. Über den Parameter PROMPT kann man eine Eingabeaufforderung angeben: < ISINDEX PROMPT= Ein Suchbegriff bitte: > Notizen 11

5 HTML.2 Body (Körper) Innerhalb des Containers <BODY> stehen die eigentlichen Daten eines Dokuments. Diese Daten können aus Text und aus Befehlen bestehen. Diese Befehle sind wiederum Tags oder Container. Um Text in eine HTML-Seite einzufügen, schreibt man ihn zwischen den Container <BODY>: <BODY> Das ist ein Beispieltext. Man braucht keine besonderen Befehle oder Container dazu. </BODY> Nun könnte man schon das erste vollständige HTML-Dokument schreiben, das folgendermaßen aussieht: <TITLE>Mein HTML-Dokument</TITLE> Das ist ein Beispieltext. Man braucht keine besonderen Befehle oder Container dazu. In einem Browser dargestellt nimmt das Dokument folgende Form an: :. Body-Parameter Der Container <BODY> besitzt eine Reihe von Parametern, die das Aussehen des Dokuments beeinflussen können...1 Hintergrund Der Hintergrund einer HTML-Seite kann folgendermaßen definiert sein: durch eine Hintergrundgrafik durch eine Hintergrundfarbe gar nicht Die Grafikdatei wird mit dem Parameter BACKGROUND angegeben. Dieser Parameter erhält den Pfad zur Grafikdatei als Text: < BODY BACKGROUND="wallpaper.gif"> 12

6 Dokumentenstruktur Es kann auch eine fixe Hintergrundfarbe durch den Parameter BGCOLOR angegeben werden. Auch dieser Wert wird als Text übergeben, allerdings muß der Text ein bestimmtes Format haben: < BODY BGCOLOR= "# FF0000" > Hexadezimal-Wert für ROT Wert für BLAU Wert für GRÜN Ist keine Hintergrundfarbe und kein Hintergrundbild angegeben, wird eine im Anzeigeprogramm voreingestellte Farbe für den Hintergrund gewählt...2 Textfarbe Die Farbe des normalen Testes läßt sich über den Parameter TEXT einstellen. Der Übergabewert muß dasselbe Format haben wie beim Parameter BGCOLOR: < BODY TEXT="#0000FF">.. Linkfarben Die Farben der Verweise (oder Links) sind auch über Parameter des Containers BODY änderbar. Bei den Links wird zwischen drei Arten unterschieden: Normale Links Aktive Links (gerade angewählt) Bereits verwendete Links Für diese drei Arten gibt es die drei Parameter LINK, ALINK und VLINK. Hier ein Beispiel: < BODY LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000">.4 Standardfarben Die Farbwerte für den Hintergrund, die Textfarbe und andere Elemente lassen sich entweder über die Werte für die drei Komponenten (Rot, Grün und Blau) angeben, oder über eine von 16 bereits definierten Farben: Name RGB-Wert Farbe BLACK # Schwarz SILVER #C0C0C0 Silber (Grau) GRAY # Grau WHITE #FFFFFF Weiß MAROON # Rostbraun RED #FF0000 Rot PURPLE # Lila FUCHSIA #FF00FF Pink GREEN # Grün LIME #00FF00 Hellgrün OLIVE # Olivgrün YELLOW #FFFF00 Gelb NAVY # Marineblau BLUE #0000FF Blau TEAL # Dunkeltürkis AQUA #00FFFF Hellblau 1

%YXSV1/SVXIRNERR /SEYXSV%3FIVLSJ F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, 7SRHIVLEYTXFYGLZSVKÂRKI

%YXSV1/SVXIRNERR /SEYXSV%3FIVLSJ F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, 7SRHIVLEYTXFYGLZSVKÂRKI 7&*- %YXSV1/SVXIRNERR /SEYXSV%3FIVLSJ %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP

Mehr

)MROEYJÃ&IWXIPPEF[MGOPYRKÃÃ

)MROEYJÃ&IWXIPPEF[MGOPYRKÃÃ 7&11 %YXSV+,EYGOI /SEYXSV%3FIVLSJ %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW

Mehr

F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, +VYRHPEKIR8I\XZIVEVFIMXYRK

F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, +VYRHPEKIR8I\XZIVEVFIMXYRK ;; %YXSVIR4*SGLPIV,1SX^ %YJPEKIZSQ.ERYEV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW ;IVOIW HEVJ

Mehr

%FWGLPY½EVFIMXIRÃ&IVMGLXW[IWIRÃÃ

%FWGLPY½EVFIMXIRÃ&IVMGLXW[IWIRÃÃ 7&*- %YXSV1/SVXIRNERR /SEYXSV%3FIVLSJ %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP

Mehr

%YXSVIR,1SX^6/ÔLPIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, >IMGLRYRKIR(MEKVEQQI4PÂRI

%YXSVIR,1SX^6/ÔLPIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, >IMGLRYRKIR(MEKVEQQI4PÂRI :; %YXSVIR,1SX^6/ÔLPIV %YJPEKIZSQ(I^IQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW ;IVOIW HEVJ

Mehr

.%: %YXSVIR9PVMOI&ÔXXGLIV(MVO*VMWGLEPS[WOM -RLEPXPMGLIW0IOXSVEX%RHVIEW,SPYFIO %YJPEKIZSQ2SZIQFIV +VYRHPEKIR4VSKVEQQMIVYRK

.%: %YXSVIR9PVMOI&ÔXXGLIV(MVO*VMWGLEPS[WOM -RLEPXPMGLIW0IOXSVEX%RHVIEW,SPYFIO %YJPEKIZSQ2SZIQFIV +VYRHPEKIR4VSKVEQQMIVYRK .%: %YXSVIR9PVMOI&ÔXXGLIV(MVO*VMWGLEPS[WOM -RLEPXPMGLIW0IOXSVEX%RHVIEW,SPYFIO %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX

Mehr

%YXSVIRÃ+IWIPPWGLEJXÃJÚVÃ-RJSVQEXMSRWXIGLRSPSKMIÃ

%YXSVIRÃ+IWIPPWGLEJXÃJÚVÃ-RJSVQEXMSRWXIGLRSPSKMIÃ 7'&60& %YXSVIR+IWIPPWGLEJXJÚV-RJSVQEXMSRWXIGLRSPSKMI YRH5YEPMJM^MIVYRK %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI

Mehr

)'(0%1 %YXSV;SPJKERK1YWGLRIV -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF,

)'(0%1 %YXSV;SPJKERK1YWGLRIV -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, )'(0%1 %YXSV;SPJKERK1YWGLRIV -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX (EW)'(00SKSMWXIMRMR(IYXWGLPERHYRHHIV7GL[IM^IMR

Mehr

)'(0%1 %YXSVMRRIR3VXVYR+VMPP'LEVPSXXIZSR&VEYRWGL[IMK -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF,

)'(0%1 %YXSVMRRIR3VXVYR+VMPP'LEVPSXXIZSR&VEYRWGL[IMK -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, )'(0%1 %YXSVMRRIR3VXVYR+VMPP'LEVPSXXIZSR&VEYRWGL[IMK -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX

Mehr

%YXSVIR%,IVHX*87GLRIMHIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, +VYRHPEKIR(IWOXST4YFPMWLMRK

%YXSVIR%,IVHX*87GLRIMHIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, +VYRHPEKIR(IWOXST4YFPMWLMRK 41 %YXSVIR%,IVHX*87GLRIMHIV %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW ;IVOIW

Mehr

%YXSVIR1MGLEIP6EMXL(V,IRHVMO7MIKQYRH0]HME:SPP %YJPEKIZSQ(I^IQFIV %YJFEYYRH:IV[EPXYRKIMRIW2IX^[IVOW F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ

%YXSVIR1MGLEIP6EMXL(V,IRHVMO7MIKQYRH0]HME:SPP %YJPEKIZSQ(I^IQFIV %YJFEYYRH:IV[EPXYRKIMRIW2IX^[IVOW F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ ;%:2 %YXSVIR1MGLEIP6EMXL(V,IRHVMO7MIKQYRH0]HME:SPP %YJPEKIZSQ(I^IQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR

Mehr

23- +IRIVMIVYRK-RWXEPPEXMSR F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF,

23- +IRIVMIVYRK-RWXEPPEXMSR F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, 23- %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW ;IVOIW HEVJ MR MVKIRHIMRIV*SVQ(VYGO*SXSOSTMI1MGVSJMPQSHIVIMRIQ

Mehr

%YXSVIR->MQQIVQERR,&SLRIW7&VÚRMK F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, *SVXKIWGLVMXXIRI%R[IRHYRKIR

%YXSVIR->MQQIVQERR,&SLRIW7&VÚRMK F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, *SVXKIWGLVMXXIRI%R[IRHYRKIR ;;* %YXSVIR->MQQIVQERR,&SLRIW7&VÚRMK %YJPEKIZSQ.ERYEV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW

Mehr

'%27- %YXSVIR(MVO*VMWGLEPS[WOM.SEGLMQ4EPPQIV +VYRHPEKIR4VSKVEQQMIVYRK F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF,

'%27- %YXSVIR(MVO*VMWGLEPS[WOM.SEGLMQ4EPPQIV +VYRHPEKIR4VSKVEQQMIVYRK F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, '%27- %YXSVIR(MVO*VMWGLEPS[WOM.SEGLMQ4EPPQIV %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR

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

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

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

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

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

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

<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

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel Seiten für das WWW selber gestalten Eine Seite im WWW ist in einer Programmiersprache geschrieben. Wir werden nicht die Details einer Programmierung anschauen. Es wird uns nützlich sein, zu wissen, wie

Mehr

<Trainingsinhalt> Webdesign mit HTML & CSS

<Trainingsinhalt> Webdesign mit HTML & CSS Webdesign mit HTML & CSS Einführung...11 Das Internet, das Web und HTML...12 Offen, doch nicht gleich...13 Der Krieg der Browser...14 Ein Schub in Richtung Standards...15 Das aktuelle

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

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

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

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

<Trainingsinhalt> Macromedia Dreamweaver 8 CS3

<Trainingsinhalt> Macromedia Dreamweaver 8 CS3 Macromedia Dreamweaver 8 CS3 inhaltsverzeichnis EINFÜHRUNG 1 Was werden Sie lernen? 3 Minimale Systemanforderungen: Macintosh 4 Minimale Systemanforderungen: Windows 5 LEKTION 1 DREAMWEAVER-GRUNDLAGEN

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

Inhalt. Seite 1 von 14

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

Mehr

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

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

HTML-Grundlagen. Eine Einführung in HTML für Informatik TG 11

HTML-Grundlagen. Eine Einführung in HTML für Informatik TG 11 HTML-Grundlagen Eine Einführung in HTML für Informatik TG 11 HTML-Grundlagen Kapitel 1: Grundlegendes Benötigte Software Einen Texteditor, z.b. Microsoft Notepad WHYSIWY Editoren (Macromedia( DW) Einen

Mehr

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

Mehr

Allgemeine Technologien II Sommersemester Mai 2011 CSS

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

Mehr

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

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

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

Wir studieren HTML-Tags

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

Mehr

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

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

Mehr

CSS Cascading Style Sheets

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

Mehr

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

7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen

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

Mehr

Liebe Leserin, lieber Leser Los geht s 17

Liebe Leserin, lieber Leser Los geht s 17 Liebe Leserin, lieber Leser 13 1 Los geht s 17 1.1 Dreamweaver installieren 17 1.2 Dreamweaver aktivieren und ID anlegen 19 1.3 Den Arbeitsbereich erkunden 20 1.3.1 Das Hauptfenster für einen guten Start

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

http://www.therealgang.de/

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:

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

Computergrundlagen HTML Hypertext Markup Language

Computergrundlagen HTML Hypertext Markup Language Computergrundlagen HTML Hypertext Markup Language Axel Arnold Institut für Computerphysik Universität Stuttgart Wintersemester 2014/15 Ausgabemedien und Beschreibungssprachen Papier: L A T E X feste Seitengröße

Mehr

Kurze Bedienungsanleitung für den Kompozer

Kurze Bedienungsanleitung für den Kompozer Kurze Bedienungsanleitung für den Kompozer Dateioperationen Datei öffnen Datei > Öffnen oder S + o Datei speichern Datei > Speichern oder S + s Datei unter einem neuen Namen oder an einem anderen Ort speichern

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

HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache

HTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache HTML HyperText Markup Language Die Programmiersprache des WWW Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache systemübergreifend, plattformunabhängig (im Idealfall) HTML-Text

Mehr

HTML&XHTML REILLY' 1II II Uli IIIIIIII HHill. Das umfassende Referenzwerk. coeb. L. Chuck Musdano & Bill Kennedy. Beijing. ebastopo1 * Taipei * Tokyo

HTML&XHTML REILLY' 1II II Uli IIIIIIII HHill. Das umfassende Referenzwerk. coeb. L. Chuck Musdano & Bill Kennedy. Beijing. ebastopo1 * Taipei * Tokyo 4. AUFLAGE HTML&XHTML Das umfassende Referenzwerk coeb. L Chuck Musdano & Bill Kennedy Deutsche Übersetzung von Eva Wolfram & Imke Schenk Beijing Fachbereichsbibliothek Informatik TU Darm Stadt 1II II

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

Copyright icomedias GmbH icomedias Group

Copyright icomedias GmbH icomedias Group Version 1.0 September 2016 Copyright icomedias GmbH icomedias Group www.icomedias.com CMS Land Steiermark CMS Editor Seite 2 von 8 Inhalt 1 Der Textblock-Editor... 3 1.1 Tabellen einfügen... 5 1.1 Tabellenzusatzleiste...

Mehr

Das Grundgerüst für ein HTML-Dokument sieht so aus:

Das Grundgerüst für ein HTML-Dokument sieht so aus: Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus:

Mehr

Crash Kurs in HTML Frauenprojektlabor

Crash Kurs in HTML Frauenprojektlabor Crash Kurs in HTML Frauenprojektlabor Crash Kurs in HTML Frauenprojektlabor der FH-Dortmund 1 Crash Kurs in HTML (Frauenprojektlabor) Herzlich willkommen in unserem Crash-Kurs. In diesem Kurs sollt ihr

Mehr

Praxisbeispiel 01:18 Webformulare 07:39 Flexibles zweispaltiges Layout 05:24 Image-Replacement-Techniken 04:02

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

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

CSS - Cascading Style Sheets

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

Mehr

Webentwicklung mit Mozilla Composer I.

Webentwicklung mit Mozilla Composer I. Tutorium Webentwicklung mit Mozilla Composer I. Präsentation der Sitzung vom 12. Mai 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Erstellen und Bearbeiten von Webseiten mit dem HTML-Editor

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

Farben sind im Webdesign wichtig z.b. für die Schriftfarbe oder den Hintergrund.

Farben sind im Webdesign wichtig z.b. für die Schriftfarbe oder den Hintergrund. Layout: Farben Farben sind im Webdesign wichtig z.b. für die Schriftfarbe oder den Hintergrund. Farben festlegen: Schriftfarbe: color:red Hintergrund: background-color: #ff0000 Die Farbe kann entweder

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

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

Ü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

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

PHP & HTML. Kurzeinstieg HTML. Zellescher Weg 12 Willers-Bau A109 Tel Michael Kluge

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

Mehr

Dr. Thomas Meinike

Dr. Thomas Meinike Dr. Thomas Meinike thomas.meinike@et.fh-merseburg.de Fachhochschule Merseburg Fachbereich Elektrotechnik Studiengang Kommunikation und Technische Dokumentation Überblick Streifzug durch 10 Jahre Web Was

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

Webdesign mit (X)HTML und CSS

Webdesign mit (X)HTML und CSS Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*

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

%YXSVIR&EVFEVE,MVWGL[EPH;SPJ;MPG^IO -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX %YJPEKIZSQ.ERYEV +VYRHPEKIR F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ

%YXSVIR&EVFEVE,MVWGL[EPH;SPJ;MPG^IO -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX %YJPEKIZSQ.ERYEV +VYRHPEKIR F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ 30 %YXSVIR&EVFEVE,MVWGL[EPH;SPJ;MPG^IO -RLEPXPMGLIW0IOXSVEX*VERO7GLEFIVX %YJPEKIZSQ.ERYEV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHXGSQ %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW ;IVOIW HEVJ

Mehr

Wert. { color: blue; }

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

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

Suchmaschinen-Optimierung

Suchmaschinen-Optimierung Suchmaschinen, Google & Co. Suchroboter der Suchmaschinen suchen das Web ab von Link zu Link Inhalte der Seiten werden registriert bzw. indexiert riesengrosse Datenbanken 11.10.2016 2 Search Engine Optimization,

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

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

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

4. Briefing zur Übung IT-Systeme

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

Mehr

D a s B e g l e i t s c r i p t z u m

D a s B e g l e i t s c r i p t z u m H T M L f ü r A n f ä n g e r D a s B e g l e i t s c r i p t z u m K u r s Von Konrad Weidmann Im Wintersemester 2005/2006 Inhaltsverzeichnis 0. Einführung...3 1. Bedeutung...3 2. Benutzung...4 a) des

Mehr

HTML & Co. Ein kurzer Einblick

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,

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

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

Magdalene Kubier, Holger Struppek. Web-Design. Praxis der Seitengestaltung im World Wide Web. dpunkt Verlag für digitale Technologie GmbH Heidelberg

Magdalene Kubier, Holger Struppek. Web-Design. Praxis der Seitengestaltung im World Wide Web. dpunkt Verlag für digitale Technologie GmbH Heidelberg Magdalene Kubier, Holger Struppek Web-Design Praxis der Seitengestaltung im World Wide Web dpunkt Verlag für digitale Technologie GmbH Heidelberg 1 Einführung 1 1.1 Eine gemeinsame Sprache 1 1.2 Der Client

Mehr

Inhalt. Vorwort 13. Einleitung 15. Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs Installation und erste Schritte 17

Inhalt. Vorwort 13. Einleitung 15. Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs Installation und erste Schritte 17 Inhalt Vorwort 13 Einleitung 15 Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs 16 1 Installation und erste Schritte 17 1.1 Die Installation von GoLive 5.0 17 Vor Beginn der Installation 17 Die

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

Inhaltsverzeichnis. jetzt lerne ich. Willkommen 13

Inhaltsverzeichnis. jetzt lerne ich. Willkommen 13 Inhaltsverzeichnis jetzt lerne ich Willkommen 13 1 Einstieg Nützliche Hintergründe zum Einlesen 15 1.1 Warum eigentlich noch HTML lernen? 16 1.1.1 Eigene Webdokumente per Hand schreiben 16 1.1.2 HTML-Code

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

ECDL WebStarter Syllabus Version 1.5

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

Mehr

Title-Tag. Titel des HTML-Dokuments. Keywordhäufigkeit im Titel. Keyworddichte im Titel. Position des Keywords im Titel 1/9

Title-Tag. Titel des HTML-Dokuments. Keywordhäufigkeit im Titel. Keyworddichte im Titel. Position des Keywords im Titel 1/9 URL: http://www.schmela-angelshop.de/...line-fliegenruten/ Primäres Keyword/Phrase: Fliegenruten Keywords: Fliegenruten, Fliegenrute, Flyrod, Fliegenfischen Title-Tag Titel des HTML-Dokuments Gibt es einen

Mehr

ECDL WebStarter Syllabus Version 1.0

ECDL WebStarter Syllabus Version 1.0 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.0 Copyright 2004 Österreichische Computer Gesellschaft. Alle Rechte vorbehalten The European Computer Driving Licence Foundation Ltd.

Mehr

Erstellen eines Cocktailartikels

Erstellen eines Cocktailartikels Seite 1 Erstellen eines Cocktailartikels 1. Login in das CMS... 1 2. Aufrufen eines neuen Artikels... 1 3. Schreiben eines neuen Artikels... 2 3.1 Eigenschaften... 2 3.1.1 Objekt kopieren... 2 3.1.2 Pfad...

Mehr

Qualifizierender Abschluss 2011 Informatik

Qualifizierender Abschluss 2011 Informatik Qualifizierender Abschluss 2011 Informatik Excel Voraussetzungen Öffnen und Speichern einer excel-mappe Umbenennen von Tabellen Eingeben von Daten - Zahlen - Text - "Anfasser" - Markieren Einfügen von

Mehr