Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆Sitemap & Index

Inhalt & Stichwörter
en Contents & Index
fr Table des matières & indexe

-

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

 

-

B Inhalt (Sitemap)
en Contents
fr Table des matières

Home Link (Icon>) 
      42 x 42 Pixel Link zur Startseite

-

Einleitung Link (Icon>) 
      42 x 42 Pixel

-

1 Internet-Grundlagen Link (Icon>) 
      42 x 42 Pixel

-

2 HTML- Hypertext Markup Language Link (Icon>) 
      42 x 42 Pixel

-

3 CSS - Cascading Stylesheets Link (Icon>) 
      42 x 42 Pixel

-

4 PHP - Hypertext Preprocessor Link (Icon>) 
      42 x 42 Pixel

-

5 JavaScript, Cookies Link (Icon>) 
      42 x 42 Pixel

-

6 Webdesign Link (Icon>) 
      42 x 42 Pixel

-

Beilagen

-

C Interne Links
en Internal Links
fr Liens internes

-

1 Webseitenbau / Einleitung Link (Icon>) 
      42 x 42 Pixel Link zum Webseitenbau
en Web Design Guide / Introduction
fr Création de sites web / Introduction

Pfeil nach rechts (Icon)
      120 x 120 Pixel Einleitung: Danksagung

-

2 Internet-Grundlagen Link (Icon>) 
      42 x 42 Pixel Link zum Webseitenbau
en Basics ot the the Internet
fr Bases de l'Internet

-

a) Grundlagen
en Basics
fr Bases

de en fr
Internet-Grundlagen Basics ot the the Internet Bases de l'Internet
Grundlagen-Sites Basic Sites Sites des bases
Begriffe und Definitionen Terms and definitions Termes et définitions
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
Video-Tutorials Video-Tutorials Video-Tutorials
Glossars Glossaries Glossaires
Abkürzungen, Akronyme Abbreviations, acronyms Abréviations, acronymes
Häufig gestellte Fragen (FAQ) Frequently asked questions Foire aux questions (FAQ)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Begriffe und Definitionen / Terms and definitions

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Grundlagen-Websites & Workshops

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Video-Tutorials

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Glossars

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Abkürzungen und Akronyme / Abbreviations, acronyms

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Häufig gestellte Fragen (FAQ) / Frequently asked questions [FAQ]

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Foren

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: E-Mails, Emoticons & Smileys

-

b) Normen und Empfehlungen
en Standards and recommendations
fr Normes et recommandations

-

Allgemein
en General
fr Générale

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Unterschied zwischen Norm und Standard

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

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Grundsätze der Normung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Reglemente, Glossars und FAQ

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Referenzieren von ISO und IEC Normen in Vorschriften

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: EU: Neues Konzept & Harmonisierte Europäische Normen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Schweiz: New and Global Approach / Normierung / CE Kennzeichnung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Rechtsverbindlichkeit von Normen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Verhinderung von Handelshemmnissen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Weltweite Anwendbarkeit von Internationalen Normen

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

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Gesetze und Normen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Zeichenkodierungen (Character sets)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Wie entsteht eine Norm

-

Normen
en Standards
fr Normes

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

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

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Ländercodes, Zeitzonen, Datum und Zeit

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

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Bankwesen , Währungen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Tastaturbelegungatur / Keyboard layouts / Disposition des claviers

Pfeil nach rechts (Icon)
      120 x 120 Pixel Normen: Metrologie (Masse und Gewichte)

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

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

-

Empfehlungen (Industriestandards)
en Recommandations (De-facto-Standards)
fr Recommendations (Standards de facto).

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

-

c) Webmaster
en Webmaster
fr Webmestre

de en fr
Webmaster Webmaster Webmestre
Begriffe und Definitionen Terms and definitions Termes et définitions
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
Tools- und Programmsammlungen
Sonderzeichen
Korrekturprogramme
HTML- und CSS-Validierung
Linkprüfer (von und zu diesen Seiten)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Webmaster

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webmaster: HTML- und CSS-Validierung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webmaster: Google Suchfeld erstellen

-

d) Internet-Zugang
en Internet Access
fr Accès à lInternet

de en fr
Internet-Zugang Internet Access Accès à lInternet
Begriffe und Definitionen Terms and definitions Termes et définitions
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
IP-Adresse IP-Address Adresse IP
Prüfung des Internetzugangs Speed of your Internet connection Testez votre ligne
Kurzlink TinyURL TinyURL
(URL that will not break in email postings)
Internet-Archiv Wayback Wayback
(Aus der Wayback-Datenbank: Aufruf von alten oder gelöschten Websites)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Zugang: Allgemein (Begriffe, Websites etc.)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Zugang: Domain und Domain Name System (DNS)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Zugang: IP-Adresse

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Zugang: Eigene IP-Adresse anzeigen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Zugang: Geschwindigkeit der DSL-Verbindung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Zugang: Ladezeiten und Serverspeed

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Zugang: Internet-Archiv (Wayback-Datenbank)

-

e) Computer Hard- & Software
de Computer Hard- & Software
fr Matériel et logiciels informatique

de en fr
Computer Hard- & Software Computer Hard- & Software Matériel et logiciels informatique

Pfeil nach rechts (Icon)
      120 x 120 Pixel Hardware: Tastatur / Keyboard / Clavier

Pfeil nach rechts (Icon)
      120 x 120 Pixel Software: Editoren

Pfeil nach rechts (Icon)
      120 x 120 Pixel Software: Player

-

f) Webbrowser
en Web browser
fr Navigateur web

de en fr
Webbrowser Web browser Navigateur web
Begriffe und Definitionen Terms and definitions Termes et définitions
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
Browser Kennung (User Agent) User Agent User-Agent
Browser-Sicherheit
(mit Prüfprogramm)
Browser-Security
(with Check)
Sécurité du Browser
(avec programme de contrôle)
Browser-Support
(mit Prüfprogramm)
Browser-Support
(with Check)
Support du navigateur
(avec programme de contrôle)

Lupe (Icon)) 
      24 x 24 Pixel Buch (Icon) 
      50 x 50 Pixel
Browser
      590 x 327 Pixel

Pfeil nach rechts (Icon)
      120 x 120 Pixel Browser: Browser Kennung (User Agent)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Browser: Browser-Sicherheit (z.B. JavaScript-Einstellung)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Browser: Browser-Support

-

g) Sicherheit
en Security
fr Sûreté

de en fr
Sicherheit Security Sûreté
Begriffe und Definitionen Terms and definitions Termes et définitions
Internetsicherheit Internet-Security Sûreté de l'Internet
Zertifizierung Certification Certification

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Sicherheit

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Zertifizierung

-

h) Recht und Datenschutz
en Law & Information privacy
fr Droit & données personnelles

de en fr
Recht & Datenschutz Law & Information privacy Droit & données personnelles
Haftungsbeschränkung (Disclaimer) Limited liability (Disclaimer) Avertissements généraux (Responsabilité limitée)
Urheberrecht & Copyright Copyright Copyright
Begriffe und Definitionen Terms and definitions Termes et définitions

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Recht und Datenschutz

Pfeil nach rechts (Icon)
      120 x 120 Pixel Recht: Haftung (Disclaimer)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Recht & Datenschutz: Urheberrecht & Copyright

Pfeil nach rechts (Icon)
      120 x 120 Pixel Recht & Datenschutz: Inhalt-, Bilder- & Traffic-Klau

Pfeil nach rechts (Icon)
      120 x 120 Pixel Recht & Datenschutz: Domain-Recht

Pfeil nach rechts (Icon)
      120 x 120 Pixel Recht & Datenschutz: Datenschutz

Pfeil nach rechts (Icon)
      120 x 120 Pixel Recht & Datenschutz: Datenschutz und Cookies

Pfeil nach rechts (Icon)
      120 x 120 Pixel Recht & Datenschutz: Netiquette (oder Netikette)

-

i) Geschichte
de History
fr Histoire

de en fr
Computer Geschichte Computer History Histoire de l'ordinateur

Pfeil nach rechts (Icon)
      120 x 120 Pixel Computer: Geschichte / History / Histoire

-

3 HTML - Hypertext Markup Language
de Hypertext-Auszeichnungssprache
fr Langage de balisage d'hypertexte

de en fr
HTML HTML HTML
Einleitung Introduction Introduction
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
Video-Tutorials Video-Tutorials Video-Tutorials
HTML-Dokument HTML-Document Document HTML
de en fr
HTML-Elemente HTML-Elements Éléments HTML
Schriften, Text-Elemente, Block & Inline, Hintergrund Characters, Text Elements, Block & Inline, Background Caractères, Élements du texte, Blocs & En ligne, Fond
Listen, Tabellen, Grafiken, Kasten & Rahmen, Farben Lists, Tables, Graphics, Boxes & Borders, Colors Listes, Tableaux, Graphiques, Boxes & Cadres, Couleurs
Formatierung Formatting Format
Zeichen, Wort, Zeilen Characters, Word, Line Caractères, Mots, Lignes
Auszeichnung, Dekoration, Transformation Emphasis , Decoration, Transformation Graisse, Décoration, Transformation
Darstellung Presentation Présentation
Position, Ausrichten, Verweise Position, Align, Links Position, Align, Liens
de en fr
HTM Schriftzeichen HTM Characters HTM Caractères
Schriftsatz Character set Jeu de caractères
Codetabelle der Sonderzeichen Codes of Characters Codes des caractères
de en fr
HTM Schriftzeichen HTM Characters HTM Caractères
Schriftgrösse Font-size Taille de police des caractères
Schriftgrössen in em Font-size in em Taille de police en em
de en fr
HTML Farben HTML Colors HTML Couleurs
Grundlagen / Workshops Basics / Workshops Bases / Workshops
Farbwähler Color-Mixer Mélangeur de couleurs
Beispiele von Farben Color Exempels Exemple de couleurs

Einleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: HTML als "lingua franca" des Web

Grundlagen

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Websites & Workshops

HTML-Dokument

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: HTML-Dokument erstellen

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML-Dokument: Grundgerüst

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Dokumenttyp-Deklaration

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Meta-Angaben

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Start- oder Index-Datei index.htm oder index.php

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Körper body

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Meta-Zeichensatzkodierung

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: HTML versus CSS

Schriftzeichen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Schriftzeichen: ISO-Schriftsatz

Pfeil nach rechts (Icon)
      120 x 120 Pixel Schriftzeichen: Codetabelle der Sonderzeichen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Schriftzeichen: Schriftart (font-family)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Schriftzeichen: Schriftgrösse (font-size)

Text-Element

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Text-Elemente

Pfeil nach rechts (Icon)
      120 x 120 Pixel Text-Elemente: Überschrift (heading)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Text-Elemente: Absatz (paragraph)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Text-Elemente: Zeile, Zeilenumbruch (line, break)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Text-Elemente: Trennlinie (horizontal ruler)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Text-Elemente: Unsichtbar (hidden)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Text-Elemente: Pseudoelemente & Pseudoklassen

Block & Inline-Elemente

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Block & Inline-Elemente

Pfeil nach rechts (Icon)
      120 x 120 Pixel Block-Element: div

Pfeil nach rechts (Icon)
      120 x 120 Pixel Block-Element: pre

Pfeil nach rechts (Icon)
      120 x 120 Pixel Inline-Element: span

Pfeil nach rechts (Icon)
      120 x 120 Pixel Inline-Element: code

Formatieren

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Text-Formatierung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Text-Formatierung: Zeile, Zeilenhöhe

Position

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Bildlaufleiste (overflow)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Position: display:inline

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Position: float

Ausrichten

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Horizontale Textausrichtung text-align:...

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Vertikale Textausrichtung vertical-align:...

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Aussenabstand margin

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Innenabstand padding

Listen & Tabellen

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Listen (list)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Tabellen (table)

Kasten, Rahmen, Kontur

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Das Box-Modell

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Kasten (box)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Rahmen (border)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Kontur (outline)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML Boxen: Beispiele

Hintergrund

Pfeil nach rechts (Icon)
      120 x 120 Pixel Hintergrund: Angabe des Hintergrundes in einem Stylesheet

Verweise

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Verweise (Links)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Externe Verweise (Links)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Interne Verweise (Links)

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Anker definieren und Verweise zu Ankern

Pfeil nach rechts (Icon)
      120 x 120 Pixel Verweise: Öffnen eines Links in einem neuen Fenster

Pfeil nach rechts (Icon)
      120 x 120 Pixel Verweise: Link zu Audio Start Wav start.wav3

Pfeil nach rechts (Icon)
      120 x 120 Pixel Verweise: Link zu E-Mailmailto

Pfeil nach rechts (Icon)
      120 x 120 Pixel Verweise: Pseudoklassen a:link a:visited a:hover a:active

Pfeil nach rechts (Icon)
      120 x 120 Pixel Verweise: Externe Links mit einem Symbol

Grafik-Technik

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Grafik-Technik

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Grafiken in HTML-Seiten einbinden

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Grafiken skalieren und ausrichten

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Grafik mit Verweis

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Grafikformate

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Grafiksorten

Farben

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Farben

Pfeil nach rechts (Icon)
      120 x 120 Pixel Farben: Hintergrund- und Schriftfarbe

Pfeil nach rechts (Icon)
      120 x 120 Pixel Farben: Farbwähler (Color-Mixer)

-

4 CSS - Cascading Stylesheets

de en fr
CSS CSS CSS
Einleitung Introduction Introduction
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
Video-Tutorials Video-Tutorials Video-Tutorials

Einleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Prinzip

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Einführung in CSS-basierte Layouts

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Trennung von Inhalt und Aussehen

Grundlagen

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Websites & Workshops

Erstellen und Einbinden

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: External Stylesheet

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Internal Stylesheet

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Inline Stylesheet

Syntax

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Spezifikation und Syntax

Beispiele

Pfeil nach rechts (Icon)
      120 x 120 Pixel CSS: Formatierung von <body>

-

5 PHP - Hypertext Preprocessor

de en fr
PHP PHP PHP
Einleitung Introduction Introduction
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
Video-Tutorials Video-Tutorials Video-Tutorials

Einleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Einleitung: Was ist PHP?

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Einleitung: Beispiel eines PHP-Befehls

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Einleitung: Orte an denen PHP-Codes stehen können

PHP-Websites

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP Web-Grundlagen: Websites & Workshops

PHP-Anleitungen

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP: PHP-Anleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Anleitung: PHP-Code <?php...?>

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Anleitung: Ausgabe mit echo

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Anleitung: Berechnungen $summe = $x + $y

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Anleitung: Include include

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Anleitung: Schleifen for while do...while

PHP-Befehle (Befehlsreferenzen & Operatoren)

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP: PHP-Befehle

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Schliessen einer offenen Datei fclose

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Zeichenketten

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Kontrollstrukturen if else for include

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Zuweisungs Operator =

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Vergleichs-Operatoren == === != > >= < <=

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Logische Operatoren and or xor

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Arithmetische Operatoren + - * /

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Mathematik

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Array

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Kontrollstruktur for

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Kontrollstruktur foreach

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Kontrollstruktur while

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Befehle: Kontrollstruktur do...while

Navigation

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP: Navigation mit PHP erstellen

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Allgemein

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Einlesen der Strukturdaten

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Menü-Liste erstellen

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Menü-Liste anzeigen

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Inhaltsverzeichnisse

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Sitemap erstellen

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Include-Datei kopf-start.php

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Include-Datei body-start.php

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Navigation: Include-Datei ende.php

Formulare

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP: Formulare

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Formularbox

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Beschriftung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Beschriftung mit Labels

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Eingabefelder definieren

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Druckknöpfe (Buttons)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Radio Button

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Checkboxen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Klick Buttons

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Absenden & Verwerfen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Stylesheet

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Beschriftung mit Labels

Diverse Anwendungen

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP: Diverse Anwendungen

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Anwendungen: Automatische Weiterleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP: Dateityp-Deklaration

Pfeil nach rechts (Icon)
      120 x 120 Pixel PHP-Anwendungen: Automatische Weiterleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Gästebuch: Erstellen Link zum Gästebuch

Pfeil nach rechts (Icon)
      120 x 120 Pixel Kontaktformular: Erstellen Kontaktseite

-

6 JavaScript

de en fr
JavaScript JavaScript JavaScript
Einleitung / Begriffe Introduction / Terms Introduction / Termes
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops
Video-Tutorials Video-Tutorials Video-Tutorials

Beispiele von PHP und JavaScript

en Examples of PHP and JavaScript   fr Examples avec PHP et JavaScript

Pfeil nach rechts (Icon)
      120 x 120 Pixel Browser: Browser-Sicherheit (z.B. JavaScript-Einstellung)

de en fr
Cookies Cookies Cookies
Einleitung/Begriffe Introduction/Terms Introduction/Termes
Grundlagen-Websites und Workshops Basic Websites and Workshops Sites web de bases et workshops

Einleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel JavaScript: Was ist und was kann JavaScript?

Pfeil nach rechts (Icon)
      120 x 120 Pixel JavaScript: Begriffe

Grundlagen

Pfeil nach rechts (Icon)
      120 x 120 Pixel JavaScript: Grundlagen-Websites und Workshops

Anwendungen

Pfeil nach rechts (Icon)
      120 x 120 Pixel JavaScript: Anleitung der Anzeige ob JavaScript aktiviert ist

Cookies

Pfeil nach rechts (Icon)
      120 x 120 Pixel Cookies: Was sind Cookies?

Pfeil nach rechts (Icon)
      120 x 120 Pixel Cookies: Grundlagen-Websites und Workshops

-

7 Webdesign

de en fr
Webdesign Web Design Web design
Einleitung/Begriffe Introduction/Terms Introduction/Termes
Grundlagen-Sites und Workshops Basics Websites and Workshops Sites des bases et workshops
Video-Tutorials Video-Tutorials Video-Tutorials
Grafik, Bilder, Symbole Graphics, Pictures, Symbols Graphiques, images, symboles
Design Design Design
Gitterfreie Gestaltung Thinking Outside the Grid Construire un site sans tableaux
Technik Technology Technique
Tipps und Tricks Tipps und Tricks Tipps und Tricks

Grundlagen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Grundlagen-Websites und Workshops

Design

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Bestandteile einer Website

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Gitterfreie Gestaltung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Tabellenlose Websites

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Barrierefreies Webdesign

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Frames

Bilder, Symbole, Icons

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Bilder, Symbole, Icons

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Lupe

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Smiley

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Button (Schaltfläche)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Dot (Auflistungspunkt)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Bar (Trennleiste)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Wallpaper (Hintergrundbild)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Symbole

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Bildtafeln & Schilder

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Icons

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Cliparts

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Logos

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Thumbnail (Vorschaubild)

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Bilderquellen, Fotos

Bildbearbeitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Bildbearbeitung

Technik

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Barrierefreies Webdesign

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Definitionen für verschiedene Ausgabemedien

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Automatische Umleitung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Typische Fehler

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webdesign: Tipps und Tricks

-

8 Kontaktseite

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webseitenbau: Kontaktseite

-

9 Gästebuch

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webseitenbau: Gästebuch

-

10 Internet-Vademecum

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Sitemap

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Suchen

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

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Posttarife

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Suchmaschinen

-

D Suchen / Search / Recherche

-

1 Suche im Webseitenbau und im Internet-Vademecum

Webseitenbau

 
Web Webseitenbau

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webseitenbau

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webseitenbau: Sitemap

Pfeil nach rechts (Icon)
      120 x 120 Pixel Webseitenbau: Stichwortverzeichnis

Pfeil nach rechts (Icon)
      120 x 120 Pixel Suchen / Search / Recherche

Pfeil nach rechts (Icon)
      120 x 120 Pixel Referenzen / References / Références

 

Internet-Vademecum

 
Web Internet-Vademecum

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Sitemap

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Vademecum: Fenster (Icon>) 
      100 x 100 Pixel Stichwortverzeichnis

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Begriffe und Definitionen / Terms and definitions

Pfeil nach rechts (Icon)
      120 x 120 Pixel Internet-Grundlagen: Grundlagen-Websites & Workshops

-

2 Suche in Wikipedia und Suchmaschinen

Wikipedia (Logo) 
      234 x 60 Pixel
Google (Logo)
      150 x 50 Pixel
  
       Video (Icon)
      50 x 50 Pixel

-

3 Suche in Grundlagensites des Webseitenbaus

Self-Wiki (Logo) 
      480 x 90 Pixel
PHP.net

-

4 Suche im Internet-Archiv (Wayback-Datenbank)

Beispiele

-

E Zeichenerklärung

-

Zeichenerklärung

Lupe (Icon)) 
      24 x 24 Pixel Lupe: Wird bei Bildern zur Vergrösserung des Bildes verwendet.
  Buch (Icon) 
      50 x 50 Pixel Buch: Öffnet zum Beispiel bei einem Bild das Dokument der Herkunft.
  Link (Icon>) 
      42 x 42 Pixel Verweis: Link zu einem Text im Internet-Vademecum.
 

Fenster (Icon>) 
      100 x 100 Pixel

Öffnet den Link in einem neuen Fenster. ( Fenster (Icon>) 
      100 x 100 Pixel Beispiel)
Normale externe Links dieser Website öffnen im gleichen Fenster.
Mit <Ctrl+Enter> oder dem Kontextmenü (rechte Maustaste) kann auch jeder Link in einem neuen Fenster geöffnet werden.

  Pfeil nach rechts (Icon)
      120 x 120 Pixel Pfeil: Weist auf ein Dokument hin.
  New (Icon) 
      72 x 65 Pixel New: Neu in dieser Website
  New (Icon) 
      72 x 72 Pixel Neu in dieser Website
  Information (Icon)
      256 x 256 Pixel Information: Verweist auf ein Dokument mit wichtigen Informationen
  Welt (Icon)
      552 x 598 Pixel Weltkugel: Verweist auf externe Websites
  Weiter (Icon)
      128 x 128 Pixel Weiter: Öffnet ein Dokument in der ganzen Grösse.
  Wichtig (Ausrufzeichen Icon) 
      135 x 135 Pixel Wichtig
  Suchen (Feldstecher Icon)
      24 x 24 Pixel Suchen
  Audio (Lautsprecher Icon) 
      50 x 50 Pixel Audio
  Video (Icon)
      50 x 50 Pixel Video
  (Icon)
      32 x 32 Pixel Microsoft Word Dokument
  Adobe PDF Dokument (Icon) 
      32 x 32 Pixel Adobe PDF Dokument
  PowerPoint Präsentation (Icon)
      16 x 16 Pixel PowerPoint Präsentation
  Flash Player (Icon)
      32 x 32 Pixel Flash Player
  Brief (Post) 
      128 x 128 Pixel Post (Briefe)
  E-Mail (Icon) 
      128 x 128 Pixel E-Mail
  Telefon (Icon)
      85 x 85 Pixel Telefon
  Karte (Icon)
      32 x 32 Pixel Karten (Landkarten, Stadtpläne)
  Kurs (Icon)
      120 x 120 Pixel Wechselkurse
  Baustelle 120 x 105 Pixel Baustelle (in Bearbeitung)
 

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