La phase de développement de la conception web

Dans la phase de développement de la conception de sites Web, tous les vidéo, audio, animation Flash et les graphiques sont préparés pour le web: Ils sont compressés pour accélérer leur Voyage à travers le web, enregistré dans un format Web convivial, nommé, et téléchargées à le serveur. Toute la programmation HTML et le travail est fait, et le site vient ensemble, prêt à être testé.

Produire comps pour un site Web

Après que le client choisit une direction de conception pour le site, le travail de production peut vraiment commencer. L'équipe graphique va produire une série de comps (maquettes graphiques qui montrent comment la page pourrait ressembler) qui représentent la conception et la mise en page de chaque modèle de page unique. Comps sont généralement produites dans Photoshop, mais vous pouvez trouver quelques designers qui utilisent Fireworks. Généralement, vous vous engagez à pas plus de 20 à 25 comps, même pour les plus grands sites.

Ces compositions servent de référence visuelle pour la technique construire sur (mettre le site en même temps). Les développeurs HTML et CSS vont utiliser ces compositions pour dériver les nécessaires graphiques, des origines, des barres d'outils, les boutons et les styles pour le texte et d'autres objets, et vont essayer de correspondre à la conception visuelle et la disposition des comps aussi étroitement que possible.

Le développement de contenu de site Web

Pendant la phase de développement, l'équipe contenu est occupé à écrire tous les copie (texte) des composants pour le site. Le contenu stratège maps sur tous les types de copie nécessaires pour le site, le nombre de blocs de chaque type de copie sont nécessaires, et les pages sur lesquelles ils vivent. Tout cela est parfaitement organisé dans un tableur appelé matrice contenu. Stratèges contenu, avec les écrivains, décident aussi de ce que le ton du site devrait être.

Armé d'une liste de contrôle de la copie d'écrire (la matrice contenu précité) et le ton de transmettre, les écrivains peuvent commencer leur tâche.

Le développement des médias dans la conception web

La plupart des sites ont une sorte de rich media (aussi connu comme multimédia) - Que ce soit des animations Flash et des applications, audio ou vidéo. En fait, certains sites sont entièrement en Flash, sauf pour la page HTML qui se trouve sur le site.

Le développement de Flash peut être si complexe qu'il est devenu un processus et une profession en soi. Non seulement les concepteurs de Flash ont besoin pour créer leur propre version d'un plan du site et filaires de faire leur plan d'attaque, mais ils ont aussi besoin d'être un designer de la pièce et un programmeur partie afin de construire une composante efficace Flash.

Construire la couche de présentation d'un site Web avec HTML et CSS

HTML est certainement la colle qui tient le World Wide Web ensemble. HTML (HyperTposte Markup Language) est un langage de codage simple qui indique à votre navigateur Web comment chaîne formatée éléments textes, graphiques, et les médias ainsi que sur la page. CSS (Cascading Style Sheets) est un ensemble de règles que vous pouvez définir qui régissent l'apparence, la taille, la position, la couleur et la forme de vos éléments. Ensemble, HTML et CSS créent ce que l'utilisateur voit: la couche de présentation d'un site Web. L'industrie web-design pense habituellement d'un site Web tel qu'il est organisé en couches. Comme vous pouvez le voir tout au long de ce livre, un site comprend plusieurs couches.

Chaque page de chaque site est construit avec le langage HTML. Vous pouvez écrire du code HTML dans un éditeur de texte simple (tel que Notepad sous Windows) ou utilisez un éditeur plus complet comme Adobe Dreamweaver. Lorsque vous avez terminé, vous pouvez charger la page Web dans un navigateur là à partir de votre bureau et de voir des résultats instantanés.

HTML est assez limité dans ce qu'il peut faire, et CSS se concentre seulement sur les regards et la mise en page, de sorte que vous ne pouvez pas construire un système complet en ligne d'achats (par exemple) en utilisant seulement CSS et HTML seul.

Développer le backend d'un site Web

Si vous concevez un site qui va faire quelque chose au-delà d'une simple démonstration de beau texte et les graphiques, vous devez faire appel aux programmeurs de construire une couche de site généralement dénommé backend. Le backend est tous les trucs qui se passe dans les coulisses pour activer les fonctionnalités du site, telles que la recherche, les commentaires des clients, l'achat de produits avec une carte de crédit, ou en vous inscrivant pour des événements spéciaux. Tout de ces mesures nécessitent une programmation spécialisée. Vous ne pouvez pas construire ce genre de fonctionnalité avec le langage HTML seul.

Les langages de programmation tels que PHP (Hypertext Pretraitement) ou ASP (Microsoft UNctive Server Ples âges) sont à droite intégrée dans le code HTML de la page. La portion de code HTML et CSS contrôle l'apparence de la page et la mise en page, alors que le code de programmation fait tout les trucs cool comme un lien vers une base de données en ligne pour afficher automatiquement un produit de la journée.

Pour construire des pages complexes avec des capacités de connexion, l'e-commerce, et plus, vous pouvez soit retrousser vos manches et tapez le code PHP en utilisant des éditeurs tels que PhpStorm ou Eclipse ou vous pouvez utiliser des outils comme Adobe Dreamweaver.