Utiliser l'éditeur HTML

La fonctionnalité Éditeur HTML de Microsoft Office SharePoint Server 2007 est un véritable éditeur de texte enrichi. Il permet d'appliquer des styles de mise en forme au texte ou aux éléments de contenu à l'aide d'un menu de la barre d'outils Éditeur HTML. Vous pouvez insérer des éléments tels que des tableaux et des listes, à l'aide des boutons de la barre d'outils. Vous pouvez faire des recherches de texte et même vérifier l'orthographe de votre contenu à l'aide de la barre d'outils. Toutes ces fonctionnalités sont également accessibles au clavier.

Que voulez-vous faire ?


Insérer et modifier du texte

L'éditeur HTML peut apparaître incorporé ou dans une boîte de dialogue de page Web, dans une nouvelle fenêtre. Vous pouvez taper du texte directement dans la fenêtre de l'éditeur HTML, comme dans n'importe quel autre éditeur de texte. Votre texte s'affiche dans la fenêtre de l'éditeur HTML tel qu'il apparaît dans la page publiée. Certaines fonctionnalités ne sont pas disponibles lorsque l'éditeur HTML s'affiche en mode incorporé.

Copier et coller

Le copier-coller de texte fonctionne de la même manière que dans d'autres éditeurs de texte enrichi, à ceci près que l'éditeur HTML offre des options de collage.

Lorsque vous collez du texte à partir du Presse-papiers et que ce texte possède une mise en forme, le menu Options de collage apparaît. Le menu Options de collage propose les options suivantes :

  • Supprimer les styles intralignes     Cette option supprime tous les styles intralignes du texte collé. Toute mise en forme qui ne fait pas partie d'un style intraligne est conservée intacte.
  • Conserver uniquement le texte     Cette option supprime tous les styles intralignes et toute la mise en forme du texte collé.
  • Conserver les styles intralignes     Cette option conserve tous les styles intralignes et la mise en forme du texte collé.

Rechercher du texte dans votre contenu

Vous pouvez rechercher du texte dans votre contenu à l'aide du bouton RechercherImage du bouton. Lorsque vous cliquez sur le bouton Rechercher, une zone Rechercher apparaît, ainsi qu'un bouton Suivant. Dans la zone Rechercher, tapez le texte à rechercher, puis cliquez sur Suivant. Si le texte que vous avez tapé dans la zone Rechercher se trouve dans le contenu que vous modifiez, la première instance de ce texte sera affichée en surbrillance dans le contenu. Cliquez à nouveau sur Suivant pour accéder à l'occurrence suivante.

 Remarque   Si vous sortez le curseur de la zone Rechercher , la commande Rechercher commence la recherche à partir de l'endroit où se trouve le curseur lorsque vous cliquez sur Rechercher suivant et ne reprend pas la recherche au début lorsqu'il atteint la fin du contenu. Pour étendre la recherche à l'ensemble du contenu, laissez le curseur dans la zone Rechercher lorsque vous cliquez sur Rechercher suivant.

 Remarque   La fonctionnalité de recherche n'est pas disponible lorsque l'éditeur HTML s'affiche en mode incorporé.

Vérifier l'orthographe de votre texte

Vous pouvez vérifier l'orthographe de votre texte à l'aide du bouton Vérifier l'orthographeButton image de la barre d'outil. Lorsque vous cliquez sur le bouton Vérifier l'orthographe, une nouvelle fenêtre apparaît présentant les éventuelles fautes d'orthographe, ainsi que des suggestions de correction.

Raccourci clavier  Pour vérifier votre orthographe, appuyez sur F7.

 Remarque   La fonctionnalité de vérification de l'orthographe n'est pas disponible lorsque l'éditeur HTML s'affiche en mode incorporé.

Haut de la page Haut de la page

Sélectionner du texte ou des éléments HTML et appliquer une mise en forme ou des styles personnalisés

Pour changer l'apparence du texte dans votre contenu de page, vous disposez de différentes mises en forme et de styles.

Les styles sont des ensembles prédéfinis d'options de mise en forme que vous pouvez appliquer comme s'il s'agissait d'une seule option. Par exemple, vous pouvez avoir un style Titre d'article prédéfini qui spécifie les paramètres gras, police 14 points, famille de police Arial et couleur bordeaux. Lorsque vous appliquez le style Titre d'article à une sélection, chacune des options de mise en forme qui compose le style est appliquée à la sélection.

Vous pouvez sélectionner le contenu de deux manières : vous pouvez le sélectionner manuellement ou sélectionner les éléments HTML et leur contenu.

Haut de la page Haut de la page

Que voulez-vous faire ?


Utiliser la souris ou le clavier pour sélectionner le texte

Vous pouvez sélectionner un bloc de texte à l'aide de la souris ou du clavier.

Pour sélectionner un bloc de texte à l'aide de la souris, procédez comme suit :

  • Faites glisser le pointeur de souris pour sélectionner le texte souhaité.
  • Double-cliquez sur le texte pour sélectionner un mot ou triple-cliquez sur le texte pour sélectionner un paragraphe, un élément de liste ou une cellule de tableau.

Pour sélectionner un bloc de texte à l'aide du clavier, maintenez la touche MAJ enfoncée, puis appuyez sur la touche GAUCHE ou DROITE pour étendre votre sélection d'un caractère à la fois. Vous pouvez aussi maintenir la touche MAJ enfoncée et pour appuyer sur HAUT ou BAS pour étendre votre sélection d'une ligne à la fois. Enfin, vous pouvez maintenir les touches CTRL et MAJ enfoncées tout en appuyant sur la touche GAUCHE ou DROITE pour effectuer votre sélection d'un mot à la fois.

Haut de section

Utilisez le menu Sélection pour sélectionner des éléments HTML

Pour sélectionner tout le texte contenu dans un élément HTML, utilisez le menu Sélection dans la barre d'outils.

Le menu Sélection est contextuel, ce qui signifie que ses options sont adaptées à l'élément sur lequel se trouve le curseur. Par exemple si vous cliquez sur le menu Sélection alors que le curseur se trouve sur un élément de liste, le menu Sélection propose les options suivantes :

  • Sélectionner le contenu mis en forme (uniquement le texte dans l'élément actif).
  • Sélectionner le bloc de mise en forme (le texte et l'élément DIV qui contient le texte).
  • Sélectionner l'élément de liste (l'élément de liste et le bloc de mise en forme contenu dans l'élément).
  • Sélectionner la liste (tous les éléments de liste de la liste active, y compris leur texte et blocs de mise en forme).
  • Sélectionner tout le contenu (tout ce qui est contenu dans la fenêtre d'éditeur HTML en cours).
  1. Avec le contenu de la page ouvert dans l'éditeur HTML, positionnez le curseur dans le texte de l'élément HTML que vous voulez sélectionner, puis cliquez sur Sélection dans la barre d'outils.
  2. Cliquez sur l'élément de menu Sélection qui correspond le mieux à l'étendue de sélection voulue. Par exemple, si le curseur se trouve dans le texte d'un élément de liste à puces et que vous souhaitez sélectionner la liste entière, cliquez par exemple sur Liste à puces.

Utilisez le menu Sélection pour garantir que vous appliquez une mise en forme ou des styles à des éléments HTML spécifiques, et pas uniquement au texte qui apparaît en surbrillance dans la fenêtre de l'éditeur. Cela vous permettra de veiller à la cohérence de votre mise en forme et de vos styles.

Haut de section

Appliquer des styles à l'aide du menu Styles

Que vous sélectionniez le texte à l'aide de la souris et du clavier ou que vous sélectionniez les éléments à l'aide du menu Sélection, vous pouvez utiliser le menu Styles pour appliquer les styles définis pour votre site. Plusieurs styles de ce type sont installés comme faisant partie de Office SharePoint Server 2007 ; votre administrateur de site ou un concepteur de mise en page peut définir des styles personnalisés auxquels vous pouvez accéder par le menu Styles.

Le menu Styles est contextuel. Les styles proposés varient en fonction de la sélection en cours.

Haut de section

Appliquer une mise en forme à l'aide des boutons de barre d'outils

Vous pouvez utiliser les boutons de la barre d'outils pour appliquer une mise en forme à une sélection. Vous pouvez accéder à ces commandes à l'aide de la souris ou de raccourcis clavier.

Lorsque vous appliquez une mise en forme à une sélection, celle-ci s'ajoute aux mises en forme déjà appliqués à la sélection, sauf incompatibilité entre les mises en forme. Si tel est le cas, si les mises en formes spécifient des couleurs de police différentes par exemple, la deuxième mise en forme est appliquée à la sélection.

Haut de section


Haut de la page Haut de la page

Insérer et modifier des tableaux et d'autres éléments HTML

Vous pouvez utiliser les boutons de la barre d'outils pour insérer des tableaux, des listes, des liens hypertexte, des images et du contenu réutilisable.

Le contenu réutilisable se compose de blocs de texte et d'éléments HTML pouvant être insérés dans un contenu de page. Vous ne pouvez pas modifier le contenu ou la structure de contenus réutilisables à l'aide de l'éditeur HTML. Vous pouvez utiliser l'éditeur HTML pour appliquer des styles et une mise en forme à un contenu réutilisable.

Haut de la page Haut de la page

Que voulez-vous faire ?


Insérer et modifier un tableau

Vous pouvez insérer un tableau en cliquant sur le bouton Insérer un tableauImage du bouton de la barre d'outils. Lorsque vous cliquez sur Insérer un tableau, une nouvelle fenêtre s'affiche pour vous permettre de sélectionner les propriétés de tableau suivantes :

  • Propriétés Taille :
    • Lignes     Utilisez cette propriété pour choisir le nombre de lignes.
    • Colonnes     Utilisez cette propriété pour choisir le nombre de colonnes.
    • Spécifier les dimensions     Activez cette case à cocher pour modifier la largeur et la hauteur du tableau dans les zones Largeur et Hauteur. Désactivez cette case à cocher si vous préférez que le serveur gère les dimensions du tableau.
    • Largeur et Hauteur     Si vous avez activé la case à cocher Spécifier les dimensions, vous pouvez choisir les propriétés Largeur et Hauteur pour contrôler les dimensions du tableau. Tapez une valeur dans la zone Largeur ou Hauteur, puis cliquez sur la flèche pour sélectionner pixel ou %. Par exemple, pour spécifier que le tableau soit moitié moins large que la page, tapez 50 dans la zone Largeur, puis cliquez sur % dans la liste.
  • Propriétés Format :
    • Utiliser un format de tableau prédéfini     Activez cette case à cocher pour choisir un format de tableau dans la liste déroulante. Office SharePoint Server 2007 propose plusieurs formats de tableau prédéfinis, mais votre administrateur de site peut créer des formats personnalisés et les ajouter à la liste.

Lorsque vous choisissez un format de tableau dans la liste, un aperçu de ce format est affiché dans la zone Aperçu .

Désactivez la case à cocher Utiliser un format de tableau prédéfini pour désactiver les options de la section Format. Aucun format n'est appliqué au tableau.

  • Appliquer     Chaque format de tableau prédéfini peut contenir une mise en forme pour la ligne d'en-tête, la dernière ligne et la dernière colonne. Utilisez ces quatre options de ligne et de colonne pour spécifier si la mise en forme particulière de cette ligne ou de cette colonne est appliqué. Par exemple, pour spécifier que la ligne d'en-tête n'est pas mise en forme conformément au format de tableau prédéfini, désactivez la case à cocher Ligne de titre.

 Remarque   Ces options sont disponibles uniquement lorsque la case à cocher Utiliser un format de tableau prédéfini est activée.

Vous pouvez également modifier un tableau pour modifier sa taille, sa mise en forme ou d'autres propriétés. La meilleure façon de modifier un tableau consiste à utiliser le Menu de cellule. Pour ouvrir le Menu de cellule, cliquez sur la flèche à droite de la cellule du tableau que vous modifiez.

Le Menu de cellule contient les commandes suivantes :

  • Insérer une ligne au-dessus     Cette commande insère une ligne directement au-dessus de la cellule que vous modifiez.
  • Insérer une ligne en dessous     Cette commande insère une ligne directement au-dessous de la cellule que vous modifiez.
  • Insérer une colonne à gauche     Cette commande insère une commande directement à gauche de la cellule que vous modifiez.
  • Insérer une colonne à droite     Cette commande insère une commande directement à droite de la cellule que vous modifiez.
  • Supprimer la ligne     Cette commande supprime la ligne qui contient la cellule que vous modifiez.
  • Supprimer la colonne     Cette commande supprime la colonne qui contient la cellule que vous modifiez.
  • Fusionner les cellules     Cette commande fusionne la cellule que vous modifiez avec celle qui se trouve à sa droite ou, dans les langues de droite à gauche, à sa gauche.
  • Fractionner les cellules     Cette commande fractionne la cellule que vous modifiez et place le curseur dans la cellule la plus à gauche parmi celles qui résultent de l'opération.
  • Hauteur et largeur     Cette commande ouvre une boîte de dialogue qui vous permet de changer la hauteur de ligne et la largeur de colonne de la ligne et de la colonne qui contiennent la cellule que vous modifiez.
  • Modifier le tableau     Cette commande ouvre une boîte de dialogue qui vous permet de changer n'importe quelle propriété du tableau qui contient la cellule que vous modifiez.

Vous pouvez également effectuer toutes les actions du Menu de cellule à l'aide des boutons de la barre d'outils.

Haut de section

Insérer une liste

Vous pouvez insérer une liste en cliquant sur le bouton Liste numérotéeImage du bouton ou Liste à pucesImage du bouton de la barre d'outils.

Raccourci clavier  Pour insérer une liste numérotée, appuyez sur CTRL+MAJ+E. Pour insérer une liste à puces, appuyez sur CTRL+MAJ+L.

Haut de section

Insérer un lien hypertexte

Vous pouvez insérer un lien hypertexte en cliquant sur le bouton Insérer un lien hypertexteImage du bouton de la barre d'outils.

Raccourci clavier  Pour insérer un lien hypertexte, appuyez sur CTRL+K.

Lorsque vous insérez un lien hypertexte, la boîte de dialogue Modifier les propriétés du lien hypertexte s'ouvre.

  • Dans la zone URL sélectionnée, vous pouvez taper une URL ou cliquer sur le bouton Parcourir pour naviguer jusqu'à un élément ou un document de votre site.
  • Activez la case à cocher Ouvrir le lien dans une nouvelle fenêtre pour ouvrir le lien hypertexte dans une nouvelle fenêtre. Si cette case à cocher n'est pas activée, le lien hypertexte s'ouvrira dans la même fenêtre.
  • Activez la case à cocher Afficher un lien avec icône pour afficher une icône en regard du lien hypertexte. Pour ce faire, ajoutez une balise d'image (<IMG>) au début du lien. Par défaut, l'icône qui est affichée symbolise le type de document vers lequel pointe le lien hypertexte, mais vous pouvez changer cette image en modifiant l'attribut source de la balise d'image (<IMG src=>). Si la case à cocher Afficher un lien avec icône est désactivée, le lien hypertexte est affiché sous forme de texte.
  • Dans la zone Info-bulle, vous pouvez taper le texte destiné à s'afficher lorsque le pointeur de la souris passe sur le lien hypertexte. Ce texte est enregistré comme l'attribut de titre de la balise d'ancrage du lien hypertexte (<A title=>).
  • Dans la section Signet, dans la zone Nom, vous pouvez taper un nom pour le lien hypertexte. Ce nom est enregistré comme attribut d'ID de la balise d'ancrage du lien hypertexte (<A id=>). Utilisez-le pour créer sur la page un signet avec lequel vous pouvez créez un lien depuis d'autres pages ou d'autres endroits de la même page.

Vous pouvez modifier un lien hypertexte existant à l'aide des mêmes boutons de barre d'outils ou en appuyant sur CTRL+K lorsque le lien hypertexte que vous voulez modifier est sélectionné.

Supprimer un lien hypertexte

Pour supprimer un lien hypertexte, procédez comme suit :

  1. Sélectionnez le lien que vous souhaitez supprimer à l'aide du menu Sélection.
  2. Procédez comme suit :
    • Appuyez sur SUPPR ou sur RETOUR ARRIÈRE.
    • Cliquez sur le bouton Supprimer le lien hypertexteRemove hyperlink button de la barre d'outils.

Haut de section

Insérer une image

Vous pouvez insérer une image en cliquant sur le bouton Insérer une imageImage du bouton de la barre d'outils.

Raccourci clavier  Pour insérer une image, appuyez sur CTRL+MAJ+G.

Lorsque vous cliquez sur le bouton Insérer une image ou appuyez sur CTRL+MAJ+G, la boîte de dialogue Modifier les propriétés de l'image s'ouvre.

  • Cliquez sur le bouton Parcourir pour circuler entre les images disponibles. Lorsque vous cliquez sur Parcourir, la boîte de dialogue Sélectionner une image s'ouvre et affiche les images qui sont stockées dans la bibliothèque d'images pour publication du site qui contient le contenu de page que vous modifiez. Cliquez sur une image, puis cliquez sur OK pour insérer cette image.
  • Vous pouvez taper un texte de substitution pour l'image dans la zone Texte de substitution. Le texte de substitution est lu par les logiciels de synthèse vocale ou affiché dans le navigateur, si l'image ne s'affiche pas dans le navigateur Web d'un visiteur.
  • Sélectionnez les options de la section Disposition pour spécifier l'alignement, l'épaisseur de bordure et l'espacement de l'image.
  • Sélectionnez les options de la section Taille pour spécifier la taille de l'image. Vous pouvez spécifier que l'image soit affichée à sa taille par défaut, ou choisir la taille d'affichage en pixels. Si vous spécifiez la taille d'affichage, vous pouvez choisir la hauteur et la largeur de l'image, ou choisir de conserver ses proportions (conserver le rapport entre la hauteur et la largeur).
  • Lorsque vous avez terminé de modifier les propriétés de l'image, cliquez sur OK.

Vous pouvez modifier une image existante à l'aide du même bouton de barre d'outils ou en appuyant sur CTRL+MAJ+G lorsque l'image que vous voulez modifier est sélectionnée.

Haut de section

Insérer un contenu réutilisable

Vous pouvez insérer un contenu réutilisable en cliquant sur le bouton Insérer un contenu réutilisableImage du bouton de la barre d'outils.

Après avoir inséré un contenu réutilisable, vous pouvez modifier sa position sur la page et sa taille, et appliquer des styles et une option de mise en forme.

Pour changer la position ou la taille du contenu réutilisable, cliquez sur le contenu et utilisez son cadre pour ajuster sa position ou sa taille.

Pour appliquer des styles ou des options de mise en forme, cliquez sur le contenu réutilisable, sur le menu Sélection, puis sur Liste à puces. Vous pouvez ensuite appliquer des styles à l'aide du menu Styles, puis appliquer des options de mise en forme à l'aide des boutons de la barre d'outils ou de raccourcis clavier.

Pour plus d'informations sur le contenu réutilisable, consultez l'article Utiliser le contenu réutilisable.

Haut de section


Haut de la page Haut de la page

Utiliser le mode d'édition de source HTML

Vous pouvez passer de l'édition de texte à l'édition de source HTML à tout moment en cliquant sur le bouton Modifier la source HTML de la barre d'outils. Le mode d'édition de source HTML est utile pour apporter des modifications aux attributs des éléments HTML de votre contenu.

En mode d'édition de source HTML, la fenêtre Éditeur HTML affiche votre contenu en HTML et la plupart des boutons de barre d'outils sont désactivés. Vous pouvez modifier la source HTML en utilisant une syntaxe et des balises HTML standard. L'Éditeur HTML prend en charge la version HTML 4.01 Transitional.

Haut de la page Haut de la page

 
 
S'applique à :
SharePoint Server 2007