Mode Code et mode Fractionné

Le mode Création d'une page Web vous permet de concevoir visuellement les pages Web tandis que le code HTML est automatiquement généré en arrière-plan. Cependant, vous devrez parfois manipuler vous-même le code de la page. Par exemple, si vous avez hérité d’un projet de site d’une autre personne et si vous souhaitez savoir quelles balises ont été utilisées.

Le mode Code affiche le code sur lequel repose la page. Le mode Fractionné vous permet de contrôler simultanément les modes création et code de vos pages Web. Ainsi, lorsque vous sélectionnez un élément dans l'un des deux volets, l'autre volet défile et identifie cet élément dans ce volet. Par exemple, si vous sélectionnez un élément p dans le volet Création, le volet Code défile jusqu’à la balise <p> correspondante et inversement. Cette fonctionnalité est vraiment utile pour surveiller le code au fur et à mesure de sa création et constitue également un outil d'apprentissage précieux puisque vous pouvez travailler dans le volet Création et voir le code lorsqu'il est mis à jour automatiquement dans le volet Code.

Remarque :
Pour basculer entre les modes Code et Création pendant qu’une page est en mode Fractionné, appuyez sur Alt+Pg. suiv ou Alt+Pg. préc.

Lorsque vous travaillez dans le volet Création en mode Fractionné, vous pouvez voir la mise à jour automatique du code dans le volet Code — sans avoir à rafraîchir la page. A l'inverse, si vous modifiez du code dans le volet Code en mode Fractionné, le volet Création reflète les modifications une fois que vous avez cliqué à un endroit quelconque en mode Création, enregistré la page ou pointé sur le menu Affichage puis cliqué sur Actualiser.

Pour redimensionner les volets Création et Code en mode Fractionné

En mode Fractionné, effectuez l’une des actions suivantes :

• Faites glisser la ligne comprise entre les volets Création et Code.

• Dans le volet Création, cliquez avec le bouton droit, puis cliquez sur Déplacer le fractionnement. Appuyez sur la touche Haut ou Bas pour déplacer la ligne de fractionnement vers le haut ou vers le bas. Une fois que vous avez fini de déplacer la ligne, appuyez sur Entrée.

Voir aussi

Tâches

Mettre en forme le code
Atteindre une ligne de code spécifique
Modifier les propriétés d’une balise HTML

Concepts

Utilisation d'affichages de code
Éditeur de balise rapide
Éditeur de balise rapide