Webdesign ist ein breiter Begriff, der viele verschiedene Sachkenntnisse und Disziplinen bedeckt, die in der Produktion und Wartung von Websites verwendet werden. Die verschiedenen Gebiete des Webdesigns schließen ein; Web grafisches Design, verbinden Sie Design, authoring; einschließlich standardisierten Codes und Eigentumssoftware, Benutzererfahrungsdesigns und Suchmotoroptimierung. Häufig werden viele Personen in Mannschaften arbeiten, die verschiedene Aspekte des Designprozesses bedecken, obwohl einige Entwerfer sie alle bedecken werden. Das Begriff-Webdesign wird normalerweise verwendet, um den Designprozess in Zusammenhang mit dem Vorderende zu beschreiben (Kundenseite) das Design einer Website einschließlich des Schreibens erhöht, aber das ist eine Grauzone, weil das auch durch die Webentwicklung bedeckt wird. Wie man erwartet, haben Webentwerfer ein Bewusstsein der Brauchbarkeit, und wenn ihre Rolle das Schaffen einschließt, erhöhen dann, wie man auch erwartet, sind sie mit Webzugänglichkeitsrichtlinien aktuell.

Geschichte (1988 — 2000)

Obwohl Webdesign eine ziemlich neue Geschichte hat, kann es mit anderen Gebieten wie grafisches Design verbunden werden. Jedoch wird Webdesign auch als eine technologische Einstellung gesehen. Es ist ein großer Teil der täglichen Leben von Leuten geworden. Es ist hart, sich das Internet ohne belebte Grafik, verschiedene Stile der Typografie, des Hintergrunds und der Musik vorzustellen.

Der Anfang des Webs und Webdesigns

1989, während das Arbeiten an CERN Tim Berners-Lee vorgehabt hat, ein globales Hypertext-Projekt zu schaffen, das später bekannt als das World Wide Web geworden ist. Im Laufe 1991 bis 1993 ist das World Wide Web geboren gewesen. Text nur Seiten konnte mit einem einfachen Linienweise-Browser angesehen werden. 1993 Marc Andreessen und Eric Bina, geschaffen der Mosaikbrowser. Zurzeit gab es vielfache Browser jedoch die Mehrheit von ihnen war mit Sitz in Unix und war natürlich schwerer Text. Es hatte keine einheitliche Annäherung an grafische Designelemente wie Images oder Töne gegeben. Der Mosaikbrowser hat diese Form gebrochen. Der W3C wurde im Oktober 1994 geschaffen, um das World Wide Web zu seinem vollen Potenzial durch das Entwickeln allgemeiner Protokolle "zu führen, die seine Evolution fördern und seine Zwischenfunktionsfähigkeit sichern." Das hat irgendwelche Gesellschaft davon abgehalten, einen Anstand-Browser und Programmiersprache zu monopolisieren, die die Wirkung des World Wide Web als Ganzes verändert haben könnte. Der W3C setzt fort, Standarde festzulegen, die heute mit JavaScript gesehen werden können. 1994 hat Andreessen Mosaikkommunikationshandelsgesellschaft gebildet. Dieser ist später bekannt als Netscape Kommunikationen Netscape 0.9 Browser geworden. Netscape hat seine eigenen HTML-Anhängsel ohne Rücksichten auf den traditionellen Standardprozess geschaffen. Zum Beispiel Netscape 1.1 eingeschlossene Anhängsel, um Hintergrundfarben zu ändern und Text mit Tischen auf Webseiten zu formatieren. Im Laufe 1996 bis 1999 haben die Browser-Kriege begonnen. Die Browser-Kriege haben Microsoft und Netscape gesehen damit für die äußerste Browser-Überlegenheit zu um kämpfen. Während dieser Zeit gab es viele neue Technologien im Feld, den namentlich Fallenden Formatvorlagen, JavaScript und dem Dynamischen HTML. Auf einem Ganzen hat die Browser-Konkurrenz wirklich zu vielen positiven Entwicklungen geführt und hat Webdesign geholfen, sich mit einem schnellen Schritt zu entwickeln.

Evolution des Webdesigns

1996 hat Microsoft seinen ersten Wettbewerbsbrowser veröffentlicht, der mit seinen eigenen Eigenschaften und Anhängseln abgeschlossen war. Es war auch der erste Browser, um Formatvorlagen zu unterstützen, der zurzeit als eine dunkle authoring Technik gesehen wurde. CSS wurde im Dezember 1996 durch den W3C eingeführt, um Webzugänglichkeit zu verbessern und HTML semantisch aber nicht presentational codieren zu lassen. Tabellenbasierte Lay-Outs sind sehr populär geworden, als sie Webentwerfern mehr Optionen gegeben haben, um Websites zu schaffen. Die HTML-Preiserhöhung für Tische war ursprünglich, um tabellarische Daten zu zeigen. Jedoch haben Entwerfer schnell das Potenzial dessen begriffen, welche Strukturelemente sie zu ihren Designs hinzufügen konnten. Sie haben bald mehr kompliziert, Mehrsäulenlay-Outs geschaffen, als HTML dazu ursprünglich fähig war. Jedoch hat diese Zeit wirklich wenig Aufmerksamkeit gewesen gezeigt zur Semantik und Webzugänglichkeit gesehen. Weil Design und gute Ästhetik geschienen sind, vor der guten Preiserhöhungsstruktur den Vortritt zu haben. Diese Periode hat auch Distanzscheibe gesehen. GIFs werden sehr populär, für die Dimensionen von Weblay-Outs zu kontrollieren. HTML-Seiten wurden in ihren Designoptionen noch mehr mit früheren Versionen des HTML beschränkt. Um komplizierte Designs zu schaffen, mussten viele Webentwerfer komplizierte Tabellenstrukturen verwenden oder sogar leere Images für den Abstand verwenden. Jedoch 1996 wurde Blitz (ursprünglich bekannt als FutureSplash) entwickelt. Zurzeit waren es eines sehr einfachen Lay-Outs grundlegende Werkzeuge und eine Zeitachse, aber es hat Webentwerfern ermöglicht, den Punkt des HTML zurzeit zu übertreffen. Es ist jetzt fortgeschritten, um sehr stark zu sein, ihm ermöglichend, komplette Seiten zu entwickeln.

Ende der ersten Browser-Kriege

Während 1998 Netscape hat Code von Netscape Communicator laut einer offenen Quelllizenz veröffentlicht, Tausende von Entwicklern ermöglichend, an der Besserung der Software teilzunehmen. Jedoch haben sie sich dafür entschieden, anzuhalten und vom Anfang anzufangen, der die Entwicklung des offenen Quellbrowsers geführt hat und sich bald zu einer ganzen Anwendungsplattform ausgebreitet hat. 2000 war ein großes Jahr für Microsoft. Internet Explorer war für Mac veröffentlicht worden, das war bedeutend, weil es der erste Browser war, der völlig HTML 4.01 und CSS 1 unterstützt hat, die Bar in Bezug auf den Standardgehorsam erhebend. Es war auch der erste Browser, um das PNG Bildformat völlig zu unterstützen. Während dieser Zeit wurde Netscape an AOL verkauft, und das wurde als der offizielle Verlust von Netscape gegen Microsoft in den Browser-Kriegen gesehen.

Werkzeuge und Technologien

Webentwerfer verwenden eine Vielfalt von verschiedenen Werkzeugen abhängig davon, welchen Teil der Produktion bearbeiten, werden sie daran beteiligt. Diese Werkzeuge werden mit der Zeit durch neuere Standards und Software aktualisiert, aber die Grundsätze hinter ihnen bleiben dasselbe. Web grafische Entwerfer verwenden Vektoren und Rastergrafikpakete, um Web zu schaffen, hat Bilder oder Designprototypen formatiert. Technologien, die verwendet sind, um Websites zu schaffen, schließen standardisiert ein erhöhen, der Hand sein konnte, die codiert oder durch WYSIWYG das Redigieren der Software erzeugt ist. Es gibt auch auf Einfügefunktionen gestützte Eigentumssoftware, der die Browser-Version des Kunden umgeht, ist das häufig WYSIWYG, aber mit der Auswahl, die scripting Sprache der Software zu verwenden. Suchen Sie Motoroptimierungswerkzeuge können verwendet werden, um Suchmotorrangordnung zu überprüfen und Verbesserungen anzudeuten.

Andere Werkzeug-Webentwerfer könnten verwenden schließen ein erhöhen validators und andere Probewerkzeuge für die Brauchbarkeit und Zugänglichkeit, um sicherzustellen, dass ihre Websites Webzugänglichkeitsrichtlinien entsprechen.

Sachkenntnisse und Techniken

Typografie

Gewöhnlich hat eine erfolgreiche Website nur einige Schriftbilder, die von einem ähnlichen Stil sind, anstatt eine Reihe von Schriftbildern zu verwenden. Vorzugsweise sollte eine Website ohne Serife oder Serife-Schriftbilder, nicht eine Kombination der zwei verwenden. Die Typografie in Websites sollte auch der Betrag von Schriftbildern sorgfältig sein verwendetes, gutes Design wird einige ähnliche Schriftbilder aber nicht eine Reihe von Typ-Gesichtern vereinigen. Die meisten Browser erkennen eine spezifische Zahl von sicheren Schriftarten an, die Entwerfer hauptsächlich verwenden, um Komplikationen zu vermeiden. Die meisten Lay-Outs auf einer Seite vereinigen weiße Räume, um den Text in Paragrafen zu zerbrechen und auch zu vermeiden, dass Zentrum Text ausgerichtet hat.

Seitenlay-Out

Webseiten sollten gut angelegt werden, um Navigation für den Benutzer zu verbessern. Auch zu Navigationszwecken sollte das Seite-Seitenlay-Out auch konsequent auf verschiedenen Seiten bleiben. Wenn man Seiten baut, ist es wichtig, Seitenbreite zu betrachten, weil das lebenswichtig ist, um Gegenstände und im Lay-Out-Design auszurichten. Die populärsten Websites haben allgemein eine Breite in der Nähe von 1024 Pixeln. Die meisten Seiten sind auch ausgerichtetes Zentrum, um Gegenstände ästhetischer angenehm auf größeren Schirmen aussehen zu lassen.

Qualität des Codes

Wenn

es eine Seite schafft, ist es gute Praxis, um sich Standards anzupassen. Das schließt Fehler in den Code, das bessere Lay-Out für den Code sowie das Überzeugen ein Ihre Personalausweise und Klassen werden richtig identifiziert. Das wird gewöhnlich über eine Beschreibung getan, die angibt, was das Element tut. Nicht das Anpassen Standards kann keine Website unbrauchbar oder anfälliger Fehler machen, Standards können sich auf das richtige Lay-Out von Seiten für die Lesbarkeit beziehen ebenso sicherstellend, dass codierte Elemente passend geschlossen werden. Die Bestätigung über W3C kann nur getan werden, wenn eine richtige DOCTYPE Behauptung gemacht wird, der verwendet wird, um Fehler im Code hervorzuheben. Das System identifiziert die Fehler und Gebiete, die sich Webdesignstandards nicht anpassen. Diese Information kann dann vom Benutzer korrigiert werden.

Sehdesign

Das gute Sehdesign auf einer Website identifiziert sich und arbeitet, weil es Zielmarkt ist. Das kann eine Altersgruppe oder besonderes Ufer der Kultur so sein der Entwerfer sollte die Tendenzen seines Publikums verstehen. Entwerfer sollten auch den Typ der Website verstehen, die sie entwerfen, meinend, dass eine Geschäftswebsite dasselbe als eine soziale Mediaseite zum Beispiel nicht entworfen werden sollte. Entwerfer sollten auch den Eigentümer oder das Geschäft verstehen, das die Seite vertritt, um sicherzustellen, dass sie vorteilhaft porträtiert werden. Die Ästhetik oder das gesamte Design einer Seite sollten sich mit dem Inhalt nicht streiten, es leichter für den Benutzer machend, zu schiffen und können die gewünschte Information oder Produkte usw. finden.

Benutzererfahrungsdesign

Für einen Benutzer, um eine Website zu verstehen, müssen sie im Stande sein zu verstehen, wie die Website arbeitet. Das betrifft ihre Erfahrung. Benutzererfahrung ist mit dem Lay-Out, den klaren Instruktionen verbunden und auf einer Website etikettierend. Der Benutzer muss verstehen, wie sie auf einer Seite aufeinander wirken können. In Bezug auf den fortlaufenden Gebrauch muss ein Benutzer die Nützlichkeit dieser Website wahrnehmen, wenn sie fortsetzen sollen, es zu verwenden. Mit Benutzern, die erfahren und mit dem Website-Gebrauch gut versiert sind, bezieht sich dieser Einfluss direkt darauf, wie sie Websites wahrnehmen, der weiteren Gebrauch fördert. Deshalb werden Benutzer mit weniger Erfahrung mit geringerer Wahrscheinlichkeit die Vorteile oder Nützlichkeit von Websites sehen. Das sollte sich der Reihe nach, auf dem Design für einen universaleren Gebrauch und Bequemlichkeit des Zugangs konzentrieren, um so viele Benutzer wie möglich unabhängig von der Benutzersachkenntnis unterzubringen.

Berufe

Es gibt zwei primäre am Schaffen einer Website beteiligte Jobs: Der Webentwerfer und Webentwickler, die häufig nah zusammen an einer Website arbeiten. Die Webentwerfer sind für den Sehaspekt verantwortlich, der das Lay-Out, das Färben und die Typografie einer Webseite einschließt. Ein Webentwerfer wird auch ausreichende Kenntnisse haben, eine Vielfalt von Sprachen wie HTML, CSS, JavaScript, PHP und Blitz zu verwenden, um eine Seite zu schaffen, obwohl sich das Ausmaß ihrer Kenntnisse von einem Webentwerfer zu einem anderen unterscheiden wird. Besonders in kleineren Organisationen wird eine Person die notwendigen Sachkenntnisse brauchen, um die volle Webseite zu entwerfen und zu programmieren, während größere Organisationen einen Webentwerfer haben können, der für den Sehaspekt verantwortlich ist, allein.

Weitere Jobs, die unter besonderen Verhältnissen beteiligt während der Entwicklung einer Website werden können, schließen ein:

• Grafische Entwerfer, um visuals für die Seite wie Firmenzeichen, Lay-Outs und Knöpfe zu schaffen
• Internetmarktfachmänner, um zu helfen, Webanwesenheit durch strategische Lösungen beim Zielen von Zuschauern zur Seite, durch das Verwenden des Marketings und der Beförderungstechniken im Internet aufrechtzuerhalten.
• SEO Schriftsteller, um zu forschen und den richtigen Wörtern zu empfehlen, die in eine besondere Website zu vereinigen sind, und machen die Website zugänglicher und gefunden auf zahlreichen Suchmotoren.
• Internettexter, um den schriftlichen Inhalt der Seite zu schaffen, um an die ins Visier genommenen Zuschauer der Seite zu appellieren.
• Benutzererfahrung (UX) Entwerfer, vereinigt sich Aspekte des Benutzers haben Designrücksichten eingestellt, die Informationsarchitektur einschließen, hat Benutzer Design, Benutzer in den Mittelpunkt gestellt, der, Wechselwirkungsdesign und gelegentlich visuelles Design prüft.

Siehe auch

Zusammenhängende Themen

Zusammenhängende Disziplinen

Außenverbindungen

• W3C Konsortium für Webstandards