Comment créer une page à l'aide d'élastiques web Dreamweaver
Posté le 21 avril 2009 à 5:05 am
Contrairement liquide contenu web qui s'adapte automatiquement à la largeur du navigateur du visiteur, l'élastique de la mise en page, ajuste en fonction du navigateur de la taille du texte de la création. Par rapport à la taille du texte, la mise en page élastique conserve sa forme même si vous redimensionner vos fenêtre du navigateur. Il est un bon choix pour la mise en page page que vous ne souhaitez pas redimensionner automatiquement en fonction de la largeur du navigateur.
Un exemple de page élastique à la taille de police normale par défaut est la suivante:
Un liquide de conception, d'autre part produit une mise en page, si vous pressé de réduire la largeur du navigateur:
La mise en page élastique de l'autre côté, conserve son tracé, quelle que soit la largeur ou la hauteur de la fenêtre du navigateur.
Maintenant que vous voyez ce que cela va ressembler, et de se comporter, je vous montre comment créer en utilisant Adobe Dreamweaver.
Dreamweaver est l'un de mes préféré des outils d'édition, il est bien défini permet aux utilisateurs de modèles HTML de créer rapidement des images et schémas. Pour faire un élastique page dans Dreamweaver, créez une nouvelle page et cliquez sur Blank Template> template HTML:
Choisissez l'une des mises en page avec une étiquette élastique. Un aperçu s'affiche sur le coin supérieur droit. Cliquez sur le bouton Créer pour créer la page:
La page créée apparaît dans l'éditeur de Dreamweaver:
J'aime la façon dont il crée la page avec un exemple de texte données chargées sur lui. Cela facilite un concepteur de la visualisation de la page au cours du développement. Elle montre à la fois comment un en-tête ressemble à ce point et comment les éléments prendra, une fois que vous avez mis un véritable content in
Ben Carigtan vous montre comment faire.
»Classé dans Web Site Tips
 Enregistrer cette page |  Stir it up sur Mixx | |
 Ajouter à Reddit |  Stumble cette page |
Related Posts
- Comment faire pour créer une base de données Access à partir de modèles
- Comment installer un live sondages en temps réel l'utilisation de Google Docs
- Modifier modèle par défaut de MS Word pour gagner du temps et obtenir une meilleure image de marque
- Créez votre propre feuille de style avec l'éditeur CSS TopStyle Lite
- Faites votre propre site Web sans aucune programmation à l'aide de Roxer
Il serait beaucoup mieux si vous avez montré l'exemple de code généré par Dreamweaver, nous serions tout simplement comprendre qu'il utilise une base CSS choses que nous pouvons utiliser en utilisant n'importe quel éditeur HTML. Merci quand même