Ouvrez un programme de logiciel ou programme en ligne pour la création de structures filaires et des 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 la 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, des menus de navigation et le corps principal. Utiliser une seule couleur dans différentes nuances, telles que le gris, pour aider à se concentrer 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 les taches pour tous les éléments de navigation et les menus.
Écrivez le code HTML pour toutes les pages de votre site Web en utilisant un éditeur HTML, de fonder la conception sur les modèles que vous avez 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. Laissez de fonds et les images. Remplacez-les par les fonds de couleur gris ou des boîtes de lumière différente et étiqueter avec des étiquettes telles que "Logo" ou "Header" pour montrer ce qui devrait y aller.
Tapez tout texte pertinent dans les pages. Choisissez d'écrire une phrase ou un paragraphe sommaire indiquant l'objet de la page pour le prototypage rapide. Reportez-vous à cette déclaration d'intention quand vous avez besoin pour déterminer comment une page fonctions dans le site actuel disposition.
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 tout au long.