|
A mon entreprise, nous réalisons des sites dynamiques - Les sites qui s'adaptent en permanence à l'entrée utilisateur et permettent une gestion extensive de contenu par les administrateurs du site. Indépendamment de la quantité d'informations sur une page, la conception doit s'adapter, en conservant son aspect professionnel. Le site des conteneurs: Pour un site dynamique pour travailler à tout ce qu'elle a besoin d'une base solide. Une hauteur-conteneur souple entourant le contenu du site est une base parfaite. Quelque chose d'aussi simple, mais la largeur aussi efficace que d'une bordure noire avec un site cohérent fixera le contenu interne à part le fond de page. Ce contenant peut élargir ou de la hauteur du contrat-sage de tenir compte naturellement des quantités différentes de contenu. Navigation: Un des meilleurs moyens pour assurer une navigation dynamique et fonctionnelle du site est d'utiliser les menus déroulants. Déroulantes permettre une navigation propres au site à partir de n'importe quelle page du site, et sont faciles à produire de façon dynamique, en employant la même logique que le site conteneur. Catégories principales sont enveloppés chacun dans un div relative, de sorte que chacun puisse être attribué de façon absolument positionné, caché sous-menu qui apparaîtra sur mouseover. Cette méthode est la meilleure pour les sites dynamiques parce que la hauteur peut augmenter ou diminuer à mesure que le nombre des points de sous augmenter et diminuer, sans que la disposition générale du site. Too Much Contenu (Nous devrions tous être de la chance): Un des défis qui pèsent constamment sur les développeurs de sites dynamiques est l'affichage d'une richesse de contenu en une seule page. Souvent, les clichés sont optimisés pour un montant spécifique de contenu, et si elles dépassent ce montant, les pages apparaissent bondés et brouillon. Une des meilleures méthodes pour atténuer ce problème, en assurant un plus utilisable et SEO conception conviviale, est combinant JavaScript et DHTML pour créer une navigation par onglets dans les pages. Des exemples de ce qui peut être trouvé à Ugallery.com, une galerie d'art en ligne, où une page a été créée pour les utilisateurs afin qu'ils puissent afficher autant de morceaux de leurs oeuvres d'art comme vous le souhaitez sans dépasser la largeur du site fixe. La solution a été une galerie de défilement propulsé par JavaScript et DHTML. Toutes les informations sont encore rendus dans la source, cependant, une grande partie est cachée, pour être révélé lors d'une mousse de l'utilisateur sur une flèche de défilement. La même fonction de base a été employée pour le profil de l'artiste. La hauteur du conteneur a été contraint, et donc, un profil a été placé dans une boîte DHTML texte défilant, en utilisant le trop-plein »: style" caché, et présentant des artistes de plus d'espace pour se décrire. Le portefeuille actuel de l'artiste, leurs expositions, et une section de commentaires des visiteurs devaient également être intégrées sur une seule page. La solution: Tabbed JavaScript et DHTML de navigation où l'espace mieux organisé et a permis au visiteur de passer de l'un portfolio de l'artiste, expositions, et des commentaires des visiteurs sans recharger. La leçon à tirer ici, c'est quand on construit un site dynamique, utiliser des techniques de conception avancée. En utilisant ces méthodes, non seulement l'information peut-être mieux organisés et disposés de manière plus intuitive, mais elle peut aussi être contraint de réaliser un aspect cohérent pour le site. Rappelez-vous aussi que la plupart DHTML mentionnés dans cet article peuvent être trouvées dans divers sites Web Open Source. Happy la conception web! |