Die Entwicklungsphase des Webdesigns - Dummies

Video: Entwicklungsphasen einer professionellen Webseite 2024

In der Entwicklungsphase des Webdesigns werden alle Video-, Audio-, Flash-Animationen und Grafiken für das Web vorbereitet.: Sie werden komprimiert, um ihre Reise über das Internet zu beschleunigen, in einem webfreundlichen Format gespeichert, benannt und auf den Server hochgeladen. Alle Programmier- und HTML-Arbeit wird erledigt und die Website kommt zusammen, um getestet zu werden.

Produzieren von Kompositionen für eine Website

Nachdem der Kunde eine Designrichtung für die Site ausgewählt hat, kann die Produktionsarbeit wirklich beginnen. Das Grafikteam wird eine Reihe von comps (grafische Modelle, die zeigen, wie die Seite aussehen könnte) erstellen, die das Design und das Layout jeder einzelnen Seitenvorlage berücksichtigen. Comps werden normalerweise in Photoshop erstellt, obwohl Sie einige Designer finden können, die Fireworks verwenden. Im Allgemeinen verpflichten Sie sich auf nicht mehr als 20 bis 25 Comps, auch für die größten Websites.

Diese Kompositionen dienen als visueller Maßstab für den technischen Ausbau (Zusammenstellung der Website). Die HTML- und CSS-Entwickler verwenden diese Comps, um die erforderlichen Grafiken, Hintergründe, Symbolleisten, Schaltflächen und Stile für Text und andere Objekte abzuleiten, und versuchen, das visuelle Design und Layout der Kompositionen so genau wie möglich anzupassen.

Website-Content-Entwicklung

Während der Entwicklungsphase schreibt das Content-Team alle Textkomponenten für die Website. Der Content-Stratege ordnet alle Arten von Kopien, die für die Site benötigt werden, wie viele Blöcke jeder Art von Kopie benötigt werden und auf welchen Seiten sie leben. Dies alles ist übersichtlich in einer Tabelle mit der Bezeichnung Inhaltsmatrix organisiert. Inhaltsstrategen entscheiden gemeinsam mit den Autoren darüber, wie der Ton der Website aussehen soll.

Bewaffnet mit einer Checkliste der zu schreibenden Kopie (die oben erwähnte Inhaltsmatrix) und dem zu übermittelnden Ton, können die Verfasser ihre Aufgabe beginnen.

Kredit: © LEVEL Studios. www. Niveau-Studios. com

Medienentwicklung im Webdesign

Die meisten Websites verfügen über eine Art Rich Media (auch bekannt als Multimedia ) - ob Flash-Animationen und -Anwendungen, Audio oder Video.. In der Tat sind einige Websites vollständig in Flash erstellt, mit Ausnahme der einen HTML-Seite, auf der sich die Site befindet.

Gutschrift: © Das Gesehene. www. diese. biz

Die Flash-Entwicklung kann so komplex sein, dass sie zu einem Prozess und einem Beruf geworden ist. Flash-Designer müssen nicht nur ihre eigene Version einer Site-Map und von Wireframes erstellen, um ihren Angriffsplan zu erstellen, sondern sie müssen auch ein Teiledesigner und ein Teilprogrammierer sein, um eine effektive Flash-Komponente zu erstellen.

Erstellen der Präsentationsschicht einer Website mit HTML und CSS

HTML ist sicherlich der Klebstoff, der das World Wide Web zusammenhält. HTML ( H yper T ext M arkup L Sprache) ist eine einfache Programmiersprache, die Ihrem Web mitteilt Browser, wie formatierter Text, Grafiken und Medienelemente auf der Seite zusammengefügt werden. CSS (Cascading Style Sheets) ist ein Satz von Regeln, die Sie definieren können, um Aussehen, Größe, Position, Farbe und Form Ihrer Elemente zu bestimmen. Zusammen erzeugen HTML und CSS, was der Benutzer sieht: die Präsentationsschicht einer Website. Die Webdesign-Branche denkt üblicherweise an eine Website, die in Schichten organisiert ist. Wie Sie in diesem Buch sehen können, besteht eine Website aus vielen Ebenen.

Jede Seite jeder Website ist mit HTML erstellt. Sie können HTML-Code in einem beliebigen einfachen Texteditor (z. B. Notepad unter Windows) oder in einem leistungsstärkeren Editor wie Adobe Dreamweaver erstellen. Wenn Sie fertig sind, können Sie die Webseite direkt von Ihrem Desktop in einen Browser laden und sofortige Ergebnisse sehen.

HTML ist ziemlich eingeschränkt in dem, was es kann, und CSS konzentriert sich nur auf das Aussehen und das Layout, so dass Sie kein komplettes Online-Shopping-System (zum Beispiel) allein mit CSS und HTML erstellen können.

Das Backend einer Website entwickeln

Wenn Sie eine Website entwerfen, die über eine einfache Show mit netten Texten und Grafiken hinausgeht, müssen Sie Programmierer dazu bringen, eine Website-Ebene zu erstellen, die im Allgemeinen als < Backend . Das Backend ist all das, was hinter den Kulissen geschieht, um Site-Funktionen wie Suche, Kundenfeedback, den Kauf von Produkten mit einer Kreditkarte oder die Registrierung für besondere Veranstaltungen zu ermöglichen. Alle diese Aktionen erfordern eine spezialisierte Programmierung. Sie können diese Art von Funktionalität nicht nur mit HTML erstellen. Programmiersprachen wie PHP (H y p ertext P Aufbereiter) oder ASP (Microsofts A ctive S erver P alt) sind direkt in den HTML-Code der Seite integriert. Der HTML- und CSS-Teil steuert das Erscheinungsbild und Layout der Seite, während der Programmiercode all die coolen Dinge erledigt, wie zum Beispiel die Verknüpfung mit einer Online-Datenbank, um automatisch ein Produkt des Tages anzuzeigen. Gutschrift: © Steelcraft Group.

Um komplexe Seiten mit Anmeldemöglichkeiten, E-Commerce und mehr zu erstellen, können Sie entweder die Ärmel hochkrempeln und PHP-Code mit Editoren wie PhpStorm oder Eclipse eingeben oder Tools wie Adobe Dreamweaver verwenden.