Gestion de la structure de votre site avec Dreamweaver - les mannequins

L'une des erreurs les plus courantes des nouveaux concepteurs Web est de se lancer dans le développement d'un site sans penser à tous leurs objectifs, priorités, budget et options de conception. L'instinct est simplement de commencer à créer des pages, de les jeter toutes dans un grand répertoire, puis de les enchaîner avec des liens. Ensuite, quand ils le testent finalement sur leur public, ils sont souvent surpris quand les utilisateurs disent que le site est difficile à naviguer et que les utilisateurs ne peuvent pas trouver les pages qu'ils veulent utiliser.

Faites-vous une faveur et sauvez-vous un peu de chagrin en faisant un plan. En ayant un plan, vous avez également une bien meilleure chance de créer un site Web attrayant, facile à maintenir et à mettre à jour. Vous devez comprendre les problèmes de planification courants de la conception Web. Vous devez également comprendre comment Dreamweaver facilite la gestion d'une équipe de développeurs et comment tirer le meilleur parti des fonctionnalités de gestion de site, telles que la synchronisation de site et la messagerie électronique intégrée. Si vous vous trouvez dans la situation malheureuse d'essayer de réparer des liens brisés, vous pouvez également apprécier comment Dreamweaver facilite également cette tâche. La gestion de la structure d'un site Web comporte deux aspects: le côté que les utilisateurs voient, qui dépend de la manière dont vous configurez les liens, et le côté en coulisses qui dépend de la façon dont vous organisez les fichiers et les dossiers.

Ce que l'utilisateur voit

Le côté que voit l'utilisateur est entièrement consacré à la navigation. Lorsque les utilisateurs arrivent sur votre page d'accueil, où les dirigez-vous? Comment se déplacent-ils autour de votre site? Un bon site Web est conçu pour que les utilisateurs puissent naviguer facilement et intuitivement et créer leur propre chemin vers les informations les plus pertinentes pour eux. À mesure que vous planifiez, assurez-vous que les utilisateurs peuvent accéder facilement aux informations clés à partir de plusieurs endroits du site. Assurez-vous qu'ils peuvent aller et venir entre les pages et les sections et retourner aux pages principales et aux index en une seule étape. La définition de liens est facile dans Dreamweaver; le défi consiste à s'assurer qu'ils sont faciles à suivre pour les visiteurs.

Ce que vous voyez

Le deuxième aspect de la gestion de la structure de votre site Web se trouve dans les coulisses (vos utilisateurs ne peuvent pas voir les informations, mais vous voulez un système organisationnel pour se souvenir de ce qui est quelle). Avant d'aller trop loin dans la création de votre site avec Dreamweaver, prenez le temps de réfléchir aux problèmes de gestion liés au suivi de tous les fichiers que vous créez pour votre site. Les fichiers comprennent toutes les images, les pages HTML, les animations, les fichiers son et tout ce que vous avez ajouté à votre site Web.Lorsque vous créez des pages pour votre site Web, il est préférable de les organiser dans des dossiers ou des répertoires distincts.

Certains développeurs Web intègrent 20 ou 30 pages dans un site Web en pleine croissance et réalisent ensuite que l'ensemble de leurs fichiers dans un dossier était une erreur. En fait, c'est plus qu'une erreur; c'est le bordel. Et pour aggraver les choses, si vous commencez à déplacer les choses dans de nouveaux dossiers après que le site se développe, vous devez changer tous les liens. Ne réalisant pas cela, certaines personnes commencent à déplacer des fichiers, puis constatent qu'ils ont des liens brisés et ne se souviennent pas où les choses sont supposées aller. Heureusement, Dreamweaver inclut des outils de gestion de site qui corrigent automatiquement les liens lorsque vous déplacez des pages ou créez de nouveaux dossiers, mais il est toujours préférable de commencer avec un bon plan que d'avoir à nettoyer la structure plus tard.

Avant de créer ces premières pages, pensez à l'endroit où vous ajouterez du contenu dans le futur. Après avoir dressé une liste des éléments clés que vous voulez dans votre site, vous êtes prêt à créer un storyboard ou un plan. Utilisez la liste et les grandes lignes pour créer des sections logiques d'un site qui anticipent la croissance. Par exemple, vous pouvez commencer avec une page qui répertorie l'ensemble de votre personnel; Cependant, après avoir vu à quel point c'est cool, les membres du personnel peuvent vouloir développer leurs propres pages. Dans ce cas, vous pouvez vouloir un dossier distinct dédié aux pages de personnel. Si vous fournissez des informations à votre équipe commerciale, vous pouvez trouver une section distincte pour chaque produit. Lorsque vous ajoutez de nouvelles sections, créez de nouveaux sous-répertoires ou sous-dossiers pour stocker leurs fichiers respectifs. La création de sous-répertoires facilite également la gestion d'un site construit par plusieurs personnes. Si chaque sous-section a un dossier distinct, chaque développeur peut mieux gérer ses propres fichiers.