Currently browsing category

HTML

Hier werden HTML-Tags beschrieben.

Farbe

Textfarbe
Farben erzeugen Stimmung und Aufmerksamkeit. Betrachter sollen auf etwas hingewiesen oder zu einem bestimmten Ziel geführt werden. Während ein Text in einer einheitlichen Schriftfarbe übermittelt wird, können bestimmte Textteile (Absätze, Wörter, einzelne Buchstaben, Hyperlinks) durch andere Farben besonders hervorgehoben werden.
Schwarz und Grautöne
sind die klassischen Textfarben vor hellem, idealerweise weißem Hintergrund. Als Hintergrund drücken sie eine […]

Bildformate

Formate
Im Internet werden vor allem die folgenden Bildformate angezeigt:

GIF

Wird hauptsächlich bei kleinformatigen Bildern eingesetzt
Bis zu 256 Farben
Bilder können transparent dargestellt werden, was z.B. bei unregelmäßigen bzw. nicht rechteckigen Strukturen wie Kreisen, Freihandzeichnungen usw. eingesetzt wird
Der Interlace-Modus bewirkt eine grobe Rasterung des Bildes, was zufolge hat, dass beim Laden diese sehr schnell zunächst grob und erst […]

Textformatierung

Überschriften
Überschriften werden in HTML durch definierte Tags beschrieben. So wird gewährleistet, dass die Überschrift auf jedem Monitor im Verhältnis zum Text gleich groß bleibt.
Man unterscheidet der Größe nach: Hx (H=Heading, x=eine Zahlvon 1 bis 6)
<H1>Größte Überschrift </H1>
<H2>Kleiner als H1</H2>
<H3>Kleiner als H2</H3>
<H4>Kleiner als H3</H4> ……..
 
Ausrichtung
Texte, Bilder, Navigation oder Formulare können wie folgt ausgerichtet sein:

linksbündig
rechtsbündig
zentriert

Dies wird mit […]

Bilder verwenden

Bildereinsatz
Ein Bild sagt (manchmal) mehr als tausend Worte. Schneller noch als Textinformation wird ein Bild bei bloßer und / oder flüchtiger Betrachtung
wahrgenommen. Erst nach längerer Betrachtung nimmt unser Gehirn Details der präsentierten Information, aber auch des zuerst entdeckten Bildes, wahr.
Die Möglichkeit, Bilder einzusetzen ist vielfältig:

·Bilder sollen veranschaulichen bzw. präsentieren

Animationen
Diagramme, Graphen
Schaubilder

Bilder als Orientierungs- und Navigationselemente/-hilfen

Richtungspfeile, die […]

Gliederung und Auzählung

Warum Gliederung?
Zur besseren und schnelleren Übersicht können Informationen, die sich dazu eignen, strukturiert aufgelistet oder gegliedert werden. Man unterscheidet die nummerierte Aufzählung und die nicht nummerierte Aufzählung.
Eine Liste, die eine bestimmte Reihenfolge wiedergeben soll, wird nummeriert. Sei es mit Ziffern oder Buchstaben. Ist die Reihenfolge der aufgelisteten Punkte noch nicht festgelegt, nicht erwünscht oder ist […]

Text- und Bildausrichtung

Texte, Bilder, Navigation oder Formulare können wie folgt ausgerichtet sein:

linksbündig
rechtsbündig
zentriert

Dies wird mit dem ALIGN-Tag erreicht: <P ALIGN=“LEFT“>
Linksbündigen Text muss man nicht gesondert notieren, da es als Standardeinstellung gilt. Erst bei einer Änderung nach einem zentrierten oder rechtsbündigen Text muss dieser Tag verwendet werden, wenn man wieder Linksbündigkeit herstellen möchte
<P ALIGN=“CENTER“>Häufig werden Überschriften und Bilder mit […]

Aufbau einer Webseite

Die Programmiersprache HTML
Webseiten werden in der Programmiersprache HTML (hypertext markup language) erstellt. Struktur und Format erhalten einzelne Wörter oder längere Textpassagen durch öffnende und schließende Tags. Einige Attribute verlangen keinen schließenden Tag.
Beispiel1:
Eine Hauptüberschrift wird wie folgt von einem öffnenden und einen schließenden Tag eingeschlossen:
<H1>Kapitel2: Struktur einer Webseite </H1>

Beispiel2:

Soll eine Zeile nur umgebrochen werden reicht der […]

Software für die Erstellung von Webseiten

HTML
Zum Programmieren von Webseiten werden entsprechende Webeditoren eingesetzt. Das Programm Kompozer isteinsogenannterWYSIWYG-Editor=whatyouseeiswhatyouget. Man schreibt seinen Text wie mit einem Textverarbeitungsprogramm und im Hintergrund wird der HTML-Code erzeugt, welcher auch separat bearbeitet werden kann.
Ein anderer sehr guter Webeditor ist KomodoEdit der Firma Active State.Hier findet die Programmierung nur im Quellcode statt.
CSS
Zum Bearbeiten von Cascading Stylesheets können […]

meta-Tags

META
1. keywords
2. robots
 
 

META

1)keywords
Damit Suchwörter gefunden werden, können diese mittels „keyword“ im HEAD-Bereich der Webseite angegeben werden.
<meta name=“keywords“ content=“Chrissis Ferienwohnung, Chrissis Surfbrettbohnerwachs-Verleih“ />
 

2) robots

<meta name=“robots“ content=“index“> = erlaubt Suchdiensten die Seite in ihre Datenbank aufzunehmen

<meta name=“robots“ content=“noindex“> = verbietet Suchdiensten die Seite in ihre Datenbank aufzunehmen

<meta name=“robots“ content=“nofollow“> = untersagt Suchdiensten, dass untergeordnete Webseiten indiziert […]