Die Entwicklungsphase für das Web Design

In der Entwicklungsphase von Web-Design, alle Video-, Audio-, Flash-Animationen und Grafiken sind für das Web vorbereitet: Sie sind komprimiert, um ihre Reise über die Bahn zu beschleunigen, in einem Web-freundlichen Format gespeichert, benannt und hochgeladen der Server. Die gesamte Programmierung und HTML-Arbeit ist getan, und die Website kommt zusammen, bereit zu prüfen.

Produzieren Comps für eine Website

Nachdem der Kunde eine Design-Richtung für den Standort wählt, kann die Produktionsarbeit wirklich beginnen. Das Grafikteam wird produzieren eine Reihe von comps (Grafische Mockups, die zeigen, wie die Seite aussehen könnte), die für die Gestaltung und das Layout jeder eindeutigen Seitenvorlage berücksichtigen. Comps sind in der Regel in Photoshop hergestellt, obwohl Sie einige Designer, die Fireworks verwenden können. Im Allgemeinen verpflichten Sie nicht mehr als 20 bis 25 Comps, auch für die größten Websites.

Diese Kompositionen dienen als visuelle Maßstab für die technische ausbauen (Setzen Sie die Website zusammen). Die HTML und CSS-Entwickler werden diese Kompositionen verwenden, die notwendigen Grafiken, Hintergründe, Symbolleisten, Schaltflächen und Stile für Text und andere Objekte ableiten, und werden versuchen, das visuelle Design und Layout der Kompositionen passen so gut wie sie können.

Website-Content-Entwicklung

Während der Entwicklungsphase ist das Content-Team beschäftigt mit dem Schreiben alle Kopie (Text) Komponenten für den Standort. Der Inhalt Stratege abbildet alle Arten von Kopie für die Website benötigt, wie viele Blöcke von jeder Art von Kopie erforderlich sind, und auf welchen Seiten sie leben. Das ist alles fein säuberlich in eine Tabelle organisiert ein genannt Inhalt Matrix. Inhalt Strategen, zusammen mit den Autoren, auch entscheiden, was der Ton der Website sein sollte.

Bewaffnet mit einer Checkliste der Kopie (die oben genannten Inhalte Matrix) zu schreiben und den Ton zu vermitteln, können die Autoren ihre Aufgabe beginnen.

Medienentwicklung in Web-Design

Die meisten Websites haben eine Art von Rich-Media (auch bekannt als Multimedia) - Ob es sich um Flash-Animationen und Anwendungen, Audio oder Video. In der Tat sind einige Websites in Flash mit Ausnahme des einen HTML-Seite, die Website befindet sich auf ganz gebaut.

Flash-Entwicklung kann so komplex sein, dass es ein Verfahren und ein Beruf für sich geworden ist. tun Flash-Designer müssen nicht nur ihre eigene Version von einer Site-Map zu erstellen und Wireframes ihren Angriffsplan zu machen, aber sie brauchen auch ein Teil-Designer und ein Teil Programmierer sein, um eine effektive Flash-Komponente zu bauen.

Aufbau der Präsentationsschicht einer Website mit HTML und CSS

HTML ist sicherlich der Klebstoff, der zusammen das World Wide Web hält. HTML (HyperText Markup Language) ist eine einfache Codierung Sprache, die Ihren Web-Browser wird beschrieben, wie String-formatierten Text, Grafiken und Medienelemente zusammen auf der Seite. CSS (Cascading Style Sheets) ist ein Satz von Regeln, die Sie definieren können, die das Aussehen, Größe, Position, Farbe und Form Ihrer Elemente regieren. Zusammen, HTML und CSS zu erstellen, was der Benutzer sieht: die Präsentationsschicht einer Website. Die Web-Design-Industrie denkt üblicherweise von einer Website wie in Schichten organisiert. Wie Sie in diesem Buch sehen können, umfasst eine Website viele Schichten.

Jede Seite jeder Website mit HTML gebaut. Sie können HTML-Code in jedem einfachen Texteditor (zB Notepad in Windows) oder verwenden Sie eine voll funktionsfähige Editor wie Adobe Dreamweaver schreiben. Nachdem Sie fertig sind, können Sie die Web-Seite in einem Browser laden direkt dort von Ihrem Desktop und sofortige Ergebnisse zu sehen.

HTML ist ziemlich begrenzt, was es tun kann, und CSS konzentriert sich nur auf das Aussehen und das Layout, so kann man nicht ein komplettes Online-Shopping-System (zum Beispiel) mit nur CSS und HTML alleine bauen.

Die Entwicklung der Backend einer Website

Wenn Sie eine Website sind entwerfen, die etwas über eine einfache Show von netten Text und Grafiken zu tun wird, müssen Sie Programmierer gewinnen eine Website Schicht allgemein als das bezeichnet bauen Backend. Das Backend ist all das Zeug, das hinter den Kulissen geschieht Seite, wie Suche, Kunden-Feedback, den Kauf von Produkten mit einer Kreditkarte oder Registrierung für besondere Veranstaltungen zu ermöglichen. Alle diese Maßnahmen erfordern spezielle Programmierung. Sie können diese Art von Funktionalität mit HTML allein bauen.

Programmiersprachen wie PHP (Hypertext Preprocessor) oder ASP (Microsoft EINctive Server PAlter) sind integriert direkt in den HTML-Code für die Seite. Der HTML und CSS Teil steuert die Seite Aussehen und Layout, während der Programmiercode macht die ganze coole Sachen wie auf eine Online-Datenbank, die automatisch ein Produkt des Tages anzuzeigen.

Zum Aufbau komplexer Seiten mit Login-Funktionen, E-Commerce und vieles mehr, können Sie entweder die Ärmel hochkrempeln und PHP-Code geben Sie Editoren wie PhpStorm oder Eclipse oder Sie können Tools wie Adobe Dreamweaver.