7. Mise en page des pages Web
Nouvelle fonction de composition
La raison pour laquelle j'ai mentionné la fonction d'échange de calques et de tableaux en une seule fois est que dans DW4, une nouvelle fonction de mise en page a été lancée, qui peut organiser la mise en page de manière plus directe et plus pratique. Il y a quatre boutons en bas du panneau d'objets :
Vue standard : la vue dans l'état par défaut ;
Vue Mise en page : passez à la vue Mise en page, qui est la fonction qui sera introduite cette fois ;
presse Après avoir appuyé sur le bouton, les deux boutons de la disposition ci-dessus peuvent être utilisés :
Disposition des tableaux (LayOut Table) : Disposez les tableaux sur la page comme un dessin ;
Disposition des cellules (LayOut Cell) : dessinez des cellules dans le tableau.
Nous essayons maintenant d'utiliser les outils ci-dessus pour mettre en page une nouvelle page : Créez une nouvelle page et cliquez sur Entrez dans la vue Mise en page et cliquez sur Dessinez le tableau sur la page et cliquez , dessinez des cellules dans le tableau, où le tableau sera représenté par une case verte, les cellules seront représentées par du bleu et les cellules indéterminées seront représentées par du gris, comme indiqué ci-dessous :
Ici, la taille de chaque tableau et cellule peut être ajustée à volonté. Enfin, revenez à la vue standard et vous constaterez que le « Tableau de mise en page » que vous venez de dessiner a été converti en tableau. Comme indiqué ci-dessous :
De plus, il y a un numéro sur le tableau dans la vue Mise en page, qui indique la largeur du tableau. Cliquez sur le numéro pour afficher le menu suivant :
Rendre la colonne AutoStretch : les colonnes s'étirent automatiquement, ce qui signifie que le tableau peut ajuster automatiquement sa largeur en fonction du rapport d'écran, ce qui équivaut à définir la largeur du tableau en pourcentage.
Ajouter une image d'espacement/Supprimer des images d'espacement : ajouter/supprimer des images transparentes. La fonction de l’image transparente est de supporter la largeur du tableau.
Effacer la hauteur des cellules : Effacer la hauteur des cellules.
Voici comment goEway.com utilise la fonction Mise en page pour la mise en page. Par rapport à la vue standard, elle est beaucoup plus intuitive.