Comment concevoir des sites Web pour toutes les résolutions d'écran Meilleures pratiques

Lorsque vous créez des sites web, garder à l'esprit qu'en plus d'avoir un contenu utile, l'affichage doit être accessible et pratique pour votre auditoire. Par exemple, si vous construisez des mises en page qui sont trop larges, de nombreux utilisateurs ont à faire défiler pour voir vos données et si vous faites ces trop petite, les visiteurs se retrouvent avec beaucoup d'espace supplémentaire autour de votre page. En utilisant des feuilles de style en cascade (CSS), vous pouvez appliquer un couple de meilleures pratiques au cours de la phase de conception de votre site web.

Choses que vous devez

  • Éditeur de texte HTML
  • hôte Web

Utilisez une disposition liquide

  1. Lancez une HyperText Markup Language (HTML) éditeur de texte et de commencer une nouvelle page.




  2. Tapez un "corps" style et entrer un "largeur" attribuer à contrôler le comportement de votre site horizontale. Par exemple:
    body {width:}

  3. Entrer "100%" après les deux points pour permettre à votre page Web à adapter à différentes résolutions d'écran. Par exemple:
    body {width: 100% -}

  4. Enregistrez votre document avec une extension de CSS et placez-le sur votre hôte Web dans le même répertoire qui contient vos autres fichiers sur le Web. Assurez-vous de se rappeler cet endroit pour relier correctement à vos pages Web.




  5. Liez votre fichier CSS externe à une page que vous créez pour votre site Web en entrant l'emplacement entre la "" partie au début du code. Illustrer:

    http://domain.com/sample.cssquot- rel = "stylesheet" type = "text / css" media = "screen">

    "

Utilisez une mise en page à largeur fixe

  1. Lancez un éditeur de texte HTML et de créer un nouveau document.

    " éléments. Par exemple:

    http://domain.com/example.cssquot- rel = "stylesheet" type = "text / css" media = "screen">

Conseils & Avertissements

  • Si vous devez apporter des modifications à la largeur de votre site, éditez le fichier CSS, puis le replacer sur votre hôte Web afin que toutes les pages Web liées sont mises à jour automatiquement.
» » » » Comment concevoir des sites Web pour toutes les résolutions d'écran Meilleures pratiques