[et_pb_section fb_built=“1″ _builder_version=“4.3.4″][et_pb_row column_structure=“1_2,1_2″ _builder_version=“4.3.4″][et_pb_column type=“1_2″ _builder_version=“4.3.4″][et_pb_image src=“https:\/\/webdesign-petroll.de\/wp-content\/uploads\/2020\/02\/bilderBanner.jpg“ force_fullwidth=“on“ _builder_version=“4.3.4″][\/et_pb_image][et_pb_text _builder_version=“4.3.4″ custom_margin=“-31px|||||“ custom_padding=“||0px|||“]<\/p>\n
Erstellen und Verwalten von Internetseiten.<\/p>\n
[\/et_pb_text][\/et_pb_column][et_pb_column type=“1_2″ _builder_version=“4.3.4″][et_pb_text _builder_version=“4.3.4″ min_height=“105px“ custom_padding=“40px||0px|||“ inline_fonts=“Verdana“]<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.3.4″ custom_margin=“-1px|auto||auto||“ custom_padding=“3px|||||“][et_pb_column type=“4_4″ _builder_version=“4.3.4″][et_pb_text _builder_version=“4.4.1″ custom_padding=“|||40px||“ hover_enabled=“0″]<\/p>\n
So zeigen Sie, dass Sie Ihre Firma modern und zukunftsweisend f\u00fchren m\u00f6chten.
Ich unterst\u00fctze Sie dabei gerne.
Auf den folgenden Seiten k\u00f6nnen Sie mich und meine Arbeit kennenlernen.<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.3.4″ custom_padding=“|||42px||“][et_pb_column type=“4_4″ _builder_version=“4.3.4″][et_pb_text _builder_version=“4.3.4″ width=“100%“ custom_margin=“-46px|||-4px||“ custom_padding=“|||0px||“]<\/p>\n
Webdesign (auch Webgestaltung) umfasst die Gestaltung, den Aufbau und die Nutzerf\u00fchrung von Webseiten f\u00fcr das WWW bzw. das Interface-Design in diesem Bereich. Dabei werden in der Regel strukturierte Texte, die in XHTML bzw. HTML verfasst sind, samt erg\u00e4nzenden Grafiken mit CSS formatiert.<\/p>\n
Der Webdesigner hat dabei die Aufgabe, den besten Kompromiss zwischen den W\u00fcnschen des Auftraggebers, den Anspr\u00fcchen der Besucher und den technischen M\u00f6glichkeiten zu finden.<\/p>\n
Gestaltung
Neben der reinen Optik geht es bei der Gestaltung von Webseiten vor allem um Nutzerfreundlichkeit. Navigation und Aufbau der Webseiten sollen m\u00f6glichst vielen Menschen entgegen kommen. Hier erfahren aber z. B. viele behinderte Menschen Nachteile, sie ben\u00f6tigen Webseiten, die barrierefrei gestaltet sind. Werden in einem Hypertext zu viele Wahlm\u00f6glichkeiten von Links gegeben, kann dies zu einer Desorientierung, dem so genannten Lost in Hyperspace f\u00fchren.<\/p>\n
Zur Benutzungsfreundlichkeit kommt die Zug\u00e4nglichkeit, die sich in der Vermeidung von Techniken manifestiert, durch die Informationen nur mit einem bestimmten Browser erreichbar sind, oder durch das Schaffen von (Text-)Alternativen zu multimedialen Inhalten. Flash und andere Browsererweiterungen m\u00fcssen deswegen nicht grunds\u00e4tzlich vermieden werden, es sollte aber sichergestellt sein, dass der Inhalt auch ohne diese Techniken voll abrufbar bleibt.<\/p>\n
Hier gilt form follows function (engl. w\u00f6rtl. (Die) Form folgt (aus der) Funktion). So soll sichergestellt sein, dass bei zum Teil kunstvollem Design die Benutzbarkeit (engl. Usability) der Webseite nicht verloren geht.<\/p>\n
Ein wichtiger Aspekt beim Webdesign ist eine korrekte Textauszeichnung und Kenntnisse in Webtypografie. W\u00e4hrend Webseiten f\u00fcr die Browsergenerationen 4 (Netscape 4 und Internet Explorer 4) noch sehr unterschiedlich geschrieben wurden, kann der Webentwickler in den aktuellen Versionen (Mozilla, Internet Explorer 6, Opera, Konqueror, usw.) eine weitgehende Unterst\u00fctzung der Standards des W3C erwarten.<\/p>\n
Webdesign unterscheidet sich vom Design f\u00fcr andere Medien vor allem durch diese starke Leserorientierung. Sie ist darin begr\u00fcndet, dass Websurfer meist gezielt nach Informationen suchen und eine Site nur so lange besuchen wie unbedingt n\u00f6tig. Die starke Textlastigkeit von Webdesign h\u00e4ngt z. T. allerdings auch mit den Indizierungsm\u00f6glichkeiten von Suchmaschinen zusammen.<\/p>\n
<\/p>\n
Client- und serverseitige Entwicklung
Programmcode zur Steuerung und zur \u00e4u\u00dferlichen Erscheinung der Website l\u00e4sst sich entweder durch serverseitige Skriptsprachen wie PHP, Perl, ASPNet, ColdFusion oder JSP (Java Server Pages) ausf\u00fchren oder auch durch weitgehend clientseitige Erweiterungen wie Flash, Java oder JavaScript. Es besteht auch die M\u00f6glichkeit, client- und serverseitige Technologien zu kombinieren, beispielsweise PHP und Flash, um die Vorteile beider nutzen zu k\u00f6nnen. Dabei sollte man darauf achten, mit clientseitigen Erweiterungen sparsam umzugehen, da oft die notwendigen Plugins beim Benutzer nicht vorhanden sind oder JavaScript aus Sicherheitsgr\u00fcnden abgeschaltet wurde.<\/p>\n
<\/p>\n
Tendenzen
Die Entwicklung des Webdesigns hat sich in den letzten Jahren merklich beruhigt. Nach der Einf\u00fchrung von Flash 1997 konnten sich im Wesentlichen nur W3C-konforme Technologien wie CSS, XHTML oder auch JavaScript und Java etablieren. Bei fast allen neuen Websites konzentriert man sich derzeit auf das Ausreizen dieser Technologien.<\/p>\n
Die meisten anderen Techniken sind weitgehend vom Markt verschwunden bzw. neue Technologien k\u00f6nnen auf Grund mangelnder Reichweite kaum noch durchgesetzt werden. Neben modischen Trends sind neue Entwicklungen die das Webdesign beeinflussen fast nur noch serverseitig anzutreffen. Die einzige Ausnahme bilden Erweiterungen, die auf XML basieren. Da praktisch jeder moderne Browser XML verarbeiten kann, sind neue M\u00f6glichkeiten im Webdesign besonders in diesem Bereich zu erwarten, z. B. Vektorgrafik mit SVG und Darstellung mathematischer Formeln mit MathML.<\/p>\n
<\/p>\n
Webdesign und Printlayout
Webdesign und Printlayout unterscheiden sich in Gestaltung oder Pr\u00e4sentation einer Publikation. Eine Webpr\u00e4senz oder Webseite folgt anderen Regeln als Layout im Druckwesen.<\/p>\n
Im Unterschied zu Printmedien und den darauf bezogenen Seitenbeschreibungssprachen wie PostScript oder das Dateiformat PDF, sowie Grafikorientierten Methoden wie Flash, hat im normalen, auf HTML und XML basierenden Webdesign der Autor keine Kontrolle \u2013 und auch kaum Information \u2013 dar\u00fcber, in welcher Form jemand anderer seine Arbeit tats\u00e4chlich zu Gesicht bekommt.<\/p>\n
Insbesondere versucht Webauthoring Arbeitsweisen zu vermeiden, die aus den Traditionen des Druckwesens \u00fcbernommen sind, dem Medium Web aber nicht angemessen sind. Das umfasst etwa alle Versuche, Formatierungen zu kontrollieren, die mit der verwendeten Technologie nicht fixiert werden k\u00f6nnen, also Erscheinungsbild der Funktionalit\u00e4t vorzuziehen.<\/p>\n
<\/p>\n
Funktionierende Arbeitsweisen
Methoden aus Typographie und Drucklayout, die im Webdesign funktionieren, sind etwa:<\/p>\n
Die Gliederung einer Webpr\u00e4senz in inhaltliche Gruppen (Webseiten), die Kapiteln entsprechen.
Gliederungsauszeichnungen wie \u00dcberschriften, Listen
Einfache Textauszeichnungen wie relativ zur Normalschrift gr\u00f6\u00dfere oder kleinere Schriftgr\u00f6sse, Schriftschnitte wie kursiv und fett
Einfache Anweisungen zur Bildanordnung oder von Tabellen und deren Inhalt<\/p>\n
Nicht funktionierende Arbeitsweisen
Das Format: Webseiten werden auf Monitoren in unterschiedlicher tats\u00e4chlicher Abmessung (siehe Bildschirmdiagonale) und Bildaufl\u00f6sung betrachtet
Die Satzspiegel f\u00fcr Text- und Bildanordnungen: Diese sind dar\u00fcber hinaus auch vom verwendeten Webbrowser und dessen Einstellungen, sowie der Fensterbreite abh\u00e4ngig
Pr\u00e4zise Schriftcharaktere und -gr\u00f6\u00dfen f\u00fcr Headlines und Flie\u00dftexte: Diese Darstellungen sind sowohl vom Betriebssystem und den installierten Schriftarten abh\u00e4ngig, als auch den Renderingmechanismen, wie sie serverseitig und am lokalen Computer eingesetzt werden.
Farbklima bzw. -spektrum, das sich auf die Farben von Schriften, Hintergr\u00fcnden oder grafischen Elementen wie Informationsk\u00e4sten bezieht: Diese Aspekte werden im modernen Webdesign \u00fcber Stylesheets (etwa CSS) gesteuert, die vom Autor vorgegebenen Parameter gelten also nur im Sinne einer default-Einstellung.
Als weiteres Problem erweist sich die Farbdarstellung: Das Erscheinungsbild von Farbabbildungen \u2013 die Farbtreue \u2212 ist sowohl vom Monitor-Gamma als auch dem verwendeten Farbraum abh\u00e4ngig. Hier hat sich im Web sRGB als Standard durchgesetzt.<\/p>\n
Dar\u00fcber hinaus ist \u2013 etwa durch den Einsatz von Screenreadern (Vorleseprogrammen) oder \u00e4hnlichem \u2013 nicht einmal sicher, das der Benutzer eine Webseite \u00fcberhaupt zu Gesicht bekommt. Arbeitsweisen, die auf barrierefreies Webdesign keine R\u00fccksicht nehmen, weil der Autor der Gestaltung zuliebe die Zug\u00e4nglichkeit vermindert, gelten als einer der Modellf\u00e4lle von \u201eausgrenzendem Mechanismus\u201c.<\/p>\n
Dieser Artikel ist ein Auszug aus der freien Enzyklop\u00e4die Wikipedia.
Lizenz \/ Copyright: Dieser Lexikon-Artikel steht unter der GNU FDL (GNU Freie Dokumentationslizenz). Wikipedia ist eine mehrsprachige Enzyklop\u00e4die, deren Inhalte frei nutzbar sind und es f\u00fcr immer bleiben werden.<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
Erstellen und Verwalten von Internetseiten.Webdesign-PetrollSie m\u00f6chten Ihr Unternehmen erfolgreich im Internet pr\u00e4sentieren? So zeigen Sie, dass Sie Ihre Firma modern und zukunftsweisend f\u00fchren m\u00f6chten. Ich unterst\u00fctze Sie dabei gerne. Auf den folgenden Seiten k\u00f6nnen Sie mich und meine Arbeit kennenlernen. Webdesign (auch Webgestaltung) umfasst die Gestaltung, den Aufbau und die Nutzerf\u00fchrung von Webseiten f\u00fcr das […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/pages\/13"}],"collection":[{"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":6,"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/pages\/13\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/webdesign-petroll.de\/webdesign\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}