Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆Stichwörter

Stichwörter (Index)
en Index
fr Indexe

Stichwort  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z

Internet-Grundlagen   HTML - Hypertext Markup Language

CSS   PHP   JavaScript   Webdesign (Webgestaltung)

Suchen  Formatieren von Text  Codetabelle der Sonderzeichen 

Grafik-Technik  Bilder/Symbole/Icons  Farbwähler  Rahmen (border) 

Automatische Weiterleitung Opera: Browser-Umschaltung

Suchen  Internet-Archiv (Wayback-Datenbank)

-

A

Abkürzungen
Absatz
Ausrichtung und Abstände

→ Anfürungszeichen ⇒ Formatieren von Text [F]

→ Anzeige in einem Fenster ⇒ Übergrosser Inhalt (overflow) [P]

→ Internet-Archiv (Wayback-Datenbank) ⇒ Internet-Zugang: Internet-Archiv [Z]

→ Audio (hören) ⇒ Multimedia [M]

→ Aufzählungszeichen (Bullet/Puce) ⇒ Codetabelle der Sonderzeichen [S]

→ Auszeichnung (Fett, Italic, etc.) ⇒ Formatieren von Text [F]

-

Abkürzungen

Grundlagen-Websites [G]

-

Absatz

Text-Elemente [T]

-

Ausrichtung und Abstände

Grundlagen

Absatzkontrolle

Horizontale Textausrichtung <text-align>

Vertikale Textausrichtung <vertical-align>

Aussenabstand margin:

Innenabstandpadding:

HTML - Hypertext Markup Language [H]

-

Grundlagen

-

Absatzkontrolle

-

Horizontale Textausrichtung <text-align>

-

Vertikale Textausrichtung <vertical-align>

-

Aussenabstand margin:

-

Innenabstandpadding:

-

B

Begriffe und Definitionen
Block-Elemente
Browser

→ Bildlaufleiste (scrollbar) ⇒ Übergrosser Inhalt (overflow) [P]

→ Bilder ⇒ Bilder/Symbole/Icons [W]

→ Grafik ⇒ Grafik-Technik [G]

→ Das Boxmodell ⇒ Kasten (box) [P]

→ Breite & Höhe (width & height) ⇒ Positionierung [P]

→ Kasten (box) ⇒ Kasten (box) Rahmen (border) & Kontur (outline) [R]

→ Rahmen (border) ⇒ Kasten (box) Rahmen (border) & Kontur (outline) [R]

→ Opera-Buttons zum Wechseln des Browsers ⇒ Opera-Button [O]

-

Begriffe und Definitionen

Grundlagen-Websites [G]

-

Block-Elemente

Block-Element div [D]

Block-Element pre [P]

HTML - Hypertext Markup Language [H]

-

Browser (Webbrowser)

Internet-Grundlagen [G]

-

C

<code>
Computer Hard- & Software
CSS - Cascading Stylesheets

→ Codetabelle der Sonderzeichen ⇒ Codetabelle der Sonderzeichen [S]

→ Color-Mixer ⇒ Farbwähler [F]

→ Cookies ⇒ JavaScript [J]

-

<code> (Inline-Element)

Inline-Elemente [I]

-

Computer Hard- & Software

Internet-Grundlagen [G]

-

CSS - Cascading Stylesheets

Einleitung

Grundlagen

Erstellen und Einbinden von Stylesheets

CSS-Spezifikation und Syntax

Layouts mit CSS

Beispiele

-

Einleitung

-

Grundlagen

-

Erstellen und Einbinden von Stylesheets

-

CSS-Spezifikation und Syntax

-

Layouts mit CSS

-

Beispiele

-

D

Schreibweise von Datum und Zeit
<div>

→ Datenbank ⇒ PHP-Hypertext Preprocessor [P]

→ Internet-Archiv (Wayback-Datenbank) ⇒ Internet-Zugang: Internet-Archiv [Z]

→ Datenschutz ⇒ Recht & Datenschutz [R]

→ Dekoration (Unterstreichen etc.) ⇒ Formatieren von Text [F]

→ Diashow ⇒ Grafik-Technik [G]

→ Digitalkameras ⇒ Multimedia [M]

-

Schreibweise von Datum und Zeit

-

<div> (Block-Element)

Block-Elemente [B]

-

E

→ Internationales Einheitensystem (SI-Einheiten) ⇒ Text-Elemente [M]

→ Text-Elemente ⇒ Text-Elemente [T]

→ Zwei Elemente in einer Zeile (display:inline) ⇒ Positionierung [P]

→ E-Mails ⇒ E-Mails, Emoticons & Smileys [M]

→ Emoticons ⇒ E-Mails, Emoticons & Smileys [M]

→ Bilder/Symbole/Icons ⇒ Bilder/Symbole/Icons [W]

→ Grafik ⇒ Grafik-Technik [G]

→ Empfehlungen ⇒ Normen und Empfehlungen [N]

→ Erster Buchstabe und erste Zeile anders ⇒ Positionierung [P]

→ Externe Links mit einem Symbol Verweis: Pseudoklassen [V]

-

F

Farben Farbwähler
Foren
Formatieren von Text
Häufig gestellte Fragen (FAQ)

→ Typische Fehler ⇒ Webdesign/Technik [W]

→ Fenster mit Bildlaufleiste (scrollbar) ⇒ Übergrosser Inhalt (overflow) [P]

→ Video, Fernsehen und Camcorder ⇒ Multimedia [M]

→ Fett (bold) ⇒ Formatieren von Text [F]

→ Formatierungs-Codes (Trennung etc.) ⇒ Codetabelle der Sonderzeichen [S]

→ Formulare ⇒ PHP-Hypertext Preprocessor [P]

→ Foto ⇒ Bilder/Symbole/Icons [W]

→ Foto ⇒ Grafik-Technik [G]

→ Fotografie/Digitalkameras ⇒ Multimedia [M]

-

Farben

Grundlagen und Workshops

Etwas Farbenlehre

Farbwähler

Hexadezimalformat / Hex-Umrechnung

Standardisierte Farbnamen

Websichere Farben

Beispiele von Farben

Hintergrund- und Schriftfarbe

HTML - Hypertext Markup Language [H]

-

Grundlagen und Workshops

-

Etwas Farbenlehre

-

Farbwähler

Übersicht der RGB-Farben

-

Hexadezimalformat / Hex-Umrechnung
hexadecimal  00   33   66   99   CC   FF

    decimal   0   51  102  153  204  255
    
    percent   0   20   40   60   80  100
Wert:
von Dezimal nach Hexadezimal umrechnen
von Hexadezimal nach Dezimal umrechnen
Geben Sie RGB- oder Hex-Wert ein und klicken Sie für eine Konvertierung auf den passenden Button
rot: Hex-Farbwert
grün:
blau:

-

Standardisierte Farbnamen

Entspricht der CSS 2.1 jedoch ohne Orange.

-

Entspricht Netscape VGA mit zusätzlich Orange.

Farben kann man in CSS als RGB-Wert oder Name angeben.

In der CSS 2.1-Spezifikation sind dafür 17 Namen festgelegt.

Öffnen / Open / Ouvrir

CSS 2.1 - 17 Farben mit Namen
Farbname
Hexadezimal Dezimal Prozent
  #rrggbb #rgb
rgb(x,x,x)
rgb (%,%,%)
aqua #00FFFF #0ff rgb(0,255,255) rgb(0%,100%,100%)
black #000000 #000 rgb(0,0,0) rgb(0%,0%,0%)
blue #0000FF #00f rgb(0,0,255) rgb(0%,0%,100%)
fuchsia #FF00FF #f0f rgb(255,0,255) rgb(100%,0%,100%)
gray #808080 #888 rgb(128,128,128) rgb(50%,50%,50%)
green #008000 #080 rgb(0,128,0) rgb(0%,50%,0%)
lime #00FF00 #0f0 rgb(255,255,255) rgb(0%,100%,0%)
maroon #800000 #800 rgb(128,0,0) rgb(50%,0%,0%)
navy #000080 #008 rgb(0,0,128) rgb(0%,0%,50%)
olive #808000 #880 rgb(128,128,0) rgb(50%,50%,0%)
orange #FFA500 #fa0 rgb(255,165,0) rgb(100%,65%,0%)
purple #800080 #808 rgb(128,0,128) rgb(50%,0%,50%)
red #FF0000 #f00 rgb(255,0,0) rgb(100%,0%,0%)
silver #C0C0C0 #ccc rgb(192,192,192) rgb(75%,75%,75%)
teal #008080 #080 rgb(0,128,128) rgb(0%,50%,50%)
white #FFFFFF #fff rgb(255,255,255) rgb(100%,100%,100%)
yellow #FFFF00 #ff0 rgb(255,255,0) rgb(100%,100%,0%)

Stichwortverzeichnis
Webseitenbau

-

Öffnen / Open / Ouvrir

Netscape - 120 Farben mit Namen
Name Hexadezimal
#rrggbb
aliceblue #F0F8FF
antiquewhite #FAEBD7
aquamarine #7FFFD4
azure #F0FFFF
beige #F5F5DC
blueviolet #8A2BE2
brown #A52A2A
burlywood #DEB887
cadetblue #5F9EA0
chartreuse #7FFF00
chocolate #D2691E
coral #FF7F50
cornflowerblue #6495ED
cornsilk #FFF8DC
crimson #DC143C
darkblue #00008B
darkcyan #008B8B
darkgoldenrod #B8860B
darkgray #A9A9A9
darkgreen #006400
darkkhaki #BDB76B
darkmagenta #8B008B
darkolivegreen #556B2F
darkorange #FF8C00
darkorchid #9932CC
darkred #8B0000
darksalmon #E9967A
darkseagreen #8FBC8F
darkslateblue #483D8B
darkslategray #2F4F4F
darkturquoise #00CED1
darkviolet #9400D3
deeppink #FF1493
deepskyblue #00BFFF
dimgray #696969
dodgerblue #1E90FF
firebrick #B22222
floralwhite #FFFAF0
forestgreen #228B22
gainsboro #DCDCDC
ghostwhite #F8F8FF
gold #FFD700
goldenrod #DAA520
greenyellow #ADFF2F
honeydew #F0FFF0
hotpink #FF69B4
indianred #CD5C5C
indigo #4B0082
ivory #FFFFF0
khaki #F0E68C
lavender #E6E6FA
lavenderblush #FFF0F5
lawngreen #7CFC00
lemonchiffon #FFFACD
lightblue #ADD8E6
lightcoral #F08080
lightcyan #E0FFFF
lightgoldenrodyellow #FAFAD2
lightgreen #90EE90
lightgrey #D3D3D3
lightpink #FFB6C1
lightsalmon #FFA07A
lightseagreen #20B2AA
lightskyblue #87CEFA
lightslategray #778899
lightsteelblue #B0C4DE
lightyellow #FFFFE0
limegreen #32CD32
linen #FAF0E6
mediumaquamarine #66CDAA
mediumblue #0000CD
mediumorchid #BA55D3
mediumpurple #9370DB
mediumseagreen #3CB371
mediumslateblue #7B68EE
mediumspringgreen #00FA9A
mediumturquoise #48D1CC
mediumvioletred #C71585
midnightblue #191970
mintcream #F5FFFA
mistyrose #FFE4E1
moccasin #FFE4B5
navajowhite #FFDEAD
oldlace #FDF5E6
olivedrab #6B8E23
orange #FFA500
orangered #FF4500
orchid #DA70D6
palegoldenrod #EEE8AA
palegreen #98FB98
paleturquoise #AFEEEE
palevioletred #DB7093
papayawhip #FFEFD5
peachpuff #FFDAB9
peru #CD853F
pink #FFC0CB
plum #DDA0DD
powderblue #B0E0E6
rosybrown #BC8F8F
royalblue #4169E1
saddlebrown #8B4513
salmon #FA8072
sandybrown #F4A460
seagreen #2E8B57
seashell #FFF5EE
sienna #A0522D
skyblue #87CEEB
slateblue #6A5ACD
slategray #708090
snow #FFFAFA
springgreen #00FF7F
steelblue #4682B4
tan #D2B48C
thistle #D8BFD8
tomato #FF6347
turquoise #40E0D0
violet #EE82EE
wheat #F5DEB3
whitesmoke #F5F5F5
yellowgreen #9ACD32

Stichwortverzeichnis
Webseitenbau

-

Websichere Farben

Bemerkung:

-

Die browsersichere Palette setzt sich aus den Farben zusammen, bei denen Rot, Grün und Blau auf folgende Werte beschränkt sind:

Hex 00 33 66 99 CC FF
RGB 00 51 102 153 204 255
% 0 20 40 60 80 100

Total sind dies also: 6 rote x 6 grüne x 6 blaue = 216 Farben

Öffnen / Open / Ouvrir

Netscape und CSS - 216 Farben
Hex 00
RGB 0
0 %
Hex 33
RGB 51
20 %
Hex 66
RGB 102
40 %
Hex CC
RGB 153
60 %
Hex 00
RGB 204
80 %
Hex FF
RGB 255
100 %
#000000
black
#000033 #000066 #000099 #0000CC #0000FF
blue
#330000 #330033 #330066 #330099 #3300CC #3300FF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#FF0000
rot
#FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
fuchsia
#003300 #003333 #003366 #003399 #0033CC #0033FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#00FF00
lime
#00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
aqua
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FFFF00
yellow
#FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF
white

Stichwortverzeichnis
Webseitenbau

-

Beispiele von Farben
Webseitenbau & Vademecum
Farbe Verwendung Bezeichnung Format
Grundfarbe Hintergrund $grund #283A4B
Schrift $grund_ganzhell #D7E1EA
Blau-Grün Hintergrund $grund_ganzhell #D7E1EA
Blau Hintergrund $blau #B3C5D6
Grau Hintergrund $grau #E8EEF3
Rot Hintergrund/Rahmen/Schrift $rot #D42B34
Gelb Hintergrund $gelb #F5F08F
Grün Hintergrund $gruen #D0E5CD
Braun Hintergrund $braun #F0DBBD
Violett Hintergrund $violett #E1C6C6
Violettblau Hintergrund $violettblau #E9D6FF

Farben aus fremden Websites
Farbe Verwendung Format
SELFHTML Heller Hintergrund der Titelboxen #FFEEDD
Dunkle Schriftfarbe der Titel #AA5522
SNV Logo (Orange) #EE7D00
Louis Homepage Hintergrund der Hauptseite #751000
Hintergrund Inhalt #EFEFEF
Sterlingsangels Hintergrund Hauptseite #FFCC00

-

Hintergrund- und Schriftfarbe

-

Foren

Grundlagen-Websites [G]

-

Formatieren von Text

Grundlagen

Zeichen [Z]

Worte [W]

Zeilen [Z]

Auszeichnung (Fett, Italic, etc.)

Dekoration (Unterstreichen etc.)

Transformation (Gross, klein etc.)

Schatten

Sprache

Anführungszeichen

HTML - Hypertext Markup Language [H]

-

Grundlagen

-

Auszeichnung (Fett, Italic, etc.)

-

Dekoration (Unterstreichen etc.)

-

Transformation (Gross, klein etc.)

-

Schatten

-

Sprache

-

Anführungszeichen

-

Häufig gestellte Fragen (FAQ)

Grundlagen-Websites [G]

-

G

Grafik-Technik
Internet-Grundlagen
Grundlagen-Websites Glossars
Geschichte.

→ Gästebuch ⇒ PHP-Hypertext Preprocessor [P]

→ Griechische Buchstaben ⇒ Codetabelle der Sonderzeichen [S]

→ Grossschreibung ⇒ Formatieren von Text [F]

→ Bilder/Symbole/Icons ⇒ Bilder/Symbole/Icons [W]

-

Grafik-Technik

Grundlagen und Workshops

Grafikformate

Grafiken einbinden

Grafiken skalieren und ausrichten

Grafiken in Rahmen

Grafik und Text

Grafik mit Verweis

Diashow

Grafiksorten

Rechtliche Aspekte

HTML - Hypertext Markup Language [H]

Bilder/Symbole/Icons [W]

-

Grundlagen und Workshops

-

Grafikformate

-

Grafiken einbinden

-

Grafiken skalieren und ausrichten

-

Grafiken in Rahmen

-

Grafik und Text

-

Grafik mit Verweis

-

Diashow

-

Grafiksorten

-

Rechtliche Aspekte

-

Internet-Grundlagen

Grundlagen-Websites

Normen & Empfehlungen [N]

Management & Handel [M]

Webmaster [W]

Computer Hard- & Software [C]

Internet-Zugang, Webhosting & Fernwartung [Z]

Browser [B]

E-Mails, Emoticons & Smileys [M]

RSS-Feeds & Postcasting [R]

Internet-Telefonie & SMS [T]

Multimedia [M]

Sicherheit [S]

Recht & Datenschutz [R]

Geschichte [G]

-

Grundlagen-Websites

Begriffe und Definitionen [B]

Websites [W]

Video-Tutorials [V]

Glosssars [G]

Abkürzungen [A]

Häufig gestellte Fragen (FAQ) [F]

Foren [F]

Suchen im Web [S]

-

Glosssars

-

Geschichte

Internet-Grundlagen [G]

-

H

HTML - Hypertext Markup Language
Hintergrund

→ Hexadezimalformat / Hex-Umrechnung ⇒ Farben [F]

→ Hintergrundfarbe ⇒ Farben [F]

→ Breite & Höhe (width & height) ⇒ Positionierung [P]

→ Horizontale Textausrichtung ⇒ Ausrichtung und Abstände [A]

→ Handel ⇒ Management & Handel [M]

→ Hardware ⇒ Computer Hard- & Software [C]

-

HTML - Hypertext Markup Language

Einleitung

HTML-Grundlagen

HTML-Dokument

Schriftzeichen [S]

Text-Elemente [T]

Block-Elemente [B]

Inline-Elemente [I]

Formatieren von Text [F]

Positionierung [P]

Ausrichtung und Abstände [A]

Listen [L]

Tabellen [T]

Kasten (box), Rahmen (border) & Kontur (outline) [R]

Hintergrund [H]

Verweise (Links) [V]

Grafik-Technik [G]

Farben [F]

-

Einleitung

-

HTML-Grundlagen

-

HTML-Dokument

-

Hintergrund

Grundlagen

Angaben für den Hintergrund

Angaben des Hintergrundes in einem Stylesheet

HTML - Hypertext Markup Language [H]

-

Grundlagen

-

Angaben für den Hintergrund

-

Angaben des Hintergrundes in einem Stylesheet

-

I

Inline-Elemente

→ Icons ⇒ Bilder/Symbole/Icons [W]

→ Informationstechnologie ⇒ Normen und Empfehlungen [N]

→ Zwei Elemente in einer Zeile (display:inline) ⇒ Positionierung [P]

→ Innenabstand ⇒ Ausrichtung und Abstände [A]

→ Internet-Archiv (Wayback-Datenbank) ⇒ Internet-Zugang: Internet-Archiv [Z]

→ Internet-Archiv (Wayback-Datenbank) ⇒ Internet-Zugang: Internet-Archiv [Z]

→ Internet-Grundlagen ⇒ Internet-Grundlagen [G]

→ Italic (kursiv) ⇒ Formatieren von Text [F]

-

Inline-Elemente

Inline-Element span [S]

Inline-Element code [C]

HTML - Hypertext Markup Language [H]

-

J

JavaScript

-

JavaScript

Einleitung

Grundlagen

Anleitung

Befehle

Beispiele

Cookies

-

Einleitung

-

Grundlagen

-

Anleitung

-

Befehle

-

Beispiele

-

Cookies

-

K

→ Kasten (box) ⇒ Kasten (box), Rahmen (border) & Kontur (outline) [R]

→ Kleinschreibung ⇒ Formatieren von Text [F]

→ Kontaktformular ⇒ PHP-Hypertext Preprocessor [P]

→ Kontur (outline) ⇒ Kasten (box), Rahmen (border) & Kontur (outline) [R]

-

L

Ländercode,
Listen

→ Externe Links mit einem Symbol Verweis: Pseudoklassen [V]

-

Ländercode

-

Listen

Grundlagen

Unsortierte Listenpunkte (unsorted list) <li>

Sortierte Listenpunkte (ordered list) <ol>

Beschreibungsliste (descriptive list)

Listeneinrückung

Listenpunkte als Abschnitte

Listenpunkte mit Grafik

Horizontale Menüs mit Listen position:inline

HTML - Hypertext Markup Language [H]

-

Grundlagen

-

Unsortierte Listenpunkte (unsorted list) <li>

-

Sortierte Listenpunkte (ordered list) <ol>

-

Beschreibungsliste (descriptive list)

-

Listeneinrückung

-

Listenpunkte als Abschnitte

-

Listenpunkte mit Grafik

-

Horizontale Menüs mit Listen <position:inline

-

M

E-Mails, Emoticons & Smileys
Management & Handel
Metrologie
Multimedia

→ Margin ⇒ Ausrichtung und Abstände [A]

→ Masseinheiten und deren Umrechnungen ⇒ Metrologie [M]

→ Mathematische Symbole ⇒ Codetabelle der Sonderzeichen [S]

→ Horizontale Menüs mit Listen position:inline Listen [L]

→ Microsoft PowerPoint ⇒ Multimedia [M]

→ Bilder/Symbole/Icons ⇒ Bilder/Symbole/Icons [W]

-

E-Mails, Emoticons & Smileys

Internet-Grundlagen [G]

-

Management & Handel

Internet-Grundlagen [G]

-

Metrologie

-

Multimedia

Internet-Grundlagen [G]

-

N

Normen und Empfehlungen

→ Navigation ⇒ PHP-Hypertext Preprocessor [P]

→ Numerische Angaben bei Computern ⇒ Metrologie [M]

-

Normen und Empfehlungen

Allgemein

Sektoren

Metrologie (Masse und Gewichte)

Informationstechnologie

W3C-World Wide Web Consortium - Recommendations

Organisationen

Gesetze und Normen

Globale Normen

Recherche

Internet-Grundlagen [G]

-

Allgemein

-

Sektoren

Ländercode [L]

Sprachencode [S]

Währungs-Abkürzungen [W]

Datum und Zeit [D]

Papierformate [P]

-

Informationstechnologie

-

Organisationen

Normenorganisationen:

Organisationen für Empfehlungen:

Behörden und Allgemeine Organisationen wie UN und WTO etc.:

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Behörden, Gesetze

-

Gesetze und Normen

Europäische Union

Neues Konzept - Harmonisierte Normen:

⇒ Neues Konzept/New Approach/La nouvelle approche
⇒ Harmonisierte Europäische Normen.


Schweiz

Zusammenspiel zwischen technischen Vorschriften und Normen:

Das New and Global Approach Konzept
Rechtsverbindlichkeit von Normen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Behörden, Gesetze

-

Globale Normen

Ziele der Normung:

Verhinderung von Handelshemmnissen

Globale Normen:

Internationale Normen
Weltweite Anwendbarkeit von Internationalen Normen

-

Recherche

Normen:

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Sektoren

⇒ Siehe auch Normenlisten in Websites von ISO, CEN, EU, DIN und SNV etc.

Empfehlungen (Recommendations):

Pfeil nach rechts (Icon)
      120 x 120 Pixel W3C: Empfehlungen / Recommandations / Recommendations

-

O

Opera (Browser), Browser-Umschaltung

→ Kontur (outline) ⇒ Kasten (box) Rahmen (border) & Kontour (outline) [R]

-

Opera (Browser)

-

-

P

Papierformate
PHP-Hypertext Preprocessor
Positionierung
<pre>
Pseudoelemente & Pseudoklassen

→ Padding ⇒ Ausrichtung und Abstände [A]

→ Paragraph ⇒ Absatz [A]

→ Pfeile ⇒ Codetabelle der Sonderzeichen [S]

→ Pseudoelemente & Pseudoklassen ⇒ Text-Elemente [T]
→ Pseudoelemente & Pseudoklassen Verweise [V]

→ RSS-Feeds & Postcasting ⇒ RSS-Feeds & Postcasting [R]

→ Microsoft PowerPoint ⇒ Multimedia [M]

-

Papierformate

-

PHP-Hypertext Preprocessor

Einleitung

Grundlagen

PHP-Einführung

PHP-Befehle

Formulare

Formular-Beispiel

Formulare verarbeiten

Erstellung eines Kontaktformulars

Erstellung eines Gästebuches

Diverse Anwendungen

Navigation mit PHP erstellen

Datenbanken

Session

-

Einleitung

-

Grundlagen

-

PHP-Einführung

-

PHP-Befehle

-

Formulare

-

Formular-Beispiel

-

Formulare verarbeiten

-

Erstellung eines Kontaktformulars

-

Erstellung eines Gästebuches

-

Diverse Anwendungen

-

Navigation mit PHP erstellen

-

Datenbanken

-

Session

-

Positionierung

Grundlagen

Positionsart (position)

Breite & Höhe (width & height)

Übergrosser Inhalt (overflow)

Platzhalter

Erster Buchstabe und erste Zeile anders

Zwei Elemente in einer Zeile (display:inline)

Textumfluss (float)

HTML - Hypertext Markup Language [H]

-

Grundlagen

-

Positionsart (position)

-

Breite & Höhe (width & height)

-

Übergrosser Inhalt (overflow)

-

Platzhalter

-

Erster Buchstabe und erste Zeile anders

-

Zwei Elemente in einer Zeile (display:inline)

-

Textumfluss (float)

-

<pre> (Block-Element)

Block-Elemente [B]

-

Text-Elemente: Pseudoelemente & Pseudoklassen

Text-Elemente [T]

→ Pseudoelemente
& Pseudoklassen
HTML-Dokument: Pseudoelemente & Pseudoklassen [H]
Text-Elemente: Pseudoelemente & Pseudoklassen [P]
Verweise: Pseudoklassen a:link a:visited a:hover a:active [V]

-

Q

-

R

Kasten (box) Rahmen (border) & Kontur (outline),
Recht & Datenschutz
RSS-Feeds & Postcasting

→ Grafiken in Rahmen ⇒ Grafik-Technik [G]

→ Referenzieren ⇒ Verweise [V]

-

Kasten (box) Rahmen (border) & Kontur (outline)

Allgemein/Prinzip

Kasten (box)

Rahmen (border)

Kontur (outline)

Beispiele

HTML - Hypertext Markup Language [H]

-

Allgemein/Prinzip

-

Kasten (box)

-

Rahmen (border)

-

Kontur (outline)

-

Beispiele

Titel

Text Absatz 1 Zeile 1
und Absatz 1 Zeile 2

-

Recht & Datenschutz

Internet-Grundlagen [G]

-

RSS-Feeds & Postcasting

Internet-Grundlagen [G]

-

S

Schriftzeichen
Schriftsatz Codetabelle der Sonderzeichen
Schrift (font) Schriftart (font family)
Sicherheit
<span>
Sprachencode
Suche im Web

→ Satzzeichen (Interpunktion) ⇒ Codetabelle der Sonderzeichen [S]

→ Schriftfarbe ⇒ Farben [F]

→ Bildlaufleiste (scrollbar) ⇒ Übergrosser Inhalt (overflow) [P]

→ Session ⇒ PHP-Hypertext Preprocessor [P]

→ Smileys ⇒ E-Mails, Emoticons & Smileys [M]

→ SMS (Short Message Service) ⇒ Internet-Telefonie & SMS [T]

→ Sonderzeichen / Umlaute ⇒ Codetabelle der Sonderzeichen [S]

→ Software ⇒ Computer Hard- & Software [C]

→ Steuerzeichen ⇒ Codetabelle der Sonderzeichen [S]

→ Symbole/Sinnbilder ⇒ Codetabelle der Sonderzeichen [S]

→ Bilder/Symbole/Icons ⇒ Bilder/Symbole/Icons [W]

-

Schriftzeichen

Grundlagen

Schriftsatz (character set)

Schrift (font)

Schriftart (font-family)

Schriftgrösse (font-size)

Schriftstärke (font-weight)

Schriftvariante (font-variant)

Schriftstil (font-style)

Schriftlaufweite (font-strech)

Weitere Schriftformatierungen:

→ Wortabstand (word-spacing) ⇒ Wort-Formatierung [W]

→ Zeichenabstand ⇒ Zeichen-Formatierung

→ Textdekoration (Unterstreichen etc.) ⇒ Formatieren von Text [F]

→ Text-Transformation (Gross, klein etc.) ⇒ Formatieren von Text [F]

→ Hintergrund- und Schriftfarbe ⇒ Farben [F]

→ Textschatten ⇒ Formatieren von Text [F]

HTML - Hypertext Markup Language [H]

-

Grundlagen

-

Schriftsatz (character set)

-

-

Schrift (font)

-

Schriftart (font-family)

-

Schriftgrösse (font-size)

-

Schriftstärke (font-weight)

-

Schriftvariante (font-variant)

-

Schriftstil (font-style)

-

Schriftlaufweite (font-strech)

Diese Eigenschaft wird von den verbreiteten Browsern nicht interpretiert
und daher in CSS 2.1 voraussichtlich nicht mehr enthalten sein.

-

Text formatieren mit <span>

Inline-Elemente [I]

-

Sprachencode

-

Sicherheit

Internet-Grundlagen [G]

-

Suche im Web

Grundlagen-Websites [G]

-

T

Tabellen
Internet-Telefonie & SMS
Text-Elemetne
Trennlinie

→ Tastaturzeichen ⇒ Codetabelle der Sonderzeichen [S]

→ Grafik und Text ⇒ Grafik-Technik [G]

→ Texteinrückung/Textausrückung ⇒ Absatzkontrolle [A]

→ Textumfluss (float) ⇒ Positionierung [P]

→ Tipps und Tricks ⇒ Webdesign/Technik [W]

→ Transformation (Gross, klein etc.) ⇒ Formatieren von Text [F]

→ Typische Fehler ⇒ Webdesign/Technik [W]

-

Tabellen

Grundlagen

Tabelle mit Gitternetzlinien (table with border)

Tabelle ohne Gitternetzlinien (table without border)

Tabelle mit Tiltel in der ersten Spalte

Tabelle mit bestimmten Breiten, Höhen und Farben

Tabellenüberschrift

Zellen miteinander verbinden

HTML - Hypertext Markup Language [H]

-

Grundlagen

-

Tabelle mit Gitternetzlinien (table with border)
Titel 1 Titel 2 Titel 3 Bemerkungen
Zeile 2/Spalte 1 Zeile 2/Spalte 2 Zeile 2/Spalte 3 Zeile 2/Spalte 4
Zeile 3/Spalte 1 Zeile 3/Spalte 2 Zeile 3/Spalte 3 Zeile 3/Spalte 4
Titel 1 Titel 2 Titel 3
Zeile 2/Spalte 1 Zeile 2/Spalte 2 Zeile 2/Spalte 3
Zeile 3/Spalte 1 Zeile 3/Spalte 2 Zeile 3/Spalte 3
Titel 1 Titel 2 Titel 3
Zeile 2/Spalte 1 Zeile 2/Spalte 2 Zeile 2/Spalte 3
Zeile 3/Spalte 1 Zeile 3/Spalte 2 Zeile 3/Spalte 3
Titel 1 Titel 2 Titel 3
Zeile 2/Spalte 1 Zeile 2/Spalte 2 Zeile 2/Spalte 3
Zeile 3/Spalte 1 Zeile 3/Spalte 2 Zeile 3/Spalte 3
Tabelle mit dünnem Rahmen in Rot

-

Tabelle ohne Gitternetzlinien (table without border)
Titel 1 Titel 2 Titel 3 Bemerkungen
Zeile 2/Spalte 1 Zeile 2/Spalte 2 Zeile 2/Spalte 3 Zeile 2/Spalte 4
Zeile 3/Spalte 1 Zeile 3/Spalte 2 Zeile 3/Spalte 3 Zeile 3/Spalte 4

-

Tabelle mit Tiltel in der ersten Spalte
Titel 1 Zeile 1/Spalte 2 Zeile 1/Spalte 3
Titel 2 Zeile 2/Spalte 2 Zeile 2/Spalte 3

-

Tabelle mit bestimmten Breiten, Höhen und Farben
Titel 1 Titel 2 Titel 3
Zeile 2/Spalte 1 Zeile 2/Spalte 2 Zeile 2/Spalte 3
Zeile 3/Spalte 1 Zeile 3/Spalte 2 Zeile 3/Spalte 3
Text 1a Spalte 1
Text 1b Spalte 1
Text 2a Spalte 2
Text 2b Spalte 2
Irgendein Text in dieser Zelle

-

Tabellenüberschrift
Assoziationen
BerlinHamburgMünchen
BulettenFrikadellenFleischpflanzerl

-

Zellen miteinander verbinden
Titel der 3 Spalten
Text der Zeilen 2 und 3 in Spalte 1 Zeile 2 in Spalte 2 Zeile 2 in Spalte 3
Zeile 3 in Spalte 2 Zeile 3 in Spalte 3

-

Internet-Telefonie & SMS

Internet-Grundlagen [G]

-

Text-Elemente

Überschrift [U]

Absatz [A]

Zeile [Z]

Trennlinie [T]

Unsichtbare Elemente [U]

Pseudoelemente & Pseudoklassen [P]

HTML - Hypertext Markup Language [H]

→ Pseudoelemente & Pseudoklassen ⇒ Text-Elemente [T]
→ Pseudoelemente & Pseudoklassen Verweise [V]

-

Trennlinie <hr> (horizontal ruler)

Text-Elemente [T]

-

U

Überschrift
Unsichtbar

→ Übergrosser Inhalt (overflow) ⇒ Positionierung [P]

→ Umkreiste Zeichen ⇒ Codetabelle der Sonderzeichen [S]

→ Umlaute ⇒ Codetabelle der Sonderzeichen [S]

→ Masseinheiten und deren Umrechnungen ⇒ Metrologie [M]

→ Unterstreichen (underline ) ⇒ Formatieren von Text [F]

-

Überschrift

Text-Elemente [T]

-

Unsichtbare Elemente

Text-Elemente [T]

-

-

V

Verweise, Externe Links mit einem Symbol
Video-Tutorials

→ Vertikale Textausrichtung (vertical align) ⇒ Ausrichtung und Abstände [A]

→ Grafik mit Verweis ⇒ Grafik-Technik [G]

→ Video, Fernsehen und Camcorder ⇒ Multimedia [M]

-

Verweise

Referenzieren (Internetadresse)

Verweise (Links)

Projekt-interne Verweise

Projekt-externe Verweise

Verweise auf beliebige Dateien und Dowwnload-Verweise

Link zu E-Mail <mailto>

Zielfenster, Tabulator-Reihenfolge und Tastarurkürzel

Pseudoklassen a:link etc.

Grafik mit Verweis

Diverses

HTML - Hypertext Markup Language [H]

-

Referenzieren (Internetadresse)

-

Verweise (Links)

-

Projekt-interne Verweise

-

Projekt-externe Verweise

-

Verweise auf beliebige Dateien und Dowwnload-Verweise

-

Link zu E-Mail <mailto>

-

Zielfenster, Tabulator-Reihenfolge und Tastarurkürzel

-

Verweise: Pseudoklassen a:link a:visited a:hover a:active

→ Pseudoelemente
& Pseudoklassen
Text-Elemente: Pseudoelemente & Pseudoklassen [P]
Verweise: Pseudoklassen a:link a:visited a:hover a:active [V]

-

Grafik mit Verweis

-

Diverses

-

Video-Tutorials

Grundlagen-Websites [G]

-

W

Währungs-Abkürzungen
Webdesign (Webgestaltung)
Webmaster
Websites
W3C - World Wide Web Consortium Empfehlungen
Wort-Formatierung

→ Internet-Archiv (Wayback-Datenbank) ⇒ Internet-Zugang: Internet-Archiv [Z]

→ Währungssymbole ⇒ Codetabelle der Sonderzeichen [S]

→ Webbrowser ⇒ Browser [B]

→ Grafik ⇒ Grafik-Technik [G]

-

Währungs-Abkürzungen

-

Webdesign (Webgestaltung)

Einleitung

Grundlagen

Design

Bilder/Symbole/Icons

Bildbearbeitung

Technik

Zusatzprogramme

Diverses

-

Einleitung

-

Grundlagen

-

Design

-

Bilder/Symbole/Icons

Symbol des Sternbildes Löwe
      120 x 120 Pixel Textilpflegesymbol

Baustelle
      120 x 105 Pixel Baustelle

Buch (Clipart)
      337 x 455 Pixel Buch clipart-meeting
      396 x 589 Pixel Meeting

Behindertengerecht
      105 x 120 Pixel Behindertengerecht

Brief (Post) 
      128 x 128 Pixel Brief E-Mail (Icon) 
      128 x 128 Pixel E-Mail Telefon (Icon)
      85 x 85 Pixel Telefon Karte (Icon)
      32 x 32 Pixel Karte Kurs (Icon)
      120 x 120 Pixel Kurs

Pfeil nach rechts 
      32 x 32 Pixel Pfeil Lupe 
      24 x 24 Pixel Lupe Lupe plus
      120 x 120 Pixel Lupe plus Lupe minus
      120 x 120 Pixel Lupe minus

Bleistift 
      51 x 43 Pixel Bleistift Telefon Apparat 
      32 x 32 Pixel Telefon Icon Baustelle
      120 x 120 Pixel Baustelle

Schloss zu
      120 x 120 Pixel Schloss zu Schloss offen
      120 x 120 Pixel Schloss offen Passwort
      120 x 120 Pixel Passwort Bildsschirmsperre
      120 x 120 Pixel Bildsschirmsperre

New 
      verkleinert von 448 x 400 Pixel auf 72 x 66 Pixel New Neu 
      72 x 72 Pixel Neu Info 
      256 x 256 Pixel Info Welt 
      552 x 598 Pixel Welt Wichtig / Important 
      135 x 135 Pixel Wichtig Link 
      42 x 42 Pixel Link Weiter 
      256 x 256 Pixel Weiter

FAQ
      38 x 38 Pixel FAQ (Frequently asked questions) Suchen (Feldstecher)
      24 x 24 Pixel Suchen Buch (Icon)
      50 x 50 Pixel Buch Audio (Lautsprecher 
      128 x 128 Pixel Audio Video (Icon)
      50 x 50 Pixel Video

Microsoft Word Dokument (DOC) 
      32 x 32 Pixel Word Dokument Adobe PDF Dokument 
      32 x 32 Pixel PDF Dokument PowerPoint Dokument 
      16 x 16 Pixel PowerPoint Dokument Flash Player
      32 x 32 Pixel Flash Player

Grosses Smiley
      80 x 80 Pixel animiert in 2 Frames Grosses Smiley Telefon-Smiley
      50 x 42 Pixel animiert in 10 Frames Telefon-Smiley Computer-Smiley
      57 x 53 Pixel animiert in 6 Frames Computer-Smiley

Mit Verweis auf die entsprechenden Länder im Internet-Vadenecum

Fenster (Icon>) 
      100 x 100 Pixel Smiley Flagge Schweiz
      42 x 52 Pixel animiert in 8 Frames Fenster (Icon>) 
      100 x 100 Pixel Smiley Flagge Frankreich
      42 x 52 Pixel animiert in 8 Frames Fenster (Icon>) 
      100 x 100 Pixel Smiley Flagge Deutschland
      42 x 52 Pixel animiert in 8 Frames Fenster (Icon>) 
      100 x 100 Pixel Smiley Flagge Österreich
      41 x 27 Pixel animiert in 2 Frames Fenster (Icon>) 
      100 x 100 Pixel Smiley Flagge Grossbritannien
      42 x 52 Pixel animiert in 8 Frames Fenster (Icon>) 
      100 x 100 Pixel Smiley Flagge USA
      99 x 113 Pixel animiert in 7 Frames

Grafik-Technik [G]

-

Bildbearbeitung

-

Technik

-

Zusatzprogramme

-

Diverses

-

Webmaster

Internet-Grundlagen [G]

-

Websites

Grundlagen-Websites [G]

-

W3C - World Wide Web Consortium Empfehlungen

-

Wort-Formatierung

Formatieren von Text [F]

Schriftzeichen [S]

-

X

-

Y

-

Z

Zeichen-Formatierung
Zeile (Text-Element)
Zeilen-Formatierung
Internet-Zugang, Webhosting und Fernwartung

→ Schreibweise von Datum und Zeit ⇒ Schreibweise von Datum und Zeit [D]

→ Zwei Elemente in einer Zeile (display:inline) ⇒ Positionierung [P]

-

Zeichen-Formatierung

Formatieren von Text [F]

Schriftzeichen [S]

-

Zeile (Text-Element)

Text-Elemente [T]

-

Zeilen-Formatierung

Formatieren von Text [F]

-

Internet-Zugang, Webhosting und Fernwartung

Internet-Grundlagen [G]