Dix Timesaving Dreamweaver Conseils pour la conception de sites Web - nuls

Tous les bons sites Web évoluent. Si vous commencez par une conception solide et que vous portez une attention particulière à certaines règles de base relatives à l'interface, à la navigation et au style, vous avez de meilleures bases sur lesquelles bâtir. Les idées de conception et les conseils de Dreamweaver suivants peuvent vous aider à gagner du temps en créant des sites Web attrayants pour tous vos visiteurs.

1Plan - ça paye.

Même si vous vous sentez obligé d'avoir un site Web en ligne rapidement, vous gagnerez du temps à long terme si vous prenez le temps d'élaborer un plan en premier.

Le World Wide Web ne va nulle part. Même si vous devez mettre en ligne votre site le plus rapidement possible, votre objectif devrait être de concevoir un site qui soit réellement au service de votre public, de votre entreprise et de vos objectifs, et ces objectifs nécessitent une planification.

2Définez les objectifs pour vous aider à vous concentrer.

Si vous démarrez votre site Web dans le but d'attirer des millions de visiteurs et de vendre des tonnes de produits et de services, vous n'êtes pas assez précis. Plus vous pouvez énoncer vos objectifs avec précision, plus vous avez de chances de les atteindre. Vous devriez vous limiter à seulement trois buts.

3 Fixez des délais pour vous aider à terminer.

Après avoir clairement défini vos objectifs et les tâches à accomplir avant de lancer votre site Web, il est temps de créer un calendrier et de définir des échéances. Assurez-vous de vous donner un échéancier réaliste pour faire du bon travail et prendre en compte un peu plus de temps que vous ne le pensez, surtout si vous êtes novice en conception de sites Web.

Même si vous travaillez sur un site Web seul ou avec une très petite équipe, fixer des délais est l'une des parties les plus importantes de tout plan de projet - et vous donne une bien meilleure chance de finir. Essayez d'attacher une date limite à un événement spécial ou à une occasion.

4Design pour votre public.

Peu importe la complexité technique d'un site Web ou la qualité de l'écriture, la plupart des gens remarquent d'abord le design. Assurez-vous de laisser suffisamment de temps et de budget pour développer un design approprié et attrayant pour votre site Web. Le bon design est celui qui convient le mieux à votre public - et cela peut signifier ou non beaucoup de graphismes et d'animations.

5Créez un design cohérent.

La plupart des sites fonctionnent mieux et sont plus faciles à naviguer lorsqu'ils suivent un thème de conception cohérent. Exemple: La plupart des lecteurs tiennent pour acquis que les livres ne changent pas leur conception d'une page à l'autre et que les journaux ne changent pas les polices de caractères et les logos au jour le jour.

En effet, beaucoup diraient que lorsque les utilisateurs disent que quelque chose est «intuitif à utiliser», ce qu'ils veulent vraiment dire, c'est que c'est familier.La cohérence est l'un des principaux outils utilisés dans la conception pour aider les lecteurs à trouver un site familier et le rendre facile à suivre une histoire ou une série d'éléments de navigation.

6Suivez la règle des trois clics.

La règle des trois clics stipule qu'aucune information importante ne doit jamais être à plus de trois clics de n'importe où sur votre site Web. L'information la plus importante devrait être encore plus proche. Par exemple, de nombreux concepteurs conviennent que les informations de contact ne doivent jamais être à plus d'un clic.

Vous pouvez faciliter la recherche d'informations pour les utilisateurs en créant une barre de navigation - un ensemble de liens vers toutes les sections principales de votre site que vous répétez sur toutes les pages de votre site. Une barre de navigation permet aux visiteurs de se déplacer facilement d'une section de votre site à une autre.

Si vous avez beaucoup de pages dans votre site, organisez-les en sections avec des sous-sections, puis utilisez un menu déroulant.

7Pensez avant d'ajouter des polices fantaisie.

Les concepteurs sont tellement excités quand ils découvrent qu'ils peuvent maintenant utiliser n'importe quelle police qu'ils veulent sur les pages Web. Malheureusement, comme beaucoup de choses sur le web, l'utilisation de polices est plus compliquée que vous ne le pensez.

Par exemple, même si vous avez le droit d'héberger une police sur votre propre serveur Web, il se peut que vous n'ayez pas toutes les variantes de police nécessaires pour afficher correctement les lettres sur les ordinateurs Mac et Windows ou pour tous les navigateurs Web. C'est pourquoi la plupart des concepteurs de sites Web utilisent un service de polices:

8 Gardez les objets fréquemment utilisés à portée de main.

Vous rêvez de conserver toutes vos fonctionnalités Dreamweaver préférées dans un endroit pratique? Vous pouvez! Personnalisez simplement la collection Favoris dans le panneau Insertion.

Lancez Dreamweaver et choisissez Fenêtre → Insérer pour ouvrir le panneau Insertion commune. Le panneau Insertion comprend plusieurs sections, notamment Structure, Média, Formulaires et Favoris.

Cliquez sur la flèche dans le panneau Insérer et choisissez Favoris dans la liste déroulante. L'option Favoris se trouve à la toute fin de la liste déroulante du panneau Insertion.

Pour personnaliser le panneau Favoris avec toutes vos icônes de fonctions favorites, cliquez avec le bouton droit de la souris (ou cliquez sur Ctrl + clic sur un Mac) et choisissez Personnaliser les favoris. Utilisez le panneau Insertion des favoris pour conserver facilement toutes vos fonctions préférées. Vous pouvez même le modifier pour des projets spéciaux nécessitant une collection de fonctionnalités de programme.

9Splissez la vue.

Si vous souhaitez basculer entre le mode Code et la vue Conception dans Dreamweaver, vous apprécierez l'option permettant de diviser la fenêtre afin que vous puissiez afficher à la fois le code source et le modèle de page en même temps. Pour diviser la fenêtre, choisissez le bouton Diviser l'affichage en haut à gauche de l'espace de travail.

Le code source de Dreamweaver est codé en couleur pour faciliter la distinction des balises et du contenu. Une autre fonctionnalité utile dans la vue fractionnée est que si vous sélectionnez une image, du texte ou un autre élément sur une page en mode Création, le code correspondant est automatiquement mis en surbrillance en mode Code.

10Recupérez votre site Web.

Assurez-vous d'avoir un système en place pour sauvegarder votre site Web.Conservez toujours une copie de tous les fichiers de votre serveur dans un emplacement distinct et mettez-la régulièrement à jour pour vous assurer que la dernière version de votre site est sauvegardée en permanence.

Pour créer une sauvegarde d'un site Web que vous avez créé dans Dreamweaver, vous devez copier le dossier du site dans lequel vous stockez tous les fichiers de votre site Web. Idéalement, vous devez copier ce dossier sur un disque dur externe ou le télécharger sur un système de sauvegarde en ligne (hébergé séparément de votre serveur Web).