Homepage gestalten: Grundwissen erfolgreichen Webdesigns!

Viele Menschen denken, daß der Beruf des "Webdesigners" ein Traumberuf mit hohen Verdienstmöglichkeiten ist. Manchmal ist es aber auch nur ein Schlagwort ohne große Bedeutung. Dabei verbergen sich hinter diesem Begriff eine Menge unterschiedlicher Fähigkeiten, die für die Gestaltung einer erfolgreichen Webseite vonnöten sind.

Beherrschen Sie das Grundwissen, das ein Webdesigner heute mitbringen sollte? Dieser Test stellt Fragen über die zentralen Aspekte im Bereich der Gestaltung einer Homepage. Anhand der folgenden fünfzehn Fragen können Sie ermitteln, ob Sie die Grundlagen des Webdesigns verstehen.

Die Grafiken wurden vom Autoren ausgewählt und stammen zum großen Teil aus der kostenlosen Bilddatenbank von PixelQuelle.de bzw. rippenschneider.de.

Wir wünschen Ihnen beim Testen viel Erfolg

Wünsche des Auftraggebers und Ansprüche der Besucher mit den technischen Möglichkeiten aufeinander abzustimmen. Outfits für Stars und Sternchen zu designen und diese im Internet auch für private Personen zum Verkauf anzubieten. Seiten im World Wide Web auf deren legale Inhalte zu prüfen. Die Computerabteilung in großen Elektrofachmärkten zu gestalten.

Ein Webdesigner kreiert nach Wünschen des Auftraggebers mit entsprechenden Programmen eine benutzerfreundliche Website.

Beim Webdesign ist es äußerst wichtig auf die Benutzerfreundlichkeit zu achten. Im folgenden müssen Sie sich für eine Antwortalternative entscheiden.

Webdesign umfaßt die Gestaltung, den Aufbau und die Nutzerführung von Webseiten für das World Wide Web. Je mehr Informationen auf einer Hompage zu sehen sind, desto interessanter findet der Besucher diese Seite. Ein Bild sagt mehr als tausend Worte. Daher ist es sinnvoll nur Bilder mit enormer Auflösung und sehr vielen Bites zu verwenden. Benutzerfreundlichkeit ist heute nicht mehr so wichtig wie früher, da sich heute sogar schon Pensionisten im Internet zurechtfinden.

Webdesign umfaßt die Gestaltung, den Aufbau und die Nutzerführung von Webseiten für das World Wide Web. Zu beachten sind hierbei z.B. Farbe, Schriftart und -größe, Verwendung von Bildern, Satz und Layout der Webseite.

Im Bereich der professionellen Bildbearbeitung ist das Programm Marktführer. Adobe Photoshop ist ein Bildbearbeitungsprogramm des US-amerikanischen Softwarehauses Adobe Systems. Wie der Name schon sagt - Photoshop ist ein Geschäft, in dem Fotos innerhalb von 10 Minuten entwickelt werden. Adobe Photoshop stellt unter www.adobe-photoshop.com Millionen von Bilder zum kostenlosen Download bereit.

Adobe Photoshop ist ein kommerzielles Bildbearbeitungsprogramm des US-amerikanischen Softwarehauses Adobe Systems. Außerdem ist das Programm im Bereich der professionellen Bildbearbeitung Marktführer.

HTML ist eine textbasierte Sprache um Texte, Bilder oder Hyperlinks in Dokumenten darstellen zu könnnen.

Die Abkürzung HTML bedeutet: Hypertext Markup Language.

In der Menüleiste kann man unter dem Menüpunkt "Ansicht" mit der Funktion "Quelltext" den HTML-Code einer Seite sehen. Mit dem Internet Explorer 6 kann man auch einen Rechtsklick auf eine Internetseite machen und die Option "Quelltext anzeigen" wählen, um sich den HTML-Code anzeigen zu lassen. Das Gleiche gilt für den Firefox, nur daß die Option, welche anzuklicken ist "Seitenquelltext anzeigen" heißt.

Um Grafiken auf einer Website integrieren zu können, ist es notwendig sie mit einem Dateinamen und einer entsprechenden Endung zu benennen.

.pdf .jpg .exe .gif

Die beiden Endungen .gif und .jpg können verwendet werden. Anmerkung: Anstelle der Endung .jpg ist auch .jpeg möglich.

Surfer verweilen oft nur sehr kurz auf einzelnen Webseiten. Für den Gestalter kommt es darauf an, die wesentlichen Inhalte blitzschnell zu übermitteln.

ca. 2 Minuten ca. 10 Minuten ca. 0,5 Sekunden ca. 10 Sekunden

Der User verweilt durchschnittlich 10 Sekunden auf der Webseite, innerhalb der er entscheidet, ob er bleibt oder geht. Dadurch ist die aufmerksamkeitserregende, benutzerfreundliche Gestaltung der Homepage sehr wichtig. Denn 10 Sekunden sind eine sehr kurze Zeit, um einen User zu überzeugen, daß er auf der Homepage wertvolle (bzw. die von ihm gesuchten) Informationen findet.

Ein Link muß immer links stehen. Findet man auf einer Website nur Informationen, die man für unbrauchbar hält, so werden diese als "Link" bezeichnet. Ein Link ist ein kurzes Programm, welches Pop-ups unterdrückt. Ein Link ist ein Verweis von einem Webdokument auf ein anderes durch eine entsprechende Markierung.

Links erkennt man normalerweise an der Formatierung der Schrift. Diese wird meist unterstrichen, blau und/oder fett dargestellt. Außerdem wandelt sich der Mauszeiger in eine Hand mit ausgestrecktem Zeigerfinger. Viele Webmaster versehen Links mit dem sogenannten "hover"-Effekt. D.h. die Schrift ändert ihre Farbe, während der Mauszeiger sie berührt. Das können Sie beispielsweise bei den Rubriken-Links von Philognosie (oben - Kurse, Tests, Ratgeber etc.) beobachten.

Ein HTML-Editor ist ein Computerprogramm, mit dem man Internetseiten mit HTML-Code erstellen und abändern kann. Ein bekannter HTML-Editor trägt den Namen WVRAMDEREAE. Leider sind uns die Buchstaben durcheinander gekommen!

Der HTML-Editor Dreamweaver der Firma Adobe Systems, ursprünglich Macromedia, hat nach Herstellerangaben über 3,2 Millionen Benutzer weltweit.

... ist jemand der schon einmal ein Onlinespiel gewonnen hat. ... ist zuständig, daß keine pornografischen Seiten von Jugendlichen unter 18 Jahren geöffnet werden können. .... beschäftigt sich unter anderem mit der Programmierung und der Wartung einer Website. ... verkauft Lizenzen für Firewalls.

Ein Webmaster beschäftigt sich unter anderem mit der Programmierung und der Wartung einer Website. Deshalb sollte er ein breites Wissen im Bereich Webdesign besitzen.

Bei der Gestaltung einer Website ist die Farbgebung eines der wichtigsten Elemente des Designs.

... wenn man sich sicher ist, daß die gewählte Farbe genug Kontrast zum Hintergrund besitzt. ... wenn sie eine der Grundfarben ist (rot, grün oder blau). .... wenn sie auf Macintosh- und Windows-Plattformen gleich aussieht. ... wenn sie auf dem eigenen Computer nett aussieht.

Die Farben auf einer Website sind sehr wichtig. Damit sie auch auf allen Browsern gleich dargestellt werden, verwendet man websichere Farben. Dreamweaver bietet hier beispielsweise eine Farbpalette an, die websichere Farben enthält. Man kann natürlich auch individuelle Farben wählen, sollte sich jedoch bewußt machen, daß diese auf den verschiedenen Systemen (Monitoren etc.) ziemlich unterschiedlich dargestellt werden.

Frames sind ein beliebtes Mittel zur Gestaltung einer Website

Mit Hilfe von Frames kann ein Web-Designer in einem Teilbereich einer HTML-Seite eine andere einfügen. Außerdem besteht eine Frameseite meist aus einem „main“ sowie einem „navi“ Frame. Früher wurde diese Technik beispielsweise dazu eingesetzt, um eine Navigationsleiste auf der rechten Seite immer gleich anzuzeigen, während im Main-Frame die jeweiligen Seitendarstellungen separat geladen wurden.

Die Verwendung von Frames ist heute besonders unter SEOs (Suchmaschinen-Optimierern) sehr umstritten, da oftmals die Robots der Suchmaschinen, die unterschiedlichen Seitendarstellungen nicht indizieren können. Damit taucht zwar die Hauptseite in den Suchergebnissen auf, aber alle "Unterseiten" fehlen, was eine drastische Einbuße an Besuchern zu Folge hat.

Der Einsatz des Formats FLASH (.swf) kann auf Websites zu unterschiedlichen Zwecken verwendet werden.

Flash wird verwendet um Grafiken und Animationen im Internet darzustellen.

Um eine Website im World Wide Web betrachten zu können, benötigt man einen Web-Browser. Einer der davon bekanntesten ist der Internet-Explorer.

Opera und Mozilla-Firefox sind zwei bekannte Alternativen zum Internet-Explorer.

Eine bedeutende Erleichterung beim Gestalten von Websites stellen Cascading Style Sheets (CSS) dar.

CSS dienen vor allem dazu, eine einheitliche Formatierung der Website von vornherein festzulegen und helfen die Website ohne größeren Aufwand zu ändern. Dazu wird eine einzelne CSS-Datei angelegt, welche die Formatierung der gesamten Webseite definiert. So muß man nur eine Datei ändern, um beispielsweise die Farbe, Größe, etc. von Überschriften auf der gesamten Webseite anders aussehen zu lassen. Damit ist die Überarbeitung von Webseiten - d.h. ihr ein anderes Aussehen zu geben, Elemente anders zu definieren - sehr einfach geworden.

Eines der bekanntesten Web-Design Programme ist der Macromedia Dreamweaver.

Die bekanntesten Konkurrenzprodukte zu Macromedia-Dreamweaver stellen Adobe GoLive und Microsoft Frontpage dar.

Seite bookmarken:

Möchten Sie diesen Test:
	...an Freunde empfehlen?		...im Philognosieforum diskutieren?		...bewerten?

Bewertung
Wert 4.5	Thema: 4.6	Information: 4.6	Verständlichkeit: 4.4
	Stimmen: 5		Legende:  5: super - bis 1: erträglich
	Views: 6062

Kommentar-Liste