Procédure d'édition sur Kentico 
 

Rédiger pour le Web

Ce guide vous permettra de mieux écrire pour le Web. Nous vous invitons à le télécharger Écrire pour les internautes et les moteurs de recherche (PDF).

Diffuser une nouvelle dans la section « Communiqués »

Voici la procédure pour diffuser une nouvelle sur le site web de l'ÉTS : procédure d'édition pour les nouvelles (PDF).

Éditer une page sur Kentico

Dans un fureteur, tapez https://editionweb2.etsmtl.ca/admin

attention.png N'utilisez pas Internet Explorer 11 (IE) qui engendre souvent des bogues (Microsoft ayant délaissé Explorer au profit de Edge). Nous vous recommandons Chrome pour ses fonctionnalités.

Authentifiez-vous avec votre adresse courriel de l'ÉTS et votre mot de passe réseau.

Exemple : 

Il y a deux types de serveurs pour le Web institutionnel de l'ÉTS :

  • Le serveur d'édition sur lequel vous allez travailler (editionweb2.etsmtl.ca)
  • Le serveur public www.etsmtl.ca

Lorsque vous publiez une page, vous transférez la page du serveur d'édition vers le serveur public. 

Le site de l'ÉTS est adaptatif (responsive), c'est-à-dire qu'il s'adapte à des écrans de taille différente, comme ceux des téléphones intelligents, des tablettes et des ordinateurs.

Vous devez donc faire en sorte que le contenu de vos pages satisfasse à ce critère. C'est la raison pour laquelle nous vous recommandons de tester vos pages sur un appareil mobile. 

Vous pouvez émuler l'affichage d'un appareil mobile dans l'un des fureteurs qui se trouvent sur votre ordinateur de bureau. Veuillez noter qu'il ne s'agit que d'une émulation et que le meilleur test se fait sur l'appareil lui-même.

Dans votre tableau de bord :

tableau-de-bord.png

Sélectionner l'icone « Pages »

pages.png

Choisir la page à éditer dans l'arborescence située à l'extrême gauche.

attention-(2).png Toujours se servir de cette arborescence pour sélectionner une page à éditer.

attention-(2).png Ne pas oublier de sauvegarder votre travail régulièrement, notamment avant de faire une autre action.

Vous devez procéder au verrouillage du document avant de l'éditer. Cet état, vous permet d'éditer la page.

attention.png N'oubliez pas de sauvegarder régulièrement votre travail.

Lorsque vos modifications sont terminées, vous devez  déverrouiller la page pour la rendre disponible à d'autres utilisateurs

Quand vous êtes prêt à la rendre publique, vous devez la soumettre pour approbation et la publier.

attention.png Il existe toujours un délai entre l'édition d'un changement et son apparition sur le site www.etsmtl.ca. Consultez la section « Pourquoi je ne vois pas mes changements après publication » pour plus de détails.

Pour prévisualiser une page avant sa publication, cliquez sur le bouton « Aperçu ». Si une page d'erreur apparaît, cela signifie que vous êtes sur un élément de la page et non sur la page en tant que telle. 

Une fois une page publiée, il est primordial d'aller vérifier cette même page sur téléphone mobile. La grande différence de taille des écrans peut entraîner d'importantes variations de rendus.

Il existe toujours un délai entre le moment où vous publiez une page et son affichage sur www.etsmtl.ca

Ce délai peut varier de quelques secondes à quelques minutes.

Vous devez également rafraîchir la cache (mémoire interne des pages Web) de votre fureteur pour afficher la dernière version de vos pages. Dans Chrome, appuyez sur les touches Ctrl+F5 (fonctionne normalement mais pas toujours). Vous pouvez également visualiser la page en mode privée (sans cache) en enfonçant les touches Ctrl+Maj+N dans Chrome.

À moins que le texte ne provienne du site Web de l'ÉTS, vous devez «  nettoyer » le texte provenant d'autres sources (Word, par exemple) en le collant à l'aide du bouton 
« Paste as plain text  »

Vous pouvez utiliser la fonction « Ctrl+F » pour rechercher un élément précis de votre texte. Par exemple : un chiffre, une date ou un mot. 

Sélectionnez le texte, puis cliquez sur le bouton « Insert/edit link ». Pour des liens externes, c'est-à-dire provenant d'autres sites que celui de l'ÉTS, vous devez aussi sélectionner une nouvelle fenêtre comme cible  :

Voici les différentes destinations de liens :

Pour changer un champ paragraphe en entête, le bouton « Paragraph », vous permet de sélectionner la dimension du titre : Heading 1,  2 ou 3, par exemple. 

attention.png Pour un meilleur référencement sur Google, vous devez respecter la séquence Heading 1,2,3., en partant du haut de la page vers le bas. Par ex. : 

  • il doit y avoir un seul H1 par page. Notez que même si une page a plusieurs tiroirs ou plusieurs onglets, il ne s'agit que d'une seule page;
  • ne pas passer directement de H1 à H3;
  • ne pas commencer par H2 sans avoir de H1.

Pour insérer des paragraphes, vous devez taper sur «  Entrée (Enter) ». Par défaut, taper sur cette touche crée toujours un paragraphe simple. Entre deux paragraphes, il y automatiquement double interligne.

Pour insérer un retour de chariot simple (sans crée un nouveau champ paragraphe), tapez « Maj+Entrée ».

Utilisez les blocs si vous désirez ajouter des arrière-plans de couleur variable (blanc ou gris). 

_______________________

Exemple des formats d'entêtes et de l'espacement entre chacune :
 

Ceci est un Heading 1

Ceci est la distance du paragraphe qui suit.

Ceci est un Heading 2

Ceci est la distance du paragraphe qui suit.

Ceci est un Heading 3

Ceci est la distance du paragraphe qui suit.

Ceci est un Heading 4 (equivalent à du caractère standard gras)

Ceci est la distance du paragraphe qui suit.

Compte tenu que les contenus peuvent être lus sur ordinateur, il est important de faire de espaces insécables pour éviter des séparations inopportunes de termes ou symboles. C’est particulièrement un enjeu pour le mobile, dont les plages de lecture sont très étroites.

Ainsi, on insérera toujours le code   plutôt qu'une espace dans les cas suivants :

  • parenthèses : « aaaaa » (ex.: « aaaaa »)
  • date : 2 septembre (ex.: 2 septembre)
  • heure : 15 h
  • nombre de crédits : 3 crédits
  • deux-points : suivant :
  • code postal : H3C 1K3
  • signe de dollar : 200 $ ou 10 000 $

Après un lien qui mène à un pdf : [PDF]
Grand tiret – : &ndash
Couleur : ne pas utiliser de couleur, sinon du rouge pour indiquer complet.
Italique : à utiliser avec parcimonie, vraiment le moins possible.
Tableau : le moins possible. Maximum de deux colonnes, peu de texte, jamais d'entête
Mettre en exposant (1er, 2e) : superscript (dans Paragraph) ou <sup>er</sup>
Liste à puces : mettre des points-virgules à la fin de chaque ligne et un point au dernier item de la liste

En anglais

Deux-points : pas d’espace entre la fin du mot et les deux-points. Ex.: Deadline:
Signe de dollar : Placé avant le montant et sans espace. Ex.: $200
Décimales : des points plutôt que des virgules. Ex.: 20.00 ou 3.5
Date : February 6, 2019 ou June 1st , 2019 (en exposant juste pour le 1er du mois; autrement, pas requis pour les autres dates, soit 2nd, 3rd, 4th, etc.)

Seuls les tableaux à 1 ou 2 colonnes donnent un résultat acceptable sur mobile. Ces tableaux ne doivent pas comporter d'entête.

Pour créer un tableau, cliquez sur  « Tableau » :

Ajouter

Les fichiers PDF, Word ou autres sont regroupés sous des répertoires nommés « Documents ». Ces répertoires se trouvent dans l'arborescence du site. Sauvegardez votre fichier dans le répertoire
« Documents » de la page ou de la section principale. 

Vous devez ensuite créer un lien vers votre PDF. Voir la procédure «  Comment insérer/éditer un lien »
en vous servant de l'onglet « Contenu ».
 

Mettre à jour

Voici comment mettre à jour un PDF existant :

Vous ne voyez pas le bouton Check-out?  Cela signifie que la page est éditée par une autre personne. 

Un commentaire plus bas le précise.

Pour connaître le nom de cette personne, vous devez sélectionner l'onglet « Propriétés », puis l'option
« Versions ». Vous pourrez ensuite communiquer avec elle afin qu'elle « ferme » la page. Si, pour une raison quelconque, la personne est dans l'impossibilité de le faire, communiquez avec le webmestre. Il sera en mesure de le faire à sa place. 

À partir du tableau de bord, utilisez cette option :

en-edition.png

Sous l'onglet « Propriétés », choisissez « Version ».

Avancé

Les images sont stockées dans la « Librairie multimédia ».

 

Insérer une image dans une page

Vous devez utiliser les blocs.

 

Insérer un logo dans une page

Les petites images comme les logos (largeur plus petite que 300 px) peuvent être insérées en cliquant sur l'icone « Insérer une image rapidement »  :

attention-(1).png Ces images ne sont pas adaptables

 

Insérer une image dans un document qui n'a pas de Bloc

Vous devez utiliser le widget « ETS image » :

Dans l'arborescence, choisissez une page ou son répertoire parent, puis :

Nommez ensuite votre page.

attention.png Assurez-vous de créer une URL courte et descriptive. 

Effacer

attention.png Les documents effacés sur editionweb2 le sont automatiquement sur www.etsmtl.ca
 

Récupérer

Dans votre tableau de bord, sélectionnez l'icone « Corbeille » :

corbeille.png

Récupérez votre page. Celle-ci se remettra à la place où elle était dans l'arborescence. N'oubliez pas de la publier de nouveau.

Les tiroirs sont l'équivalent des menus rétractables du style accordéon. Ils servent à alléger les pages en cachant une partie du texte. 

Les tiroirs sont des blocs réutilisables qui doivent être placés dans un répertoire « Tiroirs » sous la page qui les contient. Ils sont de type « Collapse ».

Voici comment en créer :

Vous devez lier les tiroirs à la page principae en sélectionnant le répertoire « Tiroirs » dans le « Bloc 1 » de la page :

Le site est essentiellement bilingue, sauf pour l'information qui s'adresse exclusivement aux étudiants de 1er cycle.

N'oubliez pas qu'il faut systématiquement modifier la version anglaise lorsqu'on apporte un changement à une page en français. À moins que l'information à ajouter soit du texte ou des portions de textes qui ont déjà été traduits, transmettez les contenus à traduire à Brigitte Dion (Communications) qui fera le lien avec le traduction. Ne traduisez rien avec Google Translate!

Voici comment basculer vers la version anglaise d'une page :