Accueil Médias sociaux Comment organiser votre page Web avec des tables et des cadres - dummies

Comment organiser votre page Web avec des tables et des cadres - dummies

Vidéo: TUTO GOOGLE DOCS : cours / formation Google documents GRATUIT et COMPLET 2025

Vidéo: TUTO GOOGLE DOCS : cours / formation Google documents GRATUIT et COMPLET 2025
Anonim

L'utilisation de tableaux et de cadres sur votre page Web vous permet de présenter les informations aux visiteurs de votre site de manière organisée. Les tableaux sont un outil de mise en page pour les tables de données sur les pages Web, mais la fonctionnalité de table pour les pages Web a longtemps été utilisée pour contrôler la disposition de la page entière.

Les concepteurs rendent les cellules d'une table très volumineuses et y placent de grands graphiques ou des blocs entiers de texte. Vous pouvez même redimensionner automatiquement les tables pour s'adapter à différentes tailles de fenêtres de navigateur Web, au moins jusqu'à un certain point.

La question de savoir si et comment utiliser les tables a longtemps été l'un des sujets les plus controversés dans la conception de pages Web.

Les cadres sont des dispositifs de disposition plus puissants que les tables, mais ils sont tombés en défaveur. Ils permettent de mettre à jour et de faire défiler séparément certaines parties de la fenêtre du navigateur Web. Cependant, ils produisent des effets bizarres; les utilisateurs semblent préférer une fenêtre unifiée pour séparer les «volets» dans une fenêtre.

Lors de la conception de votre propre page Web, il y a tellement d'éléments différents que vous devez ajuster dans la conception de page basée sur la table que vous devez investir beaucoup de temps et d'énergie pour apprendre à utiliser les tableaux efficacement à des fins de mise en page. Et puis tout un ensemble de problèmes se pose pour vous assurer que votre conception de page basée sur des tables fonctionne bien sur la plupart ou la totalité des systèmes informatiques actuels et des configurations de navigateur Web qui sont en cours d'utilisation.

Pour créer vos propres tables, vous pouvez commencer en utilisant la commande Insérer → Table dans CoffeeCup. Cependant, vous avez vraiment besoin d'un outil plus avancé pour travailler efficacement avec les tables de vos pages Web - quelque chose comme Microsoft FrontPage ou Dreamweaver, qui vous donnent tous deux un contrôle plus direct sur des options spécifiques. Bien sûr, votre autre option est de commencer à beaucoup d'expérimenter en HTML jusqu'à ce que vous appreniez comment obtenir les choses comme vous le voulez.

Pour plus de détails sur l'utilisation des tableaux pour la mise en page, commencez par cet article de conception Web.

Les images divisent une page Web en zones distinctes que vous pouvez ensuite mettre à jour individuellement. Par exemple, vous pouvez cliquer sur un lien dans un cadre dans la moitié inférieure d'une page Web et le mettre à jour avec du nouveau contenu tandis que l'autre reste inchangé. Cela semble être une capacité puissante. Cependant, les cadres sont moins populaires que les tables car les cadres sont difficiles à créer et à gérer. Mais avancé Avec les cadres, le problème vient de la partie "utile"; les utilisateurs ont du mal à utiliser des pages Web encadrées.

Par exemple, lorsque vous parcourez une page encadrée, les utilisateurs ont parfois du mal à trouver l'emplacement du curseur.Si l'utilisateur déplace la barre de défilement, quel cadre défile? En outre, aller de l'avant et en arrière dans un cadre est différent d'aller de l'avant et en arrière dans la page Web globale, ainsi les utilisateurs peuvent se perdre facilement. Et l'impression d'une page encadrée correctement nécessite des étapes supplémentaires.

Enfin, les cadres créent un problème fonctionnel ou deux. Lorsque les utilisateurs redimensionnent une fenêtre de navigateur, les pages encadrées ne sont pas toujours redimensionnées correctement. Et concevoir une page encadrée pour bien fonctionner pour différentes tailles de moniteurs est encore plus difficile que de concevoir correctement des pages avec des tables intégrées.

Comment organiser votre page Web avec des tables et des cadres - dummies

Le choix des éditeurs

Valide Versus un document XML bien formé - mannequins

Valide Versus un document XML bien formé - mannequins

En XML, un document valide doit se conformer aux règles de sa définition DTD (Document Type Definition) ou schéma, qui définit quels éléments peuvent apparaître dans le document et comment les éléments peuvent s'imbriquer les uns dans les autres. Si un document n'est pas bien formé, il ne va pas très loin dans le monde XML, donc vous avez besoin de ...

Validation de votre page Web HTML5 - mannequins

Validation de votre page Web HTML5 - mannequins

Peu importe votre précaution, vous faites parfois des bêtises lorsque coder vos pages Web HTML5. Un outil comme un correcteur orthographique pour le code serait génial. Et voilà, il existe un tel outil de vérification de code. Le W3C Markup Validation Service, présenté par les mêmes personnes qui ont élaboré les normes ...

Espacement vertical en HTML - nuls

Espacement vertical en HTML - nuls

Pour le codage du contenu de la page en HTML pour vos pages Web, vous pourriez demander: «Comment puis-je me débarrasser de cet espacement (vertical)? "Entre les paragraphes. Ou, "Comment ajouter un espacement (vertical) entre les éléments de la liste? "D'abord, il sera utile de comprendre d'où vient cet espacement vertical. Espacement vertical en HTML ...

Le choix des éditeurs

Héberger des vidéos Mobile sur YouTube - des nuls

Héberger des vidéos Mobile sur YouTube - des nuls

Pour les webmestres mobiles qui ne veulent pas se démener Sur de nouveaux lexiques de spécifications techniques, l'option la plus simple est de laisser YouTube, représenté sur la figure, faire tout le travail d'hébergement et de diffusion de la vidéo. YouTube rend toutes ses vidéos mobiles conviviales, offrant la meilleure version pour chaque appareil. Lorsque vous téléchargez ...

Sites Web QuarkXPress utiles - mannequins

Sites Web QuarkXPress utiles - mannequins

Les utilisateurs de quarkXPress ont accès à une foule d'informations et de cadeaux liés à QuarkXPress. La prochaine fois que vous êtes en ligne, consultez certains de ces sites QuarkXPress et de publication assistée par ordinateur. Sites XTensions Des centaines de XTensions commerciales pour QuarkXPress sont disponibles pour Mac et Windows; ces XTensions gèrent un large éventail de tâches que QuarkXPress ne peut pas faire. Beaucoup d'informations ...

Activation de User Agent Switcher dans Safari - Témoins

Activation de User Agent Switcher dans Safari - Témoins

Lorsque vous testez un site Web Destiné à l'iPhone et l'iPad sur un ordinateur de bureau, si le script de détection de périphérique sur un serveur reconnaît que vous utilisez un navigateur sur un ordinateur, il ne vous montre pas la version du téléphone. C'est là que l'agent utilisateur entre dans l'image. Safari inclut des fonctionnalités spéciales qui permettent ...

Le choix des éditeurs

Raccourcis vers les centres de commande dans MYOB - mannequins

Raccourcis vers les centres de commande dans MYOB - mannequins

Vous pouvez vous rendre directement au centre de commande de votre choix MYOB. Appuyez sur la touche Ctrl de votre PC tout en appuyant sur l'un de ces chiffres - et vous allez au centre de commande de votre désir! Combinaison de touches Raccourci Résultat Ctrl-1 Centre de commande des comptes Ctrl-2 Centre de commande bancaire Ctrl-3 Centre de commande des ventes Ctrl-4 ...

Rapprochement de votre compte bancaire dans Sage 50 - variables nominales

Rapprochement de votre compte bancaire dans Sage 50 - variables nominales

Avant de commencer un rapprochement bancaire dans Sage 50, vous devez pour vous assurer que vous avez saisi la majorité de vos transactions financières pendant la période de réconciliation. Traditionnellement, les comptables réconcilient le compte bancaire à la fin de chaque mois, une fois qu'ils ont reçu leurs relevés bancaires. Cependant, l'avènement de la banque en ligne ...

Solutions et Knowledge in Salesforce. com Service Cloud - les nuls

Solutions et Knowledge in Salesforce. com Service Cloud - les nuls

En tant qu'agent, vous devez savoir quels outils sont à votre disposition dans Service Cloud pour faciliter votre travail. Plus spécifiquement, Salesforce propose deux outils majeurs de résolution de problèmes pour les clients et les agents de support, Solutions et Knowledge. Quelle est la différence, demandez-vous? Avant de regarder les différences, voici ce qu'elles contiennent ...