Instrumenten in Web-Design

December 16

Web-Design umfasst Elemente der visuellen Gestaltung sowie Codierung in verschiedenen Web-Sprachen. Während auf Programmierung und Anwendungsentwicklung mehr Web-Entwicklung konzentriert, hat Webdesign Schwerpunkt der visuellen Gestaltung und interaktive Aspekte Websites. Viele Software und Web-Tools können helfen, den Prozess der Gestaltung von Websites, von den ersten Design-Phasen durch zu implementieren und testen, die sich daraus ergebende Websites.

Grafik-Design

Grafikdesign gehört zu den Hauptaktivitäten normalerweise Webdesign. Sowie das Entwerfen von Layouts zu organisieren und präsentieren den Inhalt der Webseiten erstellen Webdesigner häufig benutzerdefinierte Bilder, Illustrationen und visuelle Elemente, die das Erscheinungsbild einer Website zu verbessern. Photoshop ist eines der am häufigsten verwendeten kommerziellen Software-Anwendungen von Web-Designern verwendet. Dagegen enthalten freie Alternativen Paint.NET und GIMP, das GNU Image Manipulation Program dar. Grafik-Design-Programme sind im Webdesign zum Erstellen von Mock-ups und Skizzen von Gestaltungsideen sowie produzieren die letzten Elemente tatsächlich angezeigt.

HTML-Markup

Layout und Inhalt einer Webseite wird normalerweise überwiegend in den strukturierten HTML-Markup dargestellt. HTML kann in einem einfachen Text-Editor wie Editor geschrieben werden. Allerdings erleichtert mit einem Texteditor, der Code, z. B. Notepad++ oder Gedit, unterstreicht die Codierung Aktivität. Kommerzielle Software-Produkte wie Adobe Dreamweaver können darüber hinaus verwendet werden, Markup-Code zu schreiben. Solche Produkte fungieren als integrierte Entwicklungsumgebungen zur Erstellung von Websites und verschiedene Codierung Aktivitäten zu integrieren.

CSS-Codierung

Cascading Stylesheets zusammen mit HTML sind die unter den wichtigsten Tools Web-Designer verwenden, um Site-Design zu implementieren. Wie HTML CSS-Dateien können in einem gewöhnlichen Texteditor erstellt werden, sondern profitieren auch von einem Hervorhebung Texteditor. Professionelle Designer und Entwickler nutzen auch Tools wie Dreamweaver für CSS-Code zu schreiben. Solche Werkzeuge Benutzeraufforderung mit vorgeschlagenen CSS-Code, während sie es schreiben, markieren Sie Syntaxfehler und erstellen Visualisierungen von welchen Effekt der CSS-Code auf der Seite fertig gestellt haben.

JavaScript

Oft verbessert die Interaktivität der Web-Seite Website-Design, in der Regel durch JavaScript. Designer können JavaScript-Code schreiben, in einem Texteditor oder IDE benutzen, um interaktive Effekte erstellen, wenn der Benutzer die Maus über die Teile einer Seite bewegt. JavaScript läuft im Webbrowser des Benutzers, so dass JavaScript-Code ausgeführt wird, öffnen Sie die Seite in Frage, oder Surfen, in einem Browserprogramm. Einige Web-Browser interpretieren JavaScript-Code unterschiedlich, so ist dies ein besonderes Gebiet, wo viele Tests ist erforderlich.

Testen

Alle Websites müssen gründlich getestet werden, ob sie bereit sind, um erfolgreich zu sein. Da Benutzer Webseiten auf verschiedenen Gerät, Betriebssystem und Browser anzeigen, haben Designer und Entwickler die Aufgabe versuchen, sicherzustellen, dass ihre Websites Aussehen und Verhalten auf die gleiche Weise, was die Umwelt. Aus diesem Grund haben Web-Designer in der Regel mehr als ein Browser auf ihrem Computer zu Testzwecken installiert. Zusätzlich Browser-Addons wie Firebug kann installiert werden, so dass Designer zu Kontrollkästchen Site-Struktur und Funktionalität, Ermittlung von Problemen innerhalb der Seiten sie arbeiten an.