Gestionnaire de contenu C est dans le gestionnaire de contenu que vous pouvez éditer votre contenu Web personnel. Les sujets abordés dans cet aide mémoire sont : L interface du Gestionnaire de contenu Ajouter une page Web Les propriétés du contenu L éditeur HTML Insérer le contenu dans la page Créer un lien à un document Placer des images dans la page Réaliser un tableau L interface du gestionnaire de contenu Onglet Menus Titre du contenu affiché à droite Les composantes du contenu Cadre d affichage des contenus disponibles Cadre d affichage des pages Web sélectionnées dans le cadre gauche Les composantes d un contenu Le contenu est composé du répertoire Fichiers et des pages Web que vous réalisez avec les outils de DECclic. Dans le répertoire Fichiers, seront déposés toutes les images et documents nécessaires au site de l activité. (Vous pouvez également déposer dans ce répertoire des pages Web réalisées avec d autres éditeurs.) Les titres des pages Web se placeront sous Pages, selon l ordre et la structure que vous déterminerez. Cette structure se reflètera dans le menu qui sera généré automatiquement. Mise à jour : 08/02/2007 Préparé par Claudette Ouellette, conseillère et coordonnatrice p. 1 de 6
Ajouter une page Web La création d un contenu Web commence par l ajout d une première page à ce contenu. Cliquez sur le menu et sélectionnez la commande. L assistant Ajouter une page s affichera. 1 2 3 1. Dans la première page de l assistant indiquez le titre de la page et inscrivez une courte description. Cliquez sur le bouton Suivant pour passer à la suivante. 2. Dans la seconde page, le contenu auquel cette page sera associée devrait être automatiquement sélectionné. Sinon, déroulez le menu pour le sélectionner. Cliquez sur le bouton Terminer. Les propriétés du contenu Par défaut, votre contenu Web personnel pointe vers un message disant que le contenu est en construction. Une fois votre première page créée, il vous suffit d y faire pointer votre contenu. Pour accéder aux propriétés de votre contenu, utilisez le menu contextuel (clic droit en pointant sur votre contenu). Ne portez attention qu aux trois premiers onglets (Général, Contenu Web et Modèle graphique). Le premier, ci-dessus, vous permet de modifier le nom de votre contenu et sa description. Sous Contenu Web, vous devez sélectionner Page dynamique dans le menu déroulant et choisir ensuite à quelle page associer votre contenu en cliquant sur Parcourir. Ce sera votre page d accueil. Mise à jour : 08/02/2007 Préparé par Claudette Ouellette, conseillère et coordonnatrice p. 2 de 6
Vient ensuite le choix du modèle graphique, c est-à-dire du gabarit qui habillera chacune des pages de votre contenu Web. Une fois votre contenu créé, vous pouvez l enrichir et y ajouter des pages. Vous trouverez plus de détails sur l utilisation de l éditeur HTML ci-dessous. Éditeur HTML 1. Pointez sur le titre de la nouvelle page Web et affichez le menu contextuel par un clic sur le bouton droit de la souris. 2. Choisissez la commande Édition. Cette commande affiche l éditeur HTML. Mise à jour : 08/02/2007 Préparé par Claudette Ouellette, conseillère et coordonnatrice p. 3 de 6
L éditeur HTML : Les barres d outils d édition de contenu Les modes d affichage Les barres outils d outils de gestion La barre d outils d édition est très complète. Elle incorpore les fonctions de base que l on trouve dans l éditeur HTML de la messagerie et des forums, mais, en plus, elle vous donne accès à tous les outils nécessaires à la mise en forme d une page web. Affichez les infos bulle des icônes pour les identifier. Plusieurs icônes sont utilisées dans les logiciels Microsoft. Vous trouverez une description complète de cette barre d outils dans l aide en ligne de DECclic. Utilisez les styles prédéfinis qui s affichent dans le menu déroulant Paragraphe pour tirer profit du modèle graphique que vous avez sélectionné. Vous pourrez ainsi hiérarchiser le contenu de votre page très rapidement. Les modes d affichages : Il n est pas nécessaire de connaître les codes HTML pour réaliser un site, mais en cliquant sur le mode d affichage HTML, vous pouvez modifier directement les codes. Les outils de gestion : la commande OK applique les modifications et ferme la fenêtre, la commande Appliquer sauvegarde les modifications et la commande Annuler ferme la fenêtre sans sauvegarder le travail en cours. Insérer le contenu dans la page Deux méthodes peuvent être utilisées pour développer votre contenu : 1. Utiliser l éditeur HTML comme un simple traitement de texte en y inscrivant directement votre texte dans la page et procéder à son formatage au fur et à mesure en prenant soin d utiliser : o Les styles proposés dans barre d outils HTML pour formater les titres des chapitres et les paragraphes. Ainsi les titres et les paragraphes seront affichés selon les paramètres prévus au modèle choisi pour le site de contenu. Mise à jour : 08/02/2007 Préparé par Claudette Ouellette, conseillère et coordonnatrice p. 4 de 6
o o o Vous pouvez également ajouter des caractères gras, des indices ou des exposants, des caractères spéciaux, etc., en utilisant les outils de la barre d édition. De plus, le menu contextuel (accessible par le bouton droit de la souris) vous permet de trouver la commande qui répond à votre besoin du moment. Nous traitons plus loin de la réalisation des tableaux. 2. Coller le texte en provenance de votre traitement de texte. o Dans ce dernier cas utilisez la commande Coller texte seulement, pour obtenir un texte sans formatage ou utilisez la commande Coller du texte Ms Word pour que les styles utilisés dans Ms Word adoptent les attributs de votre modèle graphique. Ces deux commandes effectueront le nettoyage du code afin d éviter les conflits. o Suivez les indications données pour le formatage telles qu indiquées sous la rubrique précédente. o Si votre document Word ou autre contenait des images, vous devrez utiliser l outil pour placer les images aux endroits prévus dans la page et pour télécharger les fichiers dans le répertoire Fichiers de votre contenu. Créer un lien à un document Pour créer un lien dans votre page Web, il faut devrez utiliser l icône insérer un lien de la barre d outils pour : Faire un lien à une page Web déjà éditée dans le Répertoire de contenu de l activité Faire un lien à une page Web disponible sur Internet Faire un lien à un document.doc,.pdf ou autre, déposé dans le Répertoire de contenu pour votre activité. vous devez utiliser l icône et inscrire dans la boîte de dialogue qui s ouvre le nom du document avec son extension. Exemple : Placer des images dans la page Web Pour placer une image dans votre page Web, vous devrez utiliser l icône image pour : Localiser l image o Dans votre répertoire Fichiers de contenu o Ou dans un autre de vos répertoires sur DECclic o Ou sur votre disque rigide À ce moment, une copie du fichier qui se trouve sur votre disque rigide sera téléchargée dans le répertoire Fichiers de votre contenu. Placer l image dans la page Web. Réaliser un tableau La barre d outils offre de nombreuses commandes pour réaliser des tableaux. Lorsque le tableau sera créé vous pourrez utiliser le menu contextuel pour le peaufiner. Créer un tableau : placer le pointeur à l endroit désiré et utiliser la commande Insérer/modifier un tableau. Indiquez le nombre de lignes et de colonnes désiré. Utiliser le menu contextuel du tableau : placez le pointeur dans le tableau et affichez le menu contextuel avec le bouton droit de la souris. Choisissez le thème Tableau pour accéder à toutes les commandes disponibles pour un tableau. Utiliser les commandes de la barre d outils après avoir placé le pointeur à l endroit voulu pour : o Ajouter ou supprimer une ligne : utilisez une de ces commandes Insérer rangée au-dessus, Insérer rangée au-dessous ou Supprimer une rangée. o Ajouter ou supprimer une colonne : utilisez une de ces commandes : Insérer colonne à gauche, Insérer colonne à droite ou Supprimer une colonne. o Ajouter ou supprimer une cellule : utilisez une de ces commandes : Insérer une cellule ou Supprimer une cellule. Mise à jour : 08/02/2007 Préparé par Claudette Ouellette, conseillère et coordonnatrice p. 5 de 6
o Modifier une ligne ou une cellule : utilisez une de ces commandes : Propriété d une rangée ou Propriété d une cellule. o Fusionner des cellules : utilisez une de ces commandes : Fusionner cellules droites, Fusionner cellules inférieures o Séparer des cellules : utilisez une de ces commandes : Séparer cellules droites, Séparer cellules inférieures Pour en savoir plus Pour tout savoir sur Mes Répertoires, Consultez l aide en ligne de DECclic Cliquez sur le lien Consulter l aide en ligne, du panneau Guide de DECclic, dans le Tableau de bord. Mise à jour : 08/02/2007 Préparé par Claudette Ouellette, conseillère et coordonnatrice p. 6 de 6