WS - Conception de site Web - Créez votre propre design graphique et Web Page

Comment obtenez-vous l'inspiration pour votre site web professionnel? Comment pouvez-vous développer rapidement un modèle de conception graphique? Avec tant d'options là-bas, y compris l'aménagement, la couleur, et des centaines ou des milliers de polices de caractères, il peut être comme essayer de choisir un arbre dans la forêt. Vous pouvez terminer la course à pied en rond, tourne en rond rapidement, et les options peuvent sembler ahurissant.

Une façon de chercher l'inspiration pour votre nouveau site est, bien évidemment, d'avoir un regard sur d'autres sites en ligne. Vérifiez vos sites concurrents, et les sites Web pertinents à votre place d'affaires. Vous pouvez faire une liste des éléments sur ces sites que vous aimez particulièrement, ou si vous souhaitez inclure dans votre conception de sites Web.

Lors de l'élaboration d'un modèle graphique pour la conception de votre nouveau site Web, un bon endroit pour commencer est avec la couleur. Décider d'une couleur primaire, puis utilisez claire ou plus foncée que les nuances de couleurs primaires et / ou une couleur complémentaire qui va bien avec les variations de votre couleur primaire. Une fois que vous avez pris votre décision de couleur, pensez à créer un cadre agréable, au design épuré, qui le rend facile pour vos visiteurs à trouver leur chemin autour de votre site. Ne pas utiliser des images ou des photographies grand que les images de fond, car cela va ralentir votre site vers le bas. Vous souhaitez que vos pages pour charger rapidement, c'est maintenant un peu plus importante qu'elle ne l'était dans le passé, en raison d'une récente mise à jour Google.

Assurez-vous que les images que vous utilisez a un sens en termes de contenu du texte que vous utilisez sur votre site web. Un excellent site à utiliser que ce n'est iStockPhoto, qui vous permet de rechercher des images par catégorie et a des milliers d'images de haute qualité que vous pouvez utiliser sur votre site web. Vous pouvez même télécharger des images par exemple à utiliser dans votre schéma de configuration avant de les acheter pour quelques dollars chacune.

Assurez-vous que votre page Web est conçu avec des normes d'accessibilité à l'esprit moderne. Actuellement, XHTML et CSS sont les saveurs de choix en termes de tracé de votre page Web pour les navigateurs Internet. Vous pouvez aller à la page Web du W3C validator pour vérifier il n'ya pas d'erreurs majeures dans votre conception de sites Web.

Vous voulez vraiment que votre page d'accueil à l'objectif principal de vos mots clés principaux, ou expressions de mots clés pour votre entreprise. Faire la navigation uniforme dans toutes les pages de votre site afin que l'utilisateur se trouve, il est facile de revenir sur la page d'accueil et à d'autres domaines du site Internet - et d'essayer de faire en sorte que l'utilisateur peut accéder à toutes les pages sur votre site web dans les trois clics de souris à partir de la page d'accueil.

Après avoir pris toutes les décisions sur la couleur et la disposition, vous pouvez continuer à dessiner votre design graphique dans le programme d'édition d'image de votre choix. programmes les plus populaires sont les feux d'artifice, photoshop et le populaire programme gratuit de retouche d'images GIMP appelé. Si c'est votre conception de sites Web d'abord, puis gimp peut offrir toutes les fonctionnalités dont vous avez besoin. Une taille de commune pour les pages web est actuellement d'environ 1000 pixels par 800 pixels, une fois que vous avez mis tous les éléments de votre page Web et un éditeur graphique, l'utilisation ou la scission d'épissage fonction au sein de ce programme à la sortie des éléments dans le format correct pour un page HTML.

Vous pouvez ensuite utiliser le code HTML en sortie de votre programme de graphisme pour produire plusieurs pages à partir de ce modèle. Populaires éditeurs HTML incluent Adobe Dreamweaver, Note Pro Tab, et les éditeurs libres comme Coffee Cup.

Utilisation des programmes individuels des graphiques et des éditeurs HTML est bien au-delà du champ d'application de cet article, mais il ya beaucoup d'aide en ligne, des communautés et forums là pour vous aider sur votre chemin.