CSS einfach erklärt

Häufig werden auf Websites Hintergrundbilder und Farbverläufe als Gestaltungsmittel für die Homepage eingesetzt. Grundlage für diese Techniken ist die CSS-Eigenschaft background-image, mit der einem HTML-Element ein Hintergrundbild zugewiesen wird. Im Buch hatte ich u. a. die Anwendung in Verbindung mit background-repeat und background-color erläutert.

Hintergrundbilder werden gewöhnlich in Bildbearbeitungsprogrammen erstellt, deren Bedienung Anfängern oftmals Probleme bereitet. Eine erstaunlich einfach zu bedienende Alternative zur Erstellung solcher Hintergrund-Pattern bietet der Onlinegenerator BgPatterns.

Mehr lesen … »

Fortschritte beim Erlernen von CSS lassen sich vor allem beim Analysieren fremder Designs erzielen. Dass dies sowohl für abschreckende wie auch nachahmenswerte Beispiele gilt, hatte ich bereits in einem früheren Beitrag angemerkt.

Wer Inspirationsquellen speziell für Tabellen benötigt, sollte mal die Sammlung CSS Table Gallery anschauen. Einfach auf den “Design Name” klicken, und schon wird die jeweilige Formatierung angeigt. Über den Link “Download” wird der CSS-Code übersichtlich angezeigt.

border ist ein wichtiger Bestandteil des Box-Modells, welcher Rahmen um Elemente zeichnet. Der Rahmen, der den Innen- vom Außenrand voneinander trennt, besitzt die Eigenschaften:

• Breite (border-width)
• Stil (border-style)
• Farbe (border-color).

Auch hier lässt sich für jede dieser Eigenschaften mittels border-left, border-right, border-top und border-bottom für jede der vier Seiten ein eigener Wert angeben. Wird nur border angegeben, wird ein Rahmen mit gleicher Breite, Stil und Farbe auf allen vier Seiten des HTML-Elements festgelegt.

Mehr lesen … »

Wer mit dem Webdesign beginnt, wird sich früher oder später die Frage stellen, warum bei manchen Websites ein kleines Logo in der Adresszeile des Browsers links von der URL auftaucht und wie man es selbst dorthin zauber kann (sogenannte Favicons).

Mehr lesen … »

Damit eine Homepage aus Sicht des Benutzers attraktiv erscheint, muss sie vor allem hochwertige Inhalte bieten. Neben dem Content muss aber auch die Verpackung stimmen. Gemeint ist hiermit ein inhaltlich abgestimmtes Design (”das Gesamtbild muss stimmig sein”) sowie ein Höchstmaß an Benutzerfreundlichkeit (”Don’t make me think”).

Mehr lesen … »