Comment faire ma page web adapter à toute taille d'écran dans frontpage

La plupart des sites Web affichent le contenu utilisant des éléments à tailles fixes. Il ya plusieurs 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 vouloir que leurs pages à la place de 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. Donnez les tailles relatives, et non absolue éléments de présentation extérieures. Beaucoup de créateurs de sites Web donnent des éléments de mise en page comme






    et une largeur spécifique, telle que 960 pixels. Malheureusement, cela ne permet pas l'élément à changer de taille de l'écran du navigateur pousse ou shrinks- la largeur est toujours fixé à 960 pixels. En raison d'un pixel sur un écran est la même taille qu'un pixel sur l'autre, cette unité de mesure est considéré comme une valeur absolue.

    L'inverse de la valeur absolue est une valeur relative. Éléments avec des valeurs relatives affichent différemment selon la taille de l'écran sur lequel ils sont viewed- leur taille est relative à l'écran particulier. Au lieu d'avoir une largeur de 960 pixels, un élément de présentation relativement taille 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 la table 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 changer le tableau d'une taille absolue de 960 pixels pour une taille relative de, disons, 80 pour cent, à droite; cliquez sur une zone ouverte dans le tableau et sélectionnez "Propriétés de la table." Dans la boîte de dialogue, trouver la section Mise en page, puis recherchez le "Spécifiez Largeur" cochez la case. Dans le champ ci-dessous la case à cocher, entrez une valeur de 80. Ensuite, cliquez sur le "En pourcentage" bouton sur la droite.

  3. Donnez 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 ainsi. droit; cliquez 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, changer la valeur de 330 pixels à 34 pour cent. (Notez que les deux valeurs de pourcentage doivent ajouter jusqu'à 100.)

    Maintenant, vous avez un tableau de disposition relativement taille. Répétez ce processus pour tous

    ou
    éléments disposition sur votre page afin d'assurer que chaque apparaît à la taille désirée.

  4. Voir les changements dans votre navigateur. Après avoir effectué les modifications, sélectionnez "Fichier" à partir de 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 de tout navigateur Web.

» » » » Comment faire ma page web adapter à toute taille d'écran dans frontpage