Comment concevoir un prototype de page web

Ouvrez un programme de logiciel ou programme en ligne pour la création de wireframes et prototypes. Un programme de retouche photo va travailler pour la création de votre prototype à partir de zéro, mais peut-être plus de temps.

Glissez et déposez de taille appropriée, des carrés de couleur claire et des rectangles pour représenter les différentes sections de votre page Web, comme le logo, les menus de navigation et le corps principal. Utiliser une seule couleur dans différentes nuances, telles que le gris, pour aider à mettre l`accent sur la mise en page et non schéma de couleurs.

Répétez l`étape 2 pour chaque page de votre site web. Inclure des taches pour tous les éléments de navigation et les menus.

Ecrire le code HTML pour toutes les pages de votre site Web en utilisant un éditeur HTML, en fondant la conception sur les modèles créés dans les étapes 1 à 3. Utilisez un logiciel de conception de sites Web, tels que Adobe Dreamweaver, pour créer vos pages si vous ne savez pas HTML. Donner des origines et des images. Remplacez gris coloré arrière-plans ou des boîtes de lumière différente et étiqueter avec des étiquettes telles que "Logo" ou "Entête" pour montrer ce qui devrait y aller.

Tapez tout texte pertinent dans les pages. Choisissez d`écrire une phrase de synthèse ou du paragraphe indiquant l`objet de la page pour le prototypage rapide. Reportez-vous à cette déclaration de fin lorsque vous avez besoin pour déterminer comment une page fonctions dans le site Web actuel mise en page.

Aperçu de votre prototype en ligne et tester les systèmes de navigation, des liens et des menus. Prenez des notes de sections ou de modifier les pages qui ne fonctionnent pas. Vérifiez que vos pages utilisent le même système de navigation et de mise en page tout au long.