Comment faire Ma Page Web adapter à toute taille d'écran dans FrontPage

May 3

Comment faire Ma Page Web adapter à toute taille d'écran dans FrontPage


La plupart des sites affichent le contenu en utilisant des éléments avec des tailles fixes. Il y a de nombreux avantages à cette approche. Plus important encore, le dimensionnement fixe offre une précision pixel niveau des concepteurs et des développeurs dans la création de mise en page web, un niveau de contrôle que de nombreux créateurs préfèrent. Mais tailles fixes ne sont pas parfaits pour chaque situation. Certains auteurs peuvent à la place veulent que leurs pages se développer et remplir une certaine partie de l'écran, quelle que soit la taille de l'écran de l'appareil utilisé. La réalisation de ce comportement est un processus relativement simple dans FrontPage.

Instructions

1 Ouvrez votre page. Après le lancement de FrontPage, sélectionnez "Fichier" dans la barre de menu en haut de l'écran, puis cliquez sur «Ouvrir». Localisez la page que vous souhaitez modifier, puis double-cliquez sur son icône pour l'ouvrir.

2 Donner la taille relative, pas absolue des éléments de mise en page externe. Beaucoup de créateurs de sites Web donnent des éléments de mise en page comme <div> et <table> une largeur spécifique, tel que 960 pixels. Malheureusement, cela ne permet pas l'élément à changer de taille que l'écran du navigateur augmente ou diminue; la largeur est toujours fixée à 960 pixels. Parce qu'un pixel sur un écran est la même taille qu'un pixel sur l'autre, cette unité de mesure est considérée comme une valeur absolue.

À l'opposé de la valeur absolue est une valeur relative. Des éléments avec des valeurs relatives affichent différemment en fonction de la taille de l'écran sur lequel elles sont vues; leur taille est relative à l'écran particulier. Au lieu d'avoir une largeur de 960 pixels, un élément de mise en page relativement moyenne peut avoir une largeur de 90 pour cent. Cela signifie qu'il sera toujours prendre jusqu'à 90 pour cent de la largeur d'un écran donné, si cet écran est très large ou très étroit.

Pour cet exemple, supposons que votre site est aménagé avec des tables. Actuellement, le tableau est de 960 pixels de large. La colonne de gauche est de 630 pixels de large et la colonne de droite est de 330 pixels de large. Pour modifier la table à partir d'une taille absolue de 960 pixels à une taille relative de, disons, 80 pour cent, un clic droit sur une zone ouverte dans le tableau et sélectionnez "Propriétés du tableau." Dans la boîte de dialogue, trouver la section Mise en page, puis recherchez "Spécifier Largeur" ​​case à cocher. Dans le champ ci-dessous la case à cocher, entrez une valeur de 80. Ensuite, cliquez sur le bouton "En pourcentage" sur la droite.

3 Donner des tailles relatives des éléments internes. Rappelons que plus tôt dans cet exemple, la table a été donnée déclaré largeurs de 630 et 330 pixels sur ses colonnes. Pour une table avec une véritable dimensionnement relatif, vous devez ajuster ces valeurs. Faites un clic droit sur la cellule de gauche, sélectionnez "Propriétés de la cellule," et modifiez la valeur de 630 pixels à 66 pour cent. Faites la même chose pour la cellule de droite, en changeant la valeur de 330 pixels à 34 pour cent. (Notez que les deux valeurs de pourcentage doivent ajouter jusqu'à 100.)

Maintenant, vous avez une table de mise en page relativement moyenne. Répétez ce processus pour tous les <table> ou <div> éléments de mise en page sur votre page afin d'assurer que chaque figure à la taille désirée.

4 Voir les changements dans votre navigateur. Après avoir effectué les modifications, sélectionnez "Fichier" dans la barre de menu du haut, puis cliquez sur "Enregistrer". Ouvrez la page que vous venez de modifier dans votre navigateur Web. Notez que lorsque vous modifiez la taille de la fenêtre, la taille de votre page Web change maintenant aussi bien. Votre mise en page relativement taille va maintenant adapter à l'écran d'un navigateur Web.


          

Post a comment: