Je Ben j'espère que vous êtes tous bien connectés.
Que vous êtes connecté à votre ENT et normalement.
Voilà, vous avez.
Ou alors on a. On a seulement 2h pour pour cette formation web de
premier niveau qui vous permet Ben de prendre en main vos pages
internet ou alors vos pages Intranet. C'est important parce
que vous allez être responsable des pages que vous allez gérer.
Sachez que juridiquement au niveau des mentions légales, le
seul responsable des pages du contenu des pages, c'est le
président de l'université Janick brise Walter. Mais vous vous
devez d'être.
Et bien d'être responsable à vous, à votre niveau.
Autant dans le respect de la Charte graphique et éditoriale,
c'est ce que l'on va voir, la aujourd'hui également. En plus
de la prise de note technique des pages web, alors nous nous
travaillons à université Côte d'Azur avec une plateforme web.
Le raccourci, on dit que c'est 1CMS, donc c'est une plateforme
web qui nous permet de créer des pages, de construire des sites
Internet. Cette plateforme s'appelle Casud, Casud, c'est
donc 1CMS qui a été créé par une agence française.
Et qui est spécialement dédiée aux établissements de
l'enseignement supérieur et de la recherche. Voilà ou les
établissements privés d'enseignement supérieur. Alors
pour accéder à cette plateforme, quand vous vous connectez au
site Internet univ-coted'azur.fr ou alors à votre intranet, c'est
pareil, vous avez un petit bloc de connexion avec écrit ici
Intranet. Quand vous allez dessus, une fois que vous êtes
connecté.
Normalement, on vous reconnaît, on voit votre, votre prénom,
votre nom et vous avez la possibilité de basculer dans le
back office du site internet en cliquant ici sur accès
rédacteur.
Ou alors une fois que vous êtes connecté à votre infi ?
À votre NT, ça va plus vite aussi.
Au niveau de l'UE RL Univ-Coted'azur.fr vous pouvez
faire un slash et écrire admin site. Voilà donc c'est les 2
façons pour vous d'accéder au back office du site Internet,
soit en mettant un slash admin de site après le
Univ-Coted'azur.fr, soit en allant dans le bloc de connexion
Intranet Accès rédacteur.
N'hésitez pas à m'interrompre, hein.
Quand vous allez dans le back office, alors vous avez une page
d'accueil avec Bienvenue dans l'interface Administration, vous
aurez accès aux dernières fiches que vous avez pu travailler aux
dernières pages Internet que vous avez dû pu travailler.
Et vous avez accès aussi, on va aller directement, alors vous
n'avez pas le même affichage que moi, c'est normal, vous pouvez
accéder.
À l'ensemble des pages que vous avez à gérer en allant sur ici
contenu et on va aller dans pages libres.
Alors, ce que l'on appelle page libre, c'est en fait toutes les
pages fixes qui sont présentes. Bah toute l'année, hein, sur
votre site internet et on verra. Pas libre maintenant et un peu
plus tard tout ce qui est actualité et évènement. Donc
pour le moment c'est contenus, pages libres. Et une fois que
vous cliquez sur contenu, page libre, j'espère que vous voyez
bien.
Mon écran ?
Vous Accédez à un tableau de bord.
Qui vous présente l'ensemble des pages que vous devez gérer.
Et alors ?
Dans ce tableau de bord, on voit l'intitulé, C'est à dire
l'intitulé de toutes les pages que vous gérez. Ça se présente
non pas par ordre alphabétique, mais la dernière page créée et
où modifiée apparaît en premier. La dernière page que vous avez
traitée à Paris en premier, puis viennent les autres pages. Si
vous avez de nombreuses pages à gérer, n'hésitez pas à aller
dans le afficher et émettre 25 pages. Par exemple, si vous le
souhaitez, et cetera.
Toutes les pages que vous avez à gérer sont rattachées à une
rubrique il n'est pas rare d'avoir le même nom de rubrique
que la page associée. C'est souvent le cas.
En revanche, si vous avez plusieurs pages par exemple,
contacts, vous avez un gros site internet à gérer avec des pages
qui peuvent porter le même même nom. Je pense notamment à des
laboratoires de recherche qui présentent plusieurs équipes de
recherche et qui ont chacune leur page contact par exemple.
Et c'est vrai que si je tape ici dans le filtre contact, je vais
me retrouve avec plein de pages. Alors moi j'ai une vue sur
l'ensemble des sites donc ça fait beaucoup mais là ça me
permet. La rubrique me permet quand je laisse le curseur de ma
souris.
De voir où est rattacher cette page contact par exemple, là
c'est un portail de licence par rapport à d'autres.
Voilà, je vais revenir sur mon tableau de bord.
Vous avez en 3e colonne la langue, alors on travaille sur
3. Enfin, 2 langues, essentiellement l'anglais et le
français, et on a une 3e langue pour certains projets
spécifiques, c'est l'espagnol. Donc vous avez déjà cette
possibilité là et on souhaite l'ouvrir à d'autres langues,
notamment l'italien évidemment, et pourquoi pas le Chinois dans
un temps très très long. Voilà.
Et maintenant, ce qui va nous intéresser beaucoup au niveau de
ce tableau, c'est le 4e, la 4e colonne. On parle d'État, alors
je vais basculer sur une capture d'écran pour vous montrer les
différents États de pages que l'on peut trouver là dès que
vous voyez en ligne avec la vignette verte, c'est facile, ça
veut dire que votre page est publiée et ton ligne est visible
de de du grand public de tous maintenant.
Non ?
Voilà, je viens d'ouvrir une capture d'écran qui me montre.
Un tableau de bord différent et qui me permet de d'appréhender
les différents États des pages. Et ça, ça va nous intéresser de
près, donc on a ce fameux en ligne ici, on peut avoir un 2nd
État.
Avec les vignettes orange intitulé Brouillon, alors cet
État, il arrive par défaut dès que vous créez votre site
internet, que qu'on a mis des développer votre site internet
avec le site MAP que vous nous avez fourni par défaut toutes
les pages que nous créons sont en orange là, avec la vignette
orange en brouillon parce que pour le moment elles sont encore
en mode travaux, il n'y a pas de contenu dessus et tant que vous
travaillez dessus et que vous n'êtes pas enfin votre page est
encore en cours de construction, vous avez la possibilité.
D'enregistrer votre page en brouillon avant de l'enregistrer
en publication pour qu'elle apparaisse en ligne en vert.
Il y a un autre État possible, un État qui s'appelle sauvegarde
automatique, sauvegarde automatique. Ça apparaît quand
vous avez ouvert votre page, soit qui est en mode brouillon,
soit en mode en ligne que vous avez travaillé dessus et que, Eh
bien vous n'avez ni enregistre en ligne ni enregistre en
brouillon.
Pourtant, vous avez travaillé dessus et que vous avez fermé
votre page ou alors je ne sais pas, soit vous avez fermé
l'onglet par inadvertance où vous n'avez plus de batterie. En
tous les cas, vous avez travaillé sur une page et vous
n'avez pas créé d'action à la fin du travail que vous avez
fait et bien normalement casud, le le CMS. Casud enregistre la
page pour vous et vous le représenté sur le tableau en
sauvegarde automatique. Donc ça c'est la sauvegarde que lui a
faite.
Sans savoir ce que vous voulez faire avec, et c'est pour ça
qu'il peut arriver comme vous le voyez sur ce tableau qu'on peut
avoir plusieurs États d'une seule et même page. Là j'ai par
exemple.
Pardon, pardon. Par exemple, un Alumni V 3.
Hop, je te baisser un peu, ouais. Un alumni V 3.
En brouillon ici en dessous.
Et la même page ici, qui est présentée en sauvegarde
automatique à vous quand vous revenez sur votre page, par
exemple, de savoir si vous les retravaillez à partir de la
version que vous avez enregistrée en brouillon ou de
la version que vous avez modifiée qui a été enregistrée
par Kastrup et que vous n'avez pas vous vous-même enregistrez.
Alors, ce qui est intéressant de voir, c'est que là vous avez 2
versions d'une seule et même page, il peut vous arriver
d'avoir même 3 versions d'une seule et même page.
Admettons par exemple que vous avez déjà publié votre page,
celle-là la page allumée.
Et vous voyez qu'il faut la mettre à jour. Alors pour la
mettre à jour, vous avez peut-être.
Être.
Que des changements de nom ou des petits changements à faire
là, c'est facile quand elle est en ligne, vous cliquez sur
modifier. Vous faites les changements nécessaires et vous
la republier en ligne. En revanche, admettons que cette
page, vous devez la travailler et tout revoir sur la page
vraiment la retravailler de de fond en comble.
À ce moment-là ?
Il est peut être pas possible pour vous de l'ouvrir, de
travailler dessus en en une seule fois. À ce moment-là, la
page que vous avez qui est en ligne, qui est publiée ?
Vous pouvez travailler dessus et au lieu d'enregistrer.
En ligne, vous l'enregistrer en brouillon, qu'est-ce qui se
passe concrètement à ce niveau-là ? Il se passe que
votre page qui était en ligne et que vous avez enregistrée en
brouillon, et bien elle apparaît toujours en ligne pour les
internautes en revanche, vous avez une version alternative en
brouillon et tant que vous travaillez sur cette version
brouillon, il y a toujours la page initiale qui est en ligne.
Une fois que vous êtes satisfait de votre version alternative en
brouillant dès que vous cliquez sur en ligne, ça écrasé. La
version qui était restée en ligne.
D'où le fait, il à, c'est important pour vous ? Pour
maîtriser ce ce tableau de bord, hein ? On appelle ça en
fait les les différents types d'État, le workflow des pages.
Il peut arriver d'avoir une page qui a 2, voire 3 États
différents. On peut avoir un État en ligne, un État en
brouillon.
Et un État en sauvegarde automatique par exemple, voilà
les 3 États différents qu'on peut avoir d'une seule et même
page. Il existe 2 autres États, mais qui sont pas, qui sont
encore différents, vous le voyez déjà là à l'écran ? Le 4e
État, c'est l'État archive cet État archive, ça peut être un
tech pour un son pour vous de de l'activer quand par exemple vous
avez une page.
Euh que vous présentez pour vos publics, alors je vous donne un
exemple.
Euh, un exemple commun, imaginez que vous ayez une page.
De rentrer hein ? Pour vos étudiants ou pour vos publics,
c'est la rentrée. Voilà comment faire. Quels sont les
dispositifs de rentrée, et cetera ? Et une fois que la
rentrée est passée, cette page est la plus d'être sur votre
site internet.
Du coup ou en tout cas dans votre rubrique ? Du coup,
plutôt que de la supprimer et d'avoir à tout refaire l'année
suivante, Vous allez la mettre en archiver par exemple. Et puis
vous allez la reproposer.
L'année suivante, en mettant à jour les indications
nécessaires.
Voilà, ça peut être ça. Une page de rentrée, ça peut être un je
ne sais pas. Un appel à projet, quelque chose qui peut être
récurrent et qui, une fois que c'est fini, n'a plus à être
publié. D'où la page archivée ou alors une page où on vous
demande, Eh bien, de de la Dépublier. De plus la mettre en
ligne.
C'est pas trop si on va à la republier, on a une certaine
incertitude à ce moment-là votre page, puisqu'il ne faut plus la
mettre en ligne, vous allez l'archiver. En attendant de
savoir quoi en faire. Ou voilà.
Ou en attendant de savoir si vous allez la republier ?
N'hésitez pas à m'interrompre hein dès que vous avez une
question je peux voilà, je je peux y répondre. 5e État, oui.
Scusez moi, pardon, je me permets de vous poser une
question au niveau des États, est-ce que c'est possible de
Ah oui.
programmer du contenu ou pas du tout, où ça sera plutôt dans les
modifications de date où ?
Alors ça c'est possible ? Au niveau des actualités, pas
des pages fixes parce que on a la volonté qu'elle soit pérenne
hein, ce sont les pages fixes et endurent du site internet. En
Bien sûr.
revanche, pour les actualités, il y a la possibilité d'archiver
une actualité, oui.
D'accord, OK merci.
On verra tout à l'heure et te faire mais avec plaisir.
Voilà, alors je vois pas vos petites mains se lever,
forcément.
Quand je partage mon écran.
Donc si vous avez des questions, vous les dites, allez, allez,
écrit, Si des personnes peuvent le dire oralement ou relayer,
c'est Merci par avance.
Et 5e étape mais là, vous le voyez, c'est le à supprimer,
donc là c'est si vous avez pas de doute et que vous savez que
votre page elle sert plus à rien ou alors vous avez mis le
contenu que vous pensiez mettre sur cette page là, excusez-moi.
Euh.
Pardon ?
Voilà.
Voilà donc vous avez l'État qui s'appelle à supprimer, ça veut
dire que vous venez votre page, vous cliquez sur l'action
supprimer qu'il y a ici et quand vous supprimez votre page. Bah,
pas d'inquiétude, elle disparaît pas directement, elle s'affiche
toute la journée dans cet État à supprimer et à minuit, elle est
enlevée de votre voilà de votre tableau de bord. Alors c'est pas
tout à fait minuit. Je crois que c'est minuit 20, mais vous savez
que vous avez jusqu'à minuit pour revenir dessus et puis pour
changer l'état de la page et la remettre en publier, c'est
vraiment voilà.
Mais sinon, elle sera définitivement supprimée.
Voilà du coup ce que je vais faire, c'est que je vous invite
à créer une page. Vous allez cliquer. Alors normalement tout
le monde a accès.
Vous allez, alors vous avez un accès restreint, vous êtes
associé à une rubrique qui s'appelle formation niveau un,
donc vous pouvez tout à fait créer une page, travailler
dessus. Elle sera pas publiée. Voilà du grand public. Alors dès
que vous cliquez sur créer, vous voyez, j'ai un intitulé par
défaut qui s'appelle nouvelle fiche par défaut. C'est un État
brouillon.
Et je vois que déjà j'ai la possibilité soit d'enregistrer
en brouillon à cette étape là, soit de la publier, soit de la
Prévisualiser, prévisualiser. Ça va être intéressant pour nous,
ça va nous permettre d'ouvrir un nouvel onglet pour voir comment
s'affiche votre page.
Et bien au fur et à mesure de sa construction.
Alors chaque page créé un code, hein ? Numéro d'identité,
on n'y Touche pas, c'est un numéro d'identité, je n'aie
automatiquement par défaut, c'est en anglais, mais sachez
que vous pouvez le mettre. Pardon, c'est en français, mais
sachez que vous pouvez le mettre soit en anglais, soit en
espagnol. Et là vous allez mettre le titre de votre page,
alors on va mettre test formation avec vos initiales. Ou
alors vous mettez test votre prénom comme vous voulez.
Par défaut là, pour le moment, comme vous êtes en mode
formation, vous êtes rattaché à une rubrique de formation de
niveau un.
Ou alors certains sont déjà rattachés à leur à leur
rubrique, mais bon.
Moi, je vais rattacher du coup à la formation de niveau un
également.
Voilà.
La structure, vous n'y touchez pas. Normalement, on peut le
rattacher à votre laboratoire, à votre composante de formation,
mais normalement vous le rattachement à la rubrique
suffit et toutes les pages sur lesquelles vous allez travailler
de toute façon sont rattachés par défaut à des à des
rubriques.
Voilà.
Et après là, ça va nous intéresser, c'est là où on va
travailler le contenu de vos pages. Alors ce qui est bien
c'est que quand vous voyez.
La boîte à outils là toolbox, qui est présentée, je pense
qu'il y a des éléments qui vous paraissent déjà familiers. On a
déjà ça dans nos webmails. Maintenant, ce qui est important
pour nous au niveau de la construction de nos pages web,
on va partir de chaque onglet qu'on voit sur cette ligne
au-dessus avant de s'attaquer à la ligne en dessous et et bien
ce qui est intéressant, c'est que.
Quand vous travaillez vos pages Internet, la première chose que
l'on fait, c'est que on va mettre du contenu sur cet espace
là et il est rare que on écrive directement du contenu ici. On
va souvent aller le chercher soit dans dans nos documents
Word, soit nos documents PDF, nos PowerPoint ou autres. Et la
première chose à faire, c'est pas faire l'erreur de copier
directement le contenu là-dessus. Pourquoi ? Parce
que vous allez récupérer toutes les feuilles de style des autres
logiciels.
Et souvent, ça va. Alors vous avez dû tous le voir,
hein ? Ça fait des pages avec des Écritures, avec des
accents, des caractères spéciaux, et cetera, et c'est
tout ce qu'on veut éviter, c'est de récupérer des feuilles de
style, des.
Des logiciels textes alors pour ça, le premier réflexe à avoir,
alors moi j'ai ouvert un onglet qui s'appelle Loren ipsum, ça va
me permettre d'aller récupérer du contenu par défaut, donc je
sélectionne ce contenu là par exemple.
Voilà de l'eau Epson.
Ou Alors voilà celui-là.
Et une fois que je copie mon contenu, plutôt que de l'indice
de le copier directement, de le coller directement ici, je vais
aller sur le petit picto alors quand je laisse le curseur de ma
souris, c'est intéressant parce qu'il me dit l'action de chaque
picto coller comme texte brut. Je clique ici et c'est à ce
niveau-là, dans cette fenêtre là qu'il faut que moi je
m'astreigne systématiquement à coller mon contenu.
Et là j'appuie sur OK mon contenu et sur sur ma fenêtre,
voilà le picto juste à côté, c'est collé depuis Word alors
que ce soit depuis Word depuis Internet où depuis d'autres
éléments je vais toujours sur le à, c'est coller comme texte brut
et je suis sûre de pas te tromper une fois que j'ai collé
mon contenu, il s'affiche comme ça par défaut.
Je vais aller Ben créer un lien parce que le propre d'Internet
n'ont pas internet, c'est de savoir créer des liens.
Alors je je passe. Les hommes du redoux, enfin les annuler
rétablir, hein que vous voyez là que vous connaissez déjà. Alors
comment créer un lien ? Je reprends ma page.
Internet, admettons que je vais faire un lien vers cette page de
Lorraine Epson, je vais aller directement faire un copier
coller, un copier de ma ma page ici.
Et plutôt que de coller comme ça.
Le titre de la page ça ne se fait pas de coller et de
présenter directement 1HTTPS, il faut vraiment pas faire ça. Il
faut que tous les liens de vos pages soient associés à un mot
ou à un groupe de mots.
Et à un mot, il y a un groupe de mots qui soit surtout porteur de
sens, c'est à dire que si moi j'écris, le fameux piquet ici et
que je fasse le lien là-dessus, ça ne va pas. Cliquer ici n'est
pas un groupe porteur de sens. Pourquoi je vous dis ça parce
que on a beaucoup travaillé à à l'université, avec des publics
qui ne lisent pas forcément les pages, qui ont des déficiences
visuelles, qui sont malvoyants et qui eux utilisent des
logiciels de lecture de sites Internet.
Et les logiciels de lecture de site internet. On peut leur
demander de lire tous les liens des pages. Et si on lit des
cliquez ici, cliquez ici.
Eh bien, ou seulement ici, ils ne savent pas ce qu'il y a
derrière. D'où l'importance de sélectionner un groupe de mots.
Porteur de sens. Alors je veux dire par exemple, c'est ce
groupe de mots là et je vais faire un lien sur ce groupe de
mots là, alors pour ça je sélectionne mon groupe de mots.
Une fois que je les ai-je les sélectionne, je vais aller sur
le petit chaînon ici, insérer un lien.
Je vais dessus, là, j'ai une fenêtre qui apparaît avec
plusieurs éléments sur le côté, par défaut, on m'envoie sur un
lien fiche comme c'est un site internet externe.
Aux pages de l'université. Je vais aller ici à externe et une
fois que je sélectionne externe, je vais pouvoir ici coller mon
lien.
De Laura Mikson.
Une fois que je les connais.
J'appuie sur OK.
Et là, je vois que mon lien est fait jusque là tout va bien.
Si je veux faire un lien sur une page internet ?
Qui est une page internet de.
De l'université d'un laboratoire de l'université, d'une d'une UR,
d'une. Enfin voilà, d'une faculté. En tous les cas.
Une page qui fait partie de l'écosystème université côte
d'azur.fr. Là ce moment-là ?
Alors je veux dire, je vais faire un sur la vers la page
d'accueil, tout simplement. Je sélectionne à nouveau.
Ma page.
La l'u. RL de la page je copie.
Quand je vais ici, je reviens sur ma fenêtre en construction
quand je veux coller, je resélectionne un groupe de mots,
par exemple, celui-là.
Et là ?
Je vais sur insérer un lien et comme ça me renvoie sur fiche à
nouveau, Vous voyez ? Y a écrit ici URL, je vais aller
cliquer sur l'u RL de ma page et on reconnaît directement que
c'est la page d'accueil et là je veux dire OK, c'est la page
d'accueil, c'est intéressant de passer par la par fiche parce
que si votre page changé d'intitulé où change tout
simplement de du RL l'huile.
Le lien est fait à partir de la page. À partir de là et le lien
ne sera jamais rompu, donc fiche URL. Je sélectionne, je dis oui,
c'est bien cette page d'accueil. J'aurais pu mettre le titre de
ma page ici c'est pareil, mais l'o RL, c'est plus rapide et je
clique sur OK et j'ai mon autre lien qui est fait de page
interne.
Si je veux faire un lien vers un contact ? Admettons, je
donne mon adresse Email.
Alors je prends le temps de taper. Voilà bloc de contact
avec mon adresse mail. Je vais sélectionner toute mon adresse
mail.
Ici, je vais à nouveau sur le lien. Alors pardon, je
sélectionne et je copie.
Et là je mets lien mail, comme vous voyez ici.
Je remets en destinataire mon lien mail.
Et j'appuie sur OK.
Et là, ça m'a activé le lien mail.
Voilà pour les liens externes, les liens des pages et les liens
mails qu'on peut faire.
Maintenant qu'on est sur les liens, sachez qu'il existe 2
types de liens sur le web, il y a des liens qui sont
informatifs, qui vont à chaque fois Ben.
Vous donner des renseignements supplémentaires, voire d'autres
pages, hein le.
Le comment dire ?
Les liens informatifs par.
Par défaut, hein ? L'étalon des liens informatifs. Ce sont
ces fameuses pages Wikipédia. Quand vous lisez un texte, vous
avez à chaque fois des liens sur des, des mots-clés, des mots
porteurs de sens qui vous permettent d'en savoir plus et
de vous informer. Il y a des liens qui ne sont pas
informatifs, qu'on va appeler des liens performatifs, ce sont
des liens particuliers qui vont engager le public qui vous lit
ces liens d'engagement. On les appelle en anglais, les colle,
tout action, c'est à dire les appels à l'action, ces liens
qu'on appelle qui engagent votre public et qu'on appelle les
liens dans.
L'engagement ?
Ces appels à l'action et bien sont présentées sous forme de
bouton, alors ils appellent à l'action. C'est comme quand vous
allez sur un site marchand, vous voulez acheter quelque chose,
sont plus des liens soulignés, mais c'est souvent encadrés et
c'est sous forme de boutons. Alors, les appels à l'action, on
peut en faire sur notre site internet, généralement c'est
contactez, nous s'inscrire à un événement, télécharger notre
brochure, tout ce qui engagé l'internaute dans je m'inscris.
Je remplis le formulaire de contact où je veux contacter, je
télécharge votre document, je ne sais pas, je.
Je m'engage, je réponds à un appel à projets, et cetera, et
donc une fois que vous faites un lien comme celui-ci.
Admettons que ce soit un lien pour télécharger une brochure,
bon c'est mon lien page d'accueil, mais on va dire que
c'est pour télécharger une brochure ou autre chose, on le
verra plus tard hein ?
Alors ?
Où candidater, voilà Candy. Je vais taper, candidater.
Voilà, j'ai mon lien ici qui est fait pour le transformer en
bouton comment je fais alors ? Ce qui est bien,
c'est que pour le moment tous les liens que j'ai faits, si je
prévisualise comme je vous ai montré tout à l'heure ma page,
je clique sur prévisualiser.
Ça ? Un autre onglet à côté et je vois que je suis dans la
rubrique formation de niveau un, j'ai mon titre de page, j'ai mon
texte, j'ai déjà mes liens, je vois contact, je vois le lien,
c'est cliquable à chaque fois. Là le lien apparaît en bleu et
maintenant ?
Ce lien candidate, je vais le transformer en boutons pour ça,
je reviens sur ma fenêtre, alors je sais pas si je vous ai
montré, mais la fenêtre quand vous mettez beaucoup de textes,
vous avez la possibilité ici d'augmenter votre. Voilà la
fenêtre de de travail avec la petite flèche en bas à droite de
votre bloc donc.
Je resélectionne mon lien, candidater ici pour faire un
bouton. Je vais là dans format quand je vais dans format, je
vois qu'on propose plus plusieurs titres hein, on le
verra tout à l'heure. Plusieurs titres à grossir pour donner du
relief à votre contenu et tout en bas.
Il y a un bouton je clique ici et mon lien c'est transformé en
bouton alors évidemment, sur ma fenêtre de travail et je vois
pas la différence. En revanche, si je retourne, je rafraîchis la
page, je, je clique sur prévisualiser ma page web, se
rafraîchit et je vois que le bouton est fait.
Jusque là tout va bien, je pense pour vous.
Voilà donc ça, c'est pour les liens, quand est-ce qu'on fait
un lien d'information, quand est-ce qu'on fait un
bouton ? Surtout ne jamais mettre de HTTPS ou www.et
cetera. Ça ne se fait pas directement sur la page. Voilà.
Maintenant, ce qui est intéressant pour nous, on a vu
comment mettre du texte, comment créer des liens, comment créer
des liens boutons, hein ? Des appels à l'action. Il y a la
possibilité, alors je vous le montre au fil de l'eau de fer,
des tableaux. Alors ça, on le fait très peu. Y a des
différents moyens de structurer les pages en fait, très peu de
tableaux, mais sachez que ça existe, c'est plutôt intéressant
pour je ne sais pas, des appels à projets ou autre.
Alors je mets du contenu par défaut sur cette table, ce
tableau, alors le tableau, les colonnes s'adaptent à la largeur
de votre contenu.
Voilà, je mets par défaut n'importe quel mot.
Et en prévisualisation, vous allez voir que une ligne sur 2
est grisée pour permettre un meilleur, voilà une meilleure
visibilité. Vous pouvez, au niveau des tableaux ici si vous
voulez mettre des titres, alors je vous laisserai regarder titre
de niveau un niveau 2 niveau 3. Évidemment, quand vous allez
mettre ces titres là, il faut de la cohérence, vous allez pas
commencer par un titre de niveau un, puis 3 puis 2. Enfin ça ça
me paraît évident. Voilà, on peut mettre si on veut des
titres de niveau 2 ici.
Et après ?
Regardez ce que cela fait en prévisualisant votre tableau,
vous pouvez faire des liens à l'intérieur de votre tableau
aussi, mais c'est pas souvent exploité. Voilà, et vous voyez.
La 2nde ligne est grisée. Si on avait fait une 4e ligne, ce
serait grise aussi. Si vous n'avez fait que 3 lignes et que
vous voulez en rajouter, c'est assez intuitif. Vous pouvez en
faire un clic droit dessus et on vous propose un peu comme sur
Excel, de rajouter des lignes ou des colonnes ou voilà.
Supprimer le tableau je vous laisserai regarder ça.
Alors je vous ai présenté le tas, les tableaux. Ce qui est
intéressant pour nous, c'est au-delà du texte. On a aussi
tout ce qui est insertion d'images.
Et là, je vais avant de vous montrer comment insérer une
image. Je vais vous expliquer comment, surtout, choisir les
images.
Euh, parce que vous êtes comme je le disais au début de cette
formation responsable du contenu que vous mettez.
Et vous êtes plusieurs contributeurs à travailler sur
les pages Internet de l'université et pour cela on
doit pas mettre n'importe quelle image et surtout pas des images
trouvées sur Google parce que on est souvent au sein de la
direction de la communication et de la marque. On est interpellé
avec des factures plutôt salées de personnes qui nous disent
voilà, vous avez utilisé mon image, elle n'est pas libre de
droit. Il y a un Copyright, rien n'a été respecté et c'est de 200
à 600€.
D'amende que l'on a à payer pour des images qui en plus sont pas
forcément super belles des fois donc il y a un process à avoir
nous en plus au sein de la direction de la communication et
de la marque, on a une photographe. Ce sont pas toutes
les universités qui ont des photographes, donc utilisant les
photos de notre photothèque, alors je vous montre.
Notre photothèque. Alors tout le monde n'y a pas accès pour y
avoir accès, il faut demander à notre photographe qui s'appelle
Aurélie Macarie les accès. Alors je vous montre aussi un site qui
s'appelle la fabrique web, je vous enverrai le lien à la fin
de la formation et la fabrique web vous permet de retrouver
tout ce qu'on a vu dans la formation et bien plus parce
qu'en 2h, c'est trop court pour tout vous montrer. Mais alors on
a beaucoup beaucoup d'entrées dans la fabrique web.
Tout se passe à notre niveau dans gestion et process et dans
gestion et process. Vous avez tout sur ce qui est, image,
graphisme et cetera.
Et vous avez accès là à la photothèque de
l'université ? Voilà donc on a photo point univ tiret Côte
d'Azur ça, il faut le changer parce que maintenant c'est
photothèque, point univ, tiret Côte d'Azur, vous écrivez à
notre photographe Aurélie Macquarie pour avoir les accès
en disant, Voilà, moi, je suis contributeur éditorial web, j'ai
besoin d'avoir accès à la photothèque et à ce moment-là,
vous pourrez accéder à ce que l'on propose. En plus, on
bénéficie de.
Ben d'un territoire sur la Côte d'Azur assez attractif et
attrayant. On a moyen de bien illustrer.
Nous nous pages internet, donc premier réflexe à avoir aller
sur la photothèque, on a des thèmes ici, donc si on va sur
bâtiment, on a l'ensemble des campus qui sont présentes, on a
des photos génériques, également des photos d'étudiants, on a on
a pas mal de thèmes donc n'hésitez pas à aller dessus.
Bureau de scolarité et cetera, l'alternance, la formation.
Voilà je vous montre différents thèmes.
Après, évidemment, on a des thèmes souvent très abstraits ou
des traits des thèmes de recherche de pointe, et on ne
voit pas forcément, même si là on a tout ce qui est plateforme
est également qui sont présentes, plateforme de
recherche notamment. Mais on peut pas tout présenter sur nos
pages.
De ce fait, le 2e réflexe que vous pouvez avoir, c'est d'aller
sur Adobe stock, alors quand vous tapez sur Google, Adobe
stock, tout le monde peut y avoir accès. Et quand vous allez
sur le site d'Adobe Stock, vous avez plusieurs images qui vous
sont posées, proposées qui sont payantes. Mais la direction, la
dircom, la direction de la communication et de la marque.
À un abonnement Adobe stock et nous, on a la possibilité
d'acheter 4 à 5 photos par semaine.
Alors 4 à 5 photos par semaine à l'échelle de l'université, c'est
pas grand chose. En revanche, il n'est pas rare que vous
demandiez une photo que nous on est, on est on a déjà dans notre
stock donc par exemple je mets alors je ne sais pas, un fille
théâtre.
Université, je mets n'importe quoi, par exemple même sinon on
a des photos du d'amphithéâtres ou des thèmes abstraits. Je ne
sais pas. Mince, hop.
Il donne un peu.
Alors que je suis un partage d'écran, mon ordinateur est
lent, c'est pour ça que j'ai.
J'ai arrêté aussi la vidéo.
Bon.
Alors, comme j'enregistre, je crois qu'il sature complètement.
Bon, je n'y arrive pas, mais ça fonctionne très bien. Ta
l'habitude. C'est la première fois que ça me fait ça, donc
n'hésitez pas à à chercher avec un mot clé des des photos dès
que vous avez un, ça m'embête de ne pas vous montrer la suite,
mais.
Voilà dès que vous avez votre photo.
Vous pouvez écrire un mail à.
Comme COM donc à à *** comme arobase univ-coted'azur.fr Ben
voilà ça arrive, c'est lent. Bon j'ai tapé scolarité, ça veut
tout et rien dire. On va surtout voir des enfants, faudrait voilà
pour l'université mettre autre chose. Mais voilà, vous avez des
éléments comme ça qui vous sont proposés, y a un peu du tout dès
qu'une photo vous intéresse par exemple celle-là je vais dessus.
Et vous avez le numéro de fichier ici, de la photo ou
alors vous pouvez aller voilà, soit vous copiez l'u RL, soit
vous indiquez le numéro de fichier et vous demandez à.
Via notre adresse générique et l'achat de cette photo, nous
avons 3 graphistes, généralement dans l'heure ou les 2h qui
suivent. C'est fait quoi ?
Donc voilà. Passez aussi par cette étape là, sinon il y a
d'autres étapes. On vous a listé une banque d'images libres de
droit qui vous permet d'avoir. Voilà les différents éléments.
Donc ça c'est à utiliser avec des pincettes. Y a un Splash qui
fonctionne bien pour des images libres de droit.
Voilà, et également, comme je vous disais, la photothèque.
Adobe stock un Splash. Ce sont quand même les 3 que voilà que
nous utilisons et normalement vous devez avoir votre
illustration. Je finirai sur un point par rapport à ça. La
sélection des photos j'ai travaillé avec un.
Un une équipe de recherche qui qui avait vu une fresque sur le
site du monde, Hein lemonde.fr le le journal français ? Et
ils avaient vu une fresque sur l'île de l'article et ils
aimaient beaucoup cette fresque qu'ils trouvent que ça ressemble
ça. Ça représentait vraiment leur projet de recherche et
c'est ce qu'ils voulaient absolument sur leur site
internet et bien.
Il y avait le Copyright à partir du Copyright, il a été très
facile de voir la personne qui a fait cette fresque en lui a
juste fait un mail en lui disant, Voilà, on est une
université. Un projet de recherche, on trouve votre
fresque superbe et on aimerait.
S'en servir pour l'illustration de notre projet et bien la
personne était ravie évidemment à accepter.
Et nous, on a pu mettre sa photo avec le Copyright et il a été
possible. Voilà d'utiliser cette image là avec le Copyright qu'il
faut avec son autorisation. Donc quand on fait les choses dans
les règles de l'art c'est on peut utiliser quasiment.
Bah, toutes les photos que l'on veut, mais il faut le faire.
Voilà intelligemment en suivant les process et en mettant les
copyrights. Voilà pour tout ce qui est sélection de photos.
C'était long, mais c'était important, donc on va revenir
sur notre insertion de photos.
Donc je mets le curseur là où je veux insérer ma photo. On va
dire juste sous le tableau. Alors évidemment pour le moment
ça fait pas des pages très jolies mais je vous montre au
fil de l'eau comment intégrer les éléments et on verra comment
les structurer. Dans la 2nde partie de de cette formation.
Je vais ici sur le picto insérer une image et on va le faire en 3
temps.
Ces proposé d'abord la insérer une image, donc je vais sur
choisir un fichier, à vous de voir. Bah l'image que vous
voulez insérer.
Voilà, moi je prends la première image que je vois. La dispositif
jpeg, c'est parfait. J'ouvre.
Alors quand il y a écrit ici légendes.
C'est juste le titre de la photo mais ça apparaît pas du tout sur
la page hein, ça va pas légender, sachez que on ne met
pas de de légende ou de description sur nos photos, nos
photos sur les pages web sont là pour illustrer notre texte.
Après vous pouvez le faire dans vos actualités, mais il est rare
d'avoir des légendes sous nos photos, c'est plutôt nos photos
qui légendes qui illustrent nos textes au niveau des pages
fixes.
Donc là je mets dispositif, voilà.
J'enregistre alors ça, c'est intéressant comme ça se passe en
3 temps, comme je vous l'ai dit, on peut pas appuyer sur le
hockey ici directement qui est grise. On va faire 3
enregistrements donc là je vais faire le premier qui est la
sélection de la photo. Une fois que j'enregistre je vois la
photo qui s'affiche.
J'ai la possibilité, si je veux de la renier, j'ai la
possibilité de là, alors je vais ouvrir la fenêtre pour voir un
peu plus ce qui se passe en dessous. J'ai la possibilité de
redimensionner ça. On verra qu'on a des possibilités de
grille au niveau de la page pour mettre la photo où l'on veut
donc bon moi je fais pas de redimension pour le moment.
2e étape parce que je ne peux pas cliquer sur le hockey grise,
j'enregistre ici.
Et enfin là, c'est comment la photo sincère au niveau de enfin
sincère et cohabitent avec mon texte, est ce que je la ligne à
gauche ou à droite du texte ? Là on s'en occupe
pas pareil, on verra comment faire autrement hein, c'est 111
module présenté par défaut, on ne touche à rien au niveau des
espacements et on appuie sur OK et là je vois que ma femme, ma
photo, du coup ça ça affiche en pleine page pour le moment
voilà, elle est affichée.
Et si je prévisualise ma page, je verrai la photo affichée en
prévisualisation. Je le ferai tout à l'heure parce que je vais
enchaîner directement.
À moins que vous ayez des questions sur les images,
n'hésitez pas à prendre la parole, à me couper. Je vais
enchaîner directement avec comment insérer une vidéo. Alors
autant on peut insérer une image.
À partir de nos fichiers, autant on ne peut pas insérer de vidéos
que l'on abrite, nous sur nos fichiers, c'est beaucoup trop
lourd à présenter à à notre plateforme web. À casud, on peut
présenter des vidéos qui ont déjà au préalable été hébergés
par des plateformes de vidéos, alors, Youtube, Vimeo et cetera.
Alors je vais aller sur le compte Youtube de l'université
et je vais enregistrer par exemple présenter cette vidéo
sur ma page internet.
Rien de plus simple pour ça. Je vais directement copier-coller.
L'u RL.
De ma vidéo Youtube et quand je reviens sur ma page ?
Là. Alors évidemment, je mets le curseur là où je veux ma vidéo
je vais pas copier coller le lien ici directement sur la
fenêtre.
Je vais sélectionner le picto juste à côté de insérer une
image là où on voit une forme de pellicule, et je clique sur
insérer une vidéo.
Et là je plutôt que de choisir un fichier parce que c'est pas
hébergé dans mon fichier. Je vois que en dessous de source
écrit en bleu, il y a 1URLURL externe et c'est là où je vais
cliquer pour pouvoir insérer ma vidéo ici.
Une fois que je clique sur l'u RL.
Je vais sur le bouton enregistrer.
Là, je vois que la vignette de ma vidéo s'affiche
automatiquement, je peux y mettre un titre sport à univ
Côte d'Azur par exemple, voilà.
Et je vais appuyer sur OK et là je vois qu'un bandeau à un
bandeau anthracite noir anthracite, avec la petite
pellicule est insérée. Si je prévisualise ma page là.
Je vois que tiens, j'ai mon fameux tableau, j'ai ma photo et
j'ai ma vidéo directement insérée et même en
prévisualisation je peux cliquer sur le bouton je vais arrêter et
commencer à voir la vidéo voilà.
Est-ce que moi je la ? Je pense que c'est bon pour vous de
ce côté-là ?
Je vais revenir sur ma page en mode travaux et vous voyez que
j'ai fait ça sans jamais une seule fois enregistrer. Donc je
vais quand même le faire à cette étape là avant d'aller plus
loin, je vais enregistrer en brouillon.
Et maintenant que j'enregistre en brouillon, je vais retrouver
ma page.
Ici pour la réouvrir et continuer le travail. Donc je
vous invite à faire pareil enregistrer.
Alors sachez aussi que vous avez la possibilité de proposer en
consultation des documents PDF en consultation et ou en
téléchargement, si ce sont des documents PDF, juste en
visualisation, n'hésitez pas si ce sont des plaquettes de
formation, et cetera. On verra qu'il y a une autre façon de
procéder pour les avoir enregistrés sur casus et les
présenter directement téléchargements. Mais pour ça,
vous allez pouvoir cliquer sur insérer 1PDF ici.
Donc je vais devoir moi choisir 1PDF.
Voilà, charte usage, acronyme par exemple Bonjour.
Je mets un titre, charte.
L'usage de l'acronyme. Donc on est d'accord que l'acronyme,
c'est unica.
J'enregistre mon document.
Et là, une fois que j'enregistre mon document, on me propose
quelque chose d'intéressant avant que je puisse appuyer sur
OK est-ce que je le propose donc là c'est la prévisualisation que
j'aurai.
Est-ce que je le propose en téléchargeable ou pas ? Et
si je sélectionne fichier Téléchargeable, je vois que
j'ai.
Le bouton télécharger qui s'affiche alors je veux dire,
oui, ça sera, c'est possible de télécharger.
OK et là je vois que j'ai à nouveau un bandeau PDF, indique
alors. Évidemment je vois pas trop ce que ça donne au niveau
de la page je prévisualise.
Je vais sur l'onglet de Prévisualisation de ma page.
Et en descendant sous la vidéo.
Alors, ça prend toute la page, hein ? Je vois que j'ai le
bouton télécharger.
Je peux me mettre à 90 pour 100 de visibilité ou à 100 pour 100
et j'ai 10 pages à regarder.
Voilà.
Jusqu'ici, je pense que tout va bien. Je, je vous laisse
manipuler parce que je sais que je. Je vais un peu vite là.
Donc n'hésitez pas à manipuler insertion de vidéo, de le faire
véritablement là pendant la formation. Dans sa reçu en photo
vidéo, PDF.
Bon, j'espère que c'est bon pour vous.
Maintenant, on va voir.
Rapidement, je reprends mon mon texte là.
Euh, la 2nde ligne donc je je pense que je vous apprends rien
hein, y a la possibilité pour votre texte de le mettre en
gras, de le mettre en italique, de le barrer. On a voulu garder
les indices et les exposants parce que souvent il y a des des
projets avec des projets de recherche notamment, hein, avec
utilisant les indices, les exposants qu'on a, on a souhaité
les garder dans la toolbox, la possibilité d'effacer toutes les
les mises en forme que vous avez pu faire. Par exemple, si vous
avez mis des caractères gras.
Des titres, des liens ? Si vous sélectionnez tout où partie
d'un texte et que vous effacez la mise en forme, ça efface ce
que vous avez fait. Ça peut effacer les les, les styles que
vous avez hérités d'autres ?
D'autres logiciels hein ? Comme Word et cetera. Mais des
fois c'est pas forcément efficace, tout le fait de
toujours passer comme je vous le disais tout à l'heure par coller
en texte brut, c'est vraiment important de de s'en souvenir
pour chaque fois que vous faites votre copier coller. En
revanche, si vous faites un copier coller à l'intérieur de
la page hein, si je copie ce texte et que je le mets en
dessous, y a pas de souci.
Voilà.
Vous avez la possibilité.
D'intégrer des listes numérotées des listes à puces.
Liste de fiches pour le moment, vous nous en vous ne vous en
occupez pas. C'est des listes automatiques de fiches. Ça,
c'est au pôle web à le gérer avec vous. Et après la
possibilité de mettre d'aligner votre texte à gauche, de le
centrer de l'aligner à droite. En revanche, le le texte
justifié n'existe pas sur le web. Pourquoi ? Parce que
le texte est bien.
Ce ce cale à la largeur de l'écran que vous avez, on
appelle ça le responsive.
Que vous soyez sur smartphone, tablette ou écran d'ordinateur,
voilà le texte adaptera toujours à la largeur de l'écran que vous
avez donc y a pas de bouton justifié.
Maintenant que l'on a vu tous ces boutons, enfin, on voit les
derniers éléments format, alors je vous ai déjà montré tout à
l'heure tout ce qu'il y a en dessous de cette liste, le
fameux lien bouton.
Vous avez la possibilité de faire des titres, hein ?
Alors là, par exemple, je vais dire que je vais en faire un
titre, je peux le sélectionner et je peux en faire un titre de
niveau un ou de niveau 2. Donc si je fais un titre de niveau un
que je prévisualise, je vois que.
Ça a hérité directement d'un certain format, donc de niveau
un. C'est en gros en gros comme ça, titre de niveau 2, c'est un
peu plus petit et c'est écrit en bleu alors je vous laisserai
regarder toutes ces options là on va pas toutes les tester
Ah Bonjour, j'ai juste une question, comment on fait pour
ensemble oui.
choisir les différents puces, les caractères de puce ?
Ah.
Ah, les, les types de caractères.
Voilà des plus, vous voyez les points, oui.
Les plus ?
Alors ?
Ben là, par exemple, je vais alors admettons que je j'ai une
liste hein, quelle liste je peux mettre ? Je présente mes
partenaires, partenaires de recherche partenaire, un
partenaire.
Hop 2 et partenaire 3, j'ai j'ai fait déjà ma liste, je
sélectionne et voilà.
Il n'y a pas de différents caractères que d'étirer ou de de
de différents puces parce que OK.
Non, en revanche, il y a des renvois qui peuvent être faits.
Non, désolé, c'est toutes les feuilles de style sont
intégrées, y en a pas différents.
D'accord ?
Après, vous allez soit les listes numérotées, soit les
listes comme ça. Ouais après, vous avez là.
Possibilité là de faire des renvois, vous voyez ? Une
fois que j'ai ma liste ?
De la de faire des, des, des sous-sections et on renvoie.
On peut hiérarchiser, faire une sous-liste sous une liste.
Et là le le bouton changé.
D'accord ?
Je mets n'importe quoi axe un axe.
De.
Et si je prévisualise ?
Donc voilà, on aura les traits en dessous ici, mais c'est pour
des sous listes, sinon ça restera toujours des des ronds.
OKOK, merci.
OK.
Avec plaisir, voilà pour les listes à puces. Voilà pour.
Tout ce qui est justifié maintenant.
Et c'est là où ça va nous intéresser, on va apprendre à
structurer le contenu, parce que c'est vrai que de partir d'une
page blanche, hein d'une page vide, c'est loin d'être évident.
Comment on positionné le contenu, comment on se
débrouille ? Alors ? Sachez que sur cette page là, on
a travaillé. Vous voyez sur ce qui s'appelle bloc de contenu,
un l'intérêt pour vous ? Maintenant, c'est d'avoir une
certaine méthode et que chaque fois que vous avez une info
importante à indiquer, vous utilisez un bloc de contenu à
chaque fois. Et une fois que vous avez fait votre paragraphe,
vous ajoutez, vous voyez ajouter un bloc ici. Sachez que dans les
blocs de contenu, on est limité en nombre de caractères.
Alors je sais plus du tout combien c'est hein ? Je
pense qu'on peut en mettre vraiment pas mal, hein, des des
caractères, mais on est quand même limités. Donc l'idée c'est
d'utiliser ces blocs de contenu chaque fois que vous voulez
insérer une section forte au niveau de votre page, voilà
différents types d'informations et là je change et je fais mon
nouveau blog de contenu, je vous le montre quand même ça, sachez
que bloc de contenu un vous voyez, y a écrit ligne un
colonne, un largeur 100, ça veut dire que c'est la première ligne
de votre page.
Tout en haut, colonne un parce qu'il y a qu'une seule colonne,
largeur, sens, c'est 100 pour 100 de votre page.
Imaginez que je veuille mettre et enfin pardon, j'anticipe là,
vous avez le blog de contenu 2.
Ça va en dessous le texte qu'on va mettre en dessous.
Fait aussi là toute la largeur de votre page, 100 pour 100.
Ce qui est intéressant, c'est que si ce le contenu que je veux
mettre ici, finalement, je veux le mettre au-dessus ou à côté,
j'ai cette possibilité là, alors je vous le montre vite fait. Je
vais quand même avant vous montrer un peu la structure de
comment on peut structurer la page. Je reviens sur le fameux
site qui s'appelle la fabrique web, je vous donnerai les accès
de ce site seuls ceux qui sont formés au site enfin à casus à
cette formation web ont accès à ce mini site.
Quand je vais dans Edition web.
Y a tout ce qui est indy.
Location et accompagnement sur, comment positionner efficacement
votre contenu, comment optimiser vos messages, et cetera.
Donc c'est ce que je vais voir avec vous.
Sachez que la page web.
C'est pas une feuille a 4 c'est à dire que nous on est tous
habitués hein, parce qu'on l'a vécu dans notre scolarité à
écrire les informations du haut jusqu'en bas et à dérouler la
page, et cetera. Imaginez que la page web elle a une lecture
plutôt.
Horizontale plutôt que verticale, à savoir que à
gauche, on aura déjà des éléments d'information forts. On
a tout ce qui est navigation, navigation et ergonomie. C'est
souvent à gauche qu'on va retrouver le. Le petit menu de
navigation, comme pour ce qu'on appelle les mini sites, les mini
cités, c'est typiquement.
La fabrique web, c'est pas une seule page. C'est à l'intérieur
d'un écosystème grand comme le portail, une d'université Côte
d'Azur, qui a un menu 360. Ici à gauche, on a aussi des
écosystèmes pour des projets universitaires, pour des
portails de licence pour voilà, et on a un mini site qui
apparaît sur la gauche et qui donne déjà des indications
fortes sur ce que vous allez vous présenter. Donc à gauche on
a un peu le support, on a des fondations.
Tout ce qui est navigation, ergonomie et une fois qu'on a
ces fondements, on a sur toute la page et bien le développement
de l'information, on a les différentes sections possibles,
hein ? On a dû tout ce qui est type de contenu, hein, le
contenu c'est pas que le texte c'est voilà chiffre clé,
infographie des vidéos pourquoi pas alors un bec, des vidéos, un
bad, ça veut dire, ce sont des vidéos intégrées à la page,
C'est ce qu'on a fait tout à l'heure des photos, et cetera.
Tout ça, ça peut prendre toutes leurs parties, de la l'autre
partie de la page.
Sauf que tout à l'heure, on parlait des fameux appels à
l'action.
Si vous engagez votre internaute si vous voulez le faire, agir où
réagir sur votre page, que ce soit une proposition de Summer
School, de Conférence de présentation de de formation,
d'appel à projets et que il doit télécharger un formulaire,
télécharger une brochure, s'inscrire à votre colloque. Je
ne sais pas où prendre contact avec vous.
Tout ce qui est engagement de sa personne, c'est pas le faire
tout en bas de la page, une fois que vous l'avez présenté, toute
votre Summer School, tout votre coloc et cetera, c'est
véritablement à le faire. Sur la droite plutôt.
Voilà, je reprends l'exemple du site marchand dont je vous ai
parlé tout à l'heure. Je pense qu'on a tous acheté quelque
chose en ligne. Si vous voulez acheter votre.
Un canapé où votre prochaine paire de basket en ligne ?
Généralement le bouton d'achat il n'est pas tout en bas de la
page. Après la description du canapé ou de la paire de basket,
ils se retrouvent souvent sur le côté, en rouge. Et après, vous
avez la description. Alors je la comparaison est assez et.
Et assez brut mais mais c'est enfin vos pages de Summer
School, de conférences, et cetera sont envisagés de la même
façon, c'est à dire qu'une fois que vous avez présenté le titre
et l'accroche principale, par exemple de votre conférence.
Mettez sur le côté le bouton d'inscription. Mettez voilà une
fois que vous avez présenté la date, le jour, le lieu et
cetera. Mettez le bouton d'inscription et en dessous vous
pouvez détailler le programme en dessous. Vous pouvez mettre qui
sont les conférenciers par exemple, ou qui sont les
partenaires de ce que de l'événement que vous portez, ou
et cetera. Voilà même quand vous présentez quelque chose. Je ne
sais pas. Un programme de Mantora.
Enfin voilà, ça peut être très ouvert, n'attendez pas à la fin
de faire réagir l'internaute. Voilà donc je vous l'ai mis,
bloc contacts et cetera. Donc pour ça, pour structurer ça il y
a 2 façons de faire. Je reviens sur ma page.
Soit vous faites un autre bloc de contenu en vous disant,
tiens, le le contact que moi j'ai fait. Alors j'avais fait un
petit bloc de contact, il faut que je les récupère. Voilà par
exemple contact ici. Bon, c'est vraiment un petit bloc.
Je vais plutôt le mettre là.
Et je vais le mettre à côté, mais c'est un peu lourd à gérer.
Des blocs de contenu en mettant, je vous montre juste que c'est
possible. Je veux dire que lui aussi il sera sur la ligne un.
Mais à droite donc, colonne 2 hein. Et puis lui, la largeur il
va faire quoi ? 80 pour 100 du coup lui fera 20 pour 100.
Par exemple.
Je vais quand même peut-être lui mettre aussi un peu de texte
avant.
Voilà.
Et puis je vais dire que contact, hein, quand même, je
vais le mettre en titre en titre 2 je dis n'importe quoi, voilà.
Ah, et puisqu'on est sur le contact, quelque chose que je ne
vous ai pas montré.
Je.
On va présenter aussi l'adresse postale.
Et le téléphone avant de présenter.
L'adresse mail pourquoi ? Parce que alors c'est
quoi ?
C'est cosmétique, mais je vais sélectionner l'adresse postale,
téléphone et adresse mail dans le bloc contact et vous voyez,
je vais le présenter ici dans les titres sous forme d'adresse.
Quand je présente sous forme d'adresse, on je vois que c'est
mis en Italie que je comprends pas trop pourquoi quoi ça
correspond, mais dès que je vais prévisualiser, je vais voir et
là on fait d'une Pierre de coup, on va pouvoir prévisualiser
directement l'insertion du bloc ici avec le titre 2 dans un
texte, et vous voyez dès que je sélectionne ça, adresse postale,
téléphone et cetera. Il me le met avec une petite vignette à
m'encadrer, une petite vignette alors c'est pas très joli parce
que j'ai mis que 20 pour 100 de.
20 pour 100 de la page, Je pourrais changer et mettre ici
plutôt 30 là si je mets 30 là je suis obligé de mettre 70 ici je
prévisualise.
Hop.
Voilà.
Et là, j'ai mon blog, contact, mon texte. Alors le souci de
faire comme ça, quand on fait, on utilise ces blocs, je vous le
montre, hein ? Juste pour savoir que ça existe, c'est que
là, je me retrouvais souvent avec un bloc de contenu qui a
énormément. Voilà énormément de contenu sur le bloc ligne un
alors que mon blog 2YA que le contact et du coup je vais me
retrouver avec un contenu important, écraser tout le long
et une sorte de colonne vide parce que j'aurais seulement mis
un contact ici donc il y a une autre façon de faire.
Alors, c'est toujours important de changer les blocs de contenu,
mais il y a une autre façon de faire.
C'est qu'à chaque fois, on ouvre un nouveau bloc pour une
information importante.
Mais je vais structurer ma page grâce à ce qu'on appelle des
modèles et des grilles. C'est de les éléments vont vous
permettent véritablement de pouvoir mieux structurer la
page. Alors les modèles, qu'est-ce que c'est ?
Ce sont des modèles déjà, pré désignés qui vous alors c'est
intéressant, qui vous vous oblige à mettre des intertitres
et ça c'est intéressant, surtout pour le. Le lecteur, le
l'internaute qui va venir sur votre page parce que, en un coup
d'œil, il va pouvoir voir sur votre page les éléments forts
que vous lui proposez.
Donc y a plusieurs styles de présentation, il y en a 5. Vous
voyez que le style 3 est enfin, je vais revenir dessus. Je vais
déjà sélectionner par exemple par défaut le style un quand je
clique dessus.
Je vois que j'ai.
Un bloc qui s'affiche.
Où là, je vais pouvoir mettre le titre que j'avais tout à l'heure
que j'avais mis en titre. Voilà par exemple ou un intertitre
hein ?
Je le mets là.
Et là, je vais pouvoir mettre du texte.
Ici par exemple.
Une fois que je mets du texte dans ce modèle, si je veux
respecter ce dont je vous ai parlé, c'est à dire je mets du
contenu sur le côté et je réserve une partie sur le côté
dédiée. Enfin, à droite, dédiée aux contacts ou à l'appel à
l'action au sein de mon bloc, je enfin de mon modèle, je peux
tout à fait mettre une grille, ça va être un séparateur de ma
page, alors soit je fais, je sépare à 50, 50 ou je peux
séparer à 80 20 ?
Dans un sens comme dans l'autre ou alors 70, 30 ou alors je peux
même séparer ma page en 3 parties, alors je vais respecter
le 70 30 par exemple.
Je récupère à nouveau du contenu ici.
Là, je peux tout à fait mettre.
Mon blog de contact et ce qui est intéressant, c'est que
modèle et grille.
Peuvent être intégrées, c'est à dire que là j'ai commencé par
faire un modèle, j'ai mis une grille à l'intérieur mais à
l'intérieur de ma grille, je peux aussi remettre un modèle et
c'est ce que je vais faire en mettant modèle et un style 2 que
j'aime bien pour les CTA parce qu'il y a cette barre verticale
sur le côté à gauche qui sert de séparateur. Et là je vais mettre
mon fameux contact là.
Et récupérer ici par exemple.
Les adresses que j'ai indiquées tout à l'heure alors Comment ça
va se présenter ? Maintenant, je vais
prévisualiser.
Vous me dites si je vais trop vite parce que ça serait c'est.
Je sais que certains n'ont pas 2 écrans pour suivre et c'est tout
de même bien de manipuler.
Voilà, voilà, c'était tous mes éléments. Voilà, je reviens à
une pleine page avec un titre, le Royaume Epson. Un petit
trait, un texte que je peux mettre en texte d'accroche que
je pourrais mettre en titre 2 ou 3.
Qui me sert d'accroche un nouveau texte ici et un mon blog
de contact là.
Par exemple.
Alors tout le travail que j'ai fait sur cette page de ligne un,
je vais la mettre beaucoup plus bas en ligne 6 pour pouvoir
travailler des autres pages.
Est-ce que c'est bon pour vous, pour tout ce qui est modèle et
grille ?
Alors si c'est bon ?
Hop.
Je vais lui le mettre en accroché. Titre 3.
On va pouvoir aussi regarder.
Comment créer des pages alors pour certains, vous avez des
pages face, ça peut exister, on essaie de les éviter, mais je
vais vous montrer un exemple de page SAS, ce sont des pages de
de haut de rubrique qui amènent à différents contenus. Du coup,
ces types de pages là ne détiennent pas de contenus fort
à part entière mais vont présenter des.
Faire son des pages de rubrique quelque part, qui présente du
contenu fort. Je vais vous montrer une page SAS par
excellence.
C'est la page scolarité.
Et vous voyez la page scolarité ?
A été alors, il y a un titre, elle a eu une accroché écrite en
bleu, ça doit être du titre 3 et après il y a eu un séparateur de
3 ici sur ce premier bloc. Là, un séparateur de 2 ou on peut
mettre à chaque fois une photo et en dessous un modèle ?
Alors je vais vous l'ouvrir en mode travaux pour que vous
puissiez voir comment c'est, alors je vous la montre déjà.
Dans le rendu, ce que ça fait ?
Avec la un style 3 à utiliser avec parcimonie parce qu'on peut
pas se permettre de faire d'utiliser ce modèle et de
l'avoir plein de pages avec un fond bleu. Enfin, c'est déjà,
c'est pour le bilan carbone, c'est c'est pas terrible, mais
c'est vraiment à utiliser souvent pour des je sais pas si
vous présentez des appels à projets ou des des informations.
Je reprends le l'idée de Summer School. Si vous avez un
avertissement à donner ou attention hein délai pour la
remise de certains dossiers, n'hésitez pas à utiliser le
modèle 3.
Pour cet avertissement là par exemple, alors scolarité,
comment la page se présente en mode travaux ?
Je vais élargir un peu pour que vous voyez, alors on a un
premier bloc de contenu et dans ce bloc de contenu on a
l'accroche en titre de niveau 2 et on a que ça.
En dessous.
On a un autre bloc.
Qui présente.
D'abord, qui présente d'abord une grille.
23 colonnes.
Qui a été édité.
Une fois qu'on a édité cette grille, on a inséré directement,
d'abord une photo et sous la photo, est revenu à la ligne et
on a fait un modèle.
Évidemment.
Les liens hypertextes peuvent être faits.
Enfin les liens hypertextes, oui peuvent être faits autant sur
des titres de modèle à l'intérieur ici et sur des
images.
L'appareil à un autre bloc à nouveau.
Avec d'abord une grille, l'Asie, une grille de 2.
Où y a une insertion d'images.
Au début, on revient à la ligne et on insère des modèles.
Style un.
Par exemple, ce qui est intéressant.
Alors je voulais pas montrer là, je pouvais mettre aussi une
vidéo par exemple, c'est que dans vos modèles, dans vos
grilles, et cetera, tout ce que l'on a vu avant, on peut
insérer. Je récupère. Là par exemple une vidéo, ma vidéo.
Et je la mets là.
Et là, elle ne fera que la largeur de ce bloc là tout à
l'heure, je vous parlais de photos, c'est pareil.
La photo ne peut faire que enfin ne fera que la largeur.
Maintenant, admettons que.
À la grille si vous avez choisi du 70 30 comme j'ai fait Ben, ça
vous convient pas à l'affichage ? Ce qui est
intéressant, c'est que vous pouvez cliquer ici sur éditer
pour changer la largeur. Vous dites non ? Finalement je
préfère du 50 50 ou alors j'ai dit je préfère du ne sais pas.
Voilà, je reviens sur 60 40 également pour les styles. Là
j'ai fait un style 2 ou alors là j'ai fait un style un et je veux
changer le style, j'ai pas à tout recommencer, c'est assez
intuitif.
Je fais un double clic et je dis que finalement je préfère un
style 4 et il me le transforme en style 4 évidemment.
Pour vous, l'intérêt c'est de prévisualiser régulièrement pour
voir le travail que vous faites. Et là j'ai changé en style 4.
J'ai ma vidéo ici qui s'est insérée sous le voilà.
Donc je vous présente au fil de l'eau, à vous de voir d'agencer
votre page pour que ce soit cohérent et.
Et irrégulier.
C'est bon pour vous ?
Voilà donc tout ce qui est modèle et gris. Sachez que ça va
structurer véritablement vos pages dans les modèles, vous
pouvez faire des grilles dans les grilles, vous pouvez faire
des modèles.
Évidemment, insérer tout ce qui est Rich Media, c'est à dire les
photos, les, les vidéos, faire des liens tout à l'heure, on a
vu le fait de faire un lien sur un texte. Je vous ai pas montré
mais sur une image c'est possible aussi. L'image que j'ai
intégré ici, par exemple quand je clique dessus. Là vous voyez,
je viens de la sélectionner, il est tout à fait possible une
fois que je sélectionne mon image d'aller sur le lien et
d'insérer un lien.
Voilà par exemple Ice, je dis n'importe quoi.
Et là j'ai inséré un lien sur l'image est tout à fait possible
de.
De le mettre ?
Voilà.
Donc maintenant qu'on a vu ça.
Il y a 2 autres éléments qui sont intéressants à exploiter
pour la construction de vos pages, ce sont les onglets et
les accordéons. Les onglets accordéons sont pas forcément là
pour structurer vos pages mais plutôt pour optimiser vos pages,
sachant que plus il y a de contenu sur une page, plus
l'internaute peut être informé de tout ce que vous lui
présentez sur une thématique donnée, mieux c'est il vaut
mieux pas démultiplier les pages. En revanche, si vous
écrivez des tartines et énormément et que.
Et qu'il a déroulé la page en permanence. Là c'est pas bon non
plus, donc on a des techniques qui nous permettent d'optimiser
vraiment le contenu de nos pages. Alors comment ça se
manifeste ?
Alors la présentation par Onglet ? Alors je sais pas
où vous la présentez cette présentation par onglet ?
Euh.
Je vais peut-être aller.
Voilà dans l'intranet de l'université.
Que j'espère, vous connaissez déjà tous.
Donc dans l'intranet de l'université.
Dans mes enfants.
Ah oui, mais d'un train est étudiant.
Voilà si je vais par exemple dans ressources humaines,
contact RH et intégration par exemple.
Voilà, je veux voir mes interlocuteurs RH.
Et là je vois qu'on me présente, donc j'ai un petit, un petit
texte d'intro très bien et après on me parle de mes contacts RH
de proximité, votre contact à la DRH, l'organigramme de la DRH et
le trombinoscope. Cette présentation avec des petits, ça
fait un peu intercalaire donc cette présentation on l'appelle
présentation par Onglet, elle a le mérite de mettre énormément
de contenu.
Sur un seul et même espace.
Et de cliquer de façon agile entre les différents éléments.
Elle a le mérite aussi de voir toutes ces sections.
Au même niveau, à la même ligne et là, ça devient intéressant
pour nous. On n'a pas besoin de dérouler la page pour voir à la
fin trombinoscope et on sait déjà qu'il existe parce que tout
est sur la même ligne, toutes les entrées fortes sont
présentées sur cette même ligne là.
Donc cette présentation par ONGLET est intéressante quand
vous avez ce que j'appelle moi un dénominateur commun fort à à
présenter. Par exemple, si vous avez des appels à projet, appel
à projets en cours, appel à projets, clôture ou je ne sais
pas où différents États de quelque chose qui est assez fort
quand vous avez par exemple aussi.
Ben, je reprends l'exemple d'une semeurs cool.
Vous voulez expliquer comment ? Comment
s'inscrire ? Vous pouvez tout à fait mettre ici étape un
étape, 2 étape 3.
Voilà donc ça c'est intéressant que y a pas trop d'onglets parce
que si vous avez par exemple une liste à rallonge de 20 éléments.
Ça va pas. Pourquoi ? Parce qu'on peut pas mettre 20 onglets
sur la même ligne par défaut comme c'est responsive, ça ira
aussi sur la ligne en dessous c'est pas terrible visuellement
et surtout si vous avez des titres à rallonge alors là je
vais faire exprès.
De.
Fermer enfin de ma page et on voit que ça va en dessous.
Alors pourquoi pas, mais c'est pas terrible quoi, voilà.
Donc ça c'est c'est bien quand vous avez une déclinaison de
choses, que ce soit de façon chronologique. Étape un étape, 2
étape 3 ou une déclinaison de la nature, de la d'une même chose,
hein ? Les appels à projets ou autre, à vous de voir quand
l'utiliser ou les différents types de contacts voilà
différents types d'éléments.
Donc c'est plutôt intéressant et on va voir comment le mettre en
place, alors je reviens.
Donc ça, je vais fermer ma page que je vous présenter tout à
l'heure de page de rubrique quand même. Voilà donc quand je
suis sur ma page, alors je vais ouvrir un nouvel élément.
Voilà.
Alors j'ai un nouvel élément, donc j'ai quand même joué le jeu
de mettre un modèle avant.
Voilà et je vais mettre en.
Qui présentation des onglets et là en dessous. Alors je vais
ouvrir ma fenêtre de travail pour être plus à l'aise en
dessous, je mets mon curseur dans le le bloc de mon style un
et je vais cliquer sur onglet tout simplement. Alors quand je
clique sur onglet je vois que j'ai le titre Onglet ici nouvel
Onglet titre on me le présente 2 fois donc par défaut j'ai 2
onglets qui s'ouvrent et là Ben je vais reprendre mon étape un à
mettre en titre alors ?
Quand vous allez toucher à ça, vous allez devoir faire
attention parce que c'est très sensible. Si par exemple là je
veux supprimer un élément, je reviens à la ligne et bien il
revient sur étape un, donc c'est à utiliser alors par défaut il y
a du contenu hein ? Nouvel onglet contenu, nouvel onglet
titre.
Voilà donc là, je vais sélectionner la émettre, mon
fameux Laura Mulson.
La.
Et là, j'ai mon étape un, je vais jouer le jeu, de mettre mon
étape 2. Et vous voyez, il n'y a que 2 éléments, comment mettre
un 3e mois si j'ai 3 ou 4 étapes, comment rajouter ?
C'est assez intuitif, c'est comme pour tout à l'heure, vous
faites un clic droit et vous voyez que vous pouvez mettre,
ajouter un onglet avant ou après. Je veux dire après et là
je peux ajouter.
Ce que l'on a vu tout à l'heure s'adapte aussi ici, c'est à dire
que si dans mon étape un, je veux faire un gros titre, je
peux tout à fait sélectionner mon contenu et dire que c'est un
titre de niveau 3.
Par exemple, voilà, et en dessous, je veux présenter
différents éléments et je peux faire une grille à l'intérieur
même d'un onglet.
Je vais faire une grille de 2.
Et là, je peux mettre par exemple une photo donc si
intéressant c'est que.
On peut adapter et manier les contenus facilement. Voilà, je
peux mettre une photo ici et à côté au sein de mon anglais, à
côté de la photo, de mettre un modèle, pourquoi pas ?
Et.
Et alors ? Bon, comme j'ai beaucoup d'imagination, je mets
en titre la photo.
Et à nouveau mon oreille ipsum ici.
Donc, étape 2, étape 3, je n'ai pas de contenu mais ce qui est
intéressant c'est que je vais pouvoir prévisualiser ce que je
viens de faire.
Donc ça, c'était mon petit du début. Présentation des onglets
j'ai bien étape un étape, 2 étape 3 dans étape un j'ai un
titre, je pourrais changer, je peux mettre une photo, je peux
mettre ?
Voilà.
Ah ouais, évidemment la photo, comme j'avais fait un lien
dessus, il a conservé le lien.
Voilà donc j'ai le titre, la photo avec du contenu et je peux
changer. Voilà après t'as 2. Évidemment j'ai rien écrit.
Nouvel onglet contenu. Voilà faut faire attention avec ça à
maman. J'ai mis j'ai pas mis étape 3 bon c'est pas grave.
Voilà pour les onglets.
Ah y a quelque chose que je ne vous ai pas montré, mais j'ai
pas eu de demande par rapport à ça tant que quand vous
manipulez, j'espère que vous manipulez en même temps, mais il
arrive souvent quand vous créez un bloc de contenu et que vous
mettez un modèle.
Un modèle, une grille ou autre chose ? Dead bloquée quand
vous voulez mettre autre chose en dessous, et vous voyez, il y
a une sorte de ligne rouge. Je sais pas si vous voyez à
l'écran.
Parce que on n'a pas fait de de saut à la ligne au départ et on
est bloqué donc.
Si vous voyez une ligne rouge en pointillés, il faut cliquer ici
pour revenir à la ligne et continuer à mettre du contenu en
dessous. Bloc gris ce que vous voulez.
Voilà.
Donc vous pouvez faire.
Modèle, grille et onglet. Et on va voir que les accordéons.
Ça, exactement le même des objectifs, le même objectif que
Onglet, mais ça se présente différemment.
Alors pour les Accordéons, je vais aller.
Présenter une autre page.
Ça, je vous présente directement.
Comment ? Comment ça se présente à l'affichage avant de
le faire avec vous.
Alors voilà, on a des des grilles de 2. Voilà, je vais
vous présenter par exemple les projets Erasmus ici.
J'ai la page projet Erasmus, j'ai mon modèle de niveau un.
J'ai un texte introductif et après je différentes sections,
différents types d'Erasmus plus là j'ai Erasmus. Plus
partenariat stratégique et vous voyez ce que l'on voit
ici ? Là c'est une présentation par Accordéon,
c'est quand j'ai une liste de beaucoup de projets qui prend
beaucoup de place.
Je le présente, voilà sous cette forme là et je n'ai plus qu'à
dérouler pour voir ma présentation. Ça aurait pu être
présenté différemment.
Les personnes qui ont géré ces pages là ont voulu mettre à
chaque fois au sein ou au niveau de l'accordéon, on fait une
grille de 2 colonnes, ont voulu mettre le logo où l'image du
projet. D'un côté, un titre de l'autre côté, le texte et le
bouton de renvoi vers le projet systématiquement, voilà.
Alors c'est intéressant d'utiliser les les accordéons
qu'on notre liste est longue quand par exemple on veut
présenter une liste de projet comme c'est le cas ici quand
quand on veut présenter nos partenaires parce que peut-être
que la liste est longue et que nos partenaires n'ont pas un
dénominateur fort comme on l'a vu tout à l'heure pour les les
onglets.
Voilà donc pour présenter ces accordéons, et bien je vais
ajouter à nouveau un bloc.
Voilà.
Je vais faire un modèle.
Modèle style 5 par exemple.
Je mets le titre, les Accordéons et en dessous.
Je vais créer les onglets et les accordéons. Pardon, et on voit
que ça se présente exactement comme les onglets.
Alors autant les onglets y avait une sorte de lisère pointillé un
peu rose fuchsia, et le titre onglet là on a des pointillés.
Plutôt violées avec le le terme accordéon voilà et là je peux
présenter.
Mes projets, donc le projet un.
Le projet 2.
Et pareil, je n'ai que 2 éléments. Si je vais en rajouter
à chaque fois, je fais ajouter un accordéon.
Après.
Projet 3.
Et cetera.
Voilà et là pareil dans cette petite section là.
Je peux saisir mon texte, mon contenu, je peux faire des
grilles.
Je peux faire alors tout à l'heure, j'avais fait des.
Je récupère le petit texte ici.
Mettre un titre, un.
2, plutôt.
Voilà, je vais faire une grille.
De 2 à nouveau par exemple, et je peux mettre une vidéo ou une
photo ou même 1PDF comme on l'a vu tout à l'heure et mettre un
nouveau des modèles, et cetera.
Voilà, je vous présente vite fait à l'affichage ce que cela
fait.
Donc.
Là, c'est la présentation de mes onglets.
Et là, des accordéons alors comme j'ai choisi le style 5 il
se met sur le côté et là on a les projets.
Qui se déplie.
Si je veux changer mon style ? 5, les accordéon.
Je retourne dessus, je double clique sur style 5 et je mets je
veux plutôt un style à et à ce moment-là en prévisualisant.
Voilà, je vois que les accordéons sont en dessous. Bon
je n'ai rien écrit, on n'a pas le temps de de tout remplir.
Mais là, on a, on a déjà des pages suffisamment structurées
avec des intertitres, à chaque fois ça devient fort intéressant
de.
De voir comment exploiter le contenu à partir de là.
Je vous montre aussi.
L'aboutissement de ces 4.
Entrez là à travers une page, une page de foire aux questions
que l'on a faites avec le la direction de l'enseignement et
de la formation, la def.
Où on a réussi à manier les onglets accordéons parce que,
comme je vous disais que ça s'imbrique, on peut mettre des
onglets à l'intérieur d'accordéon et des accordéons à
l'intérieur d'onglets, et là ça devient assez puissant, ça
demande un peu de travail, mais le résultat est plutôt beau à
voir.
Je vais chercher sur la page.
De notre site internet candidate s'inscrire comment ça peut se
présenter ? Et c'est là où, quand je vous parlais
d'optimiser le contenu et de mettre un énormément de contenu,
c'est possible sur une page et que la page reste digeste quand
je vais dans candidater et s'inscrire. Foire aux questions.
Je regarde la page et je vois que finalement elle est très
courte. Il n'y a que ça.
On a un premier modèle, un. Vous trouverez dans cette rubrique
bla bla bla besoin d'aide et la demande de distance en ligne. Et
là on a des.
Zenglen qui sont présentes.
Avec des mots clés.
Comme une foire aux questions et quand on clique donc numéro NE
où le trouver, on a une présentation et à côté, dans
identifiant, là on a des accordéons.
Paiement.
Fichier.
Les pièces justificatives alors y en a beaucoup. Il y a eu un
gros travail de fait hein ? C'est présenté par ordre
alphabétique et à chaque fois quand on déroule, alors je sais
que des fois on a des liens hypertextes, on a des fois y a
des images, je sais plus où où elles ont été mises, mais on
peut mettre des images, on peut mettre des vidéos à l'intérieur.
Voilà donc ça devient intéressant de présenter comme
ça, bon lexique et abréviations. Ils ont pas fait d'accordéon,
ils ont fait une double colonne.
Mais ça devient plutôt intéressant de voir comment.
Enfin l'aboutissement de de de ces 4 de ces 4 éléments.
Voilà.
Donc je vous laisserai manipuler cela.
Et et après ? Bon Ben sur format, je l'ai distillé au fur
et enfin au au fil de la formation, les éléments de
format on trouve les différents niveaux de titres ont toutes les
on trouve le style adresse quand vous sélectionnez du contenu,
c'est ça qui permet alors c'est assez mignon hein, c'est
cosmétique de de de faire un encadré avec la petite
enveloppe. Vous avez aussi tout ce qui est citation de référence
ou citation courte citation de référence, c'est ce que vous
pouvez trouver sur des.
Des médias en ligne ou vous avez tout d'un coup un texte mis en
exergue si vous vous avez par exemple un édito à faire, je ne
sais pas. Le doyen de la faculté ou autre qui parle. Vous pouvez
faire ces citations là, je vais vous montrer ce que cela peut
donner.
Euh.
Alors je vais le faire ici comme ça, on va le voir rapidement.
Je sélectionne mon contenu, je fais citation de référence,
citation courte, ça sera dans le texte, mais voilà, citation de
référence, je vois que c'est en Italie que je sais pas trop ce
que cela fait. En revanche quand je prévisualise.
Voilà ma citation.
Avec le petit voilà.
Tu kiffe.
Et vous avez également.
Donc, adresse, citation, courte citation de référence, et les
liens alors ? Le lien stylisée, lien bouton c'est la
même chose, Vous voyez, c'est le même code, ça change pas, on
travaille sur le fait d'avoir 2 types de boutons différents pour
le moment, on en a qu'un, donc voilà.
Maintenant qu'on a fait ça, je vous montre un dernier bouton
qui a peut être intéressant pour vous.
Alors, je vais d'abord enregistrer en brouillon mon mon
travail.
Je reviens dessus.
Sachez que, par exemple, tout ce que j'ai fait sur ce blog de
contenu un admettons que j'ai une bonne mise en page et je
suis satisfaite de la structuration de mon bloc et je
veux reproduire ça sur une autre page.
Alors on pourrait tout à fait essayer de mettre le curseur de
la souris et le sélectionner, mais c'est impossible, c'est
très compliqué.
C'est pour ça qu'on vous a laissé un bouton qui s'appelle
source parce que dans source y a tout le travail qu'on a, on a
fait mais en langage HTML.
Alors ?
Voilà, donc ça parle pas pour certains, ça parle plus pour
d'autres, mais ce qui est bien c'est que si je vais sur le code
source, est ce que l'on a fait en langage HTML ? Je peux
tout à fait faire un contrôle à où pomme à sélectionner tout ce
que j'ai fait, un contrôle C ou pomme c.
Je reviens, je m'en lève de source et si j'ouvre un nouvel
onglet, par exemple beaucoup plus bas, j'ajoute un nouvel
onglet.
Je vais à nouveau ici sur source parce que si je copie, colle
ici, ça fera rien du tout, donc je vais sur source, je copie,
colle les éléments de mon bloc et.
Ça m'écrit exactement ce que j'ai écrit sur l'ancien blog,
donc c'est pas mal. C'est aussi un gain de temps pour vous en
fonction des pages que vous avez à créer, vous savez que vous
pouvez récupérer toute la structure, tous les éléments,
c'est plutôt intéressant.
Voilà également quand vous travaillez sur les 2 espaces.
Euh pardon. Sur les 2 espaces anglais français quand vous
créez votre page, une fois que vous l'avez créé, vous avez la
possibilité de dupliquer votre page en anglais pour la partie
anglaise et de la raccrocher à la bonne rubrique. Bon, ça
c'est.
C'est pas avoir pour le moment, mais vous pouvez dupliquer la
page et vous avez du coup toute la structure qui est restée.
Vous avez plus qu'à qu'à traduire parce que il le fait
pas automatiquement qu'askip. Voilà alors ce qui est bien,
c'est qu'on a vu tout, tout le volet, on va dire éditorial,
mais on est resté. Vous le voyez, on est dans l'onglet
contenu principal, je vais vous montrer pour la dernière
demi-heure, demi-heure les autres onglets.
Donc, au-delà de contenu principal, alors c'est bien
parce que tout ça c'est présenté à l'ensemble des établissements,
ça veut pas dire qu'on investit tout. Par exemple. Information
complémentaire, y a pas lieu de l'investir ?
Là pour le coup, non, ça ne sert à rien, de même que encadrer on
la première année, on essayait de l'investir pour voir ce que
ça donne. Je vous montre vite fait.
Euh, à quoi ça sert ? Encadrer, c'est quand vous
voulez mettre des éléments sur votre page, sur la colonne de
droite, mais ça va écraser tout le contenu, donc vous pouvez
indiquer des éléments personnalisés sur votre colonne
de droite, télécharger la brochure, et cetera, et cetera.
Mais on préfère utiliser le système de gris et de et de
mettre sur le côté une colonne spécifique. Sinon soit vous
mettez du contenu personnalisé sur cet encadré, soit ils vous
en proposent directement des encadrer pour rechercher des
éléments.
Par exemple, je recherchais une actualité et en dessous je veux
rechercher. Je ne sais pas. Quelqu'un dans l'annuaire, bon
tout ça c'est par défaut hein, c'est des tout. Tout est
présenté par cassure, ça veut pas dire que nous on propose
tout. Voilà où présenter une structure, on va voir et quand
je prévisualise.
Ah.
Donc ouais il y a 2 colonnes avec le titre identique.
Voilà.
Donc voilà les femmes encadrées recherche d'une actualité,
recherche d'une structure bon.
Ça, ça se met à droite et et ça écrasé le contenu. Donc si vous
avez juste les encadrer pour un bloc ou un bloc recherche, c'est
embêtant parce que vous avez toute votre page qui est
ramassée par la suite quoi. Voilà donc, on préfère nous
structurer et faire nos fameuses grilles.
Donc voilà pour les encadrer si j'en veux pas que je me suis
trompée bah pas de souci, je reviens dessus et je mets un
défini donc ça va m'enlever automatiquement cette cette
colonne.
Voilà.
Les plugins, c'est intéressant pour vous ? Pour le moteur
de recherche interne, donc le moteur de recherche à
l'intérieur même du site de l'université, hein, qui se
retrouve là, voilà.
Donc je ferme donc là, vous pouvez mettre une série de mots
clés avec espace 2 virgule.
Et vous pouvez aussi activer au niveau de votre page à ce
niveau-là. Ce que l'on appelle le super header. Donc qu'est-ce
que l'on entend par super Header ? Je vous montre
vite fait, là, je travaille sur une page de formation.
Le niveau un, il y a un bandeau par défaut, c'est bandeau là que
vous voyez ces images. Ils sont spécifiques à chaque rubrique de
vos pages et admettons que vous travaillez sur un mini site.
Un ministre, c'est ce que je vous ai montré tout à l'heure,
c'est quand il y a le.
Le menu sur le côté et bien là par exemple. Le super header
n'est pas.
Y a qu'une image, le super aider, c'est l'image qui va
prendre tout le haut de page, le fameux header haut de page, donc
là, par exemple, Vous voyez que y a juste un bandeau et pour
donner ce sentiment.
Comment dire d'écosystème à recréer à travers ce menu, on
peut faire toute l'image, alors je vous montre sur cette page là
par exemple.
Je vais en mode travaux.
Je vais activer le super Raideur ici et quand je clique sur
prévisualiser, je vois que l'image a pris tout le haut et
ça me donne encore plus ce sentiment de minite en soi.
D'écosystème l'écosystème est beaucoup plus appuyé avec le
super aider. Voilà.
Hop.
Voilà donc là super header est ici. En revanche dans les
sous-pages, il est pas forcément voilà.
Donc ça c'est pour l'Onglet Plugin, l'onglet suivi, c'est
important, surtout si vous êtes plusieurs sur les pages. C'est
en fait toute l'historique de votre page, ça date de création.
Donc aujourd'hui.
Par défaut, le rédacteur présente, c'est le rédacteur qui
a créé la page, donc vous ?
Quand est-ce qu'elle a été mise en ligne ?
Et là, il y a l'historique. Donc moi j'ai fait 2 enregistrements
donc il y a création il y a enregistrement, on a même
l'heure d'activité. Admettons que vous ayez mis en ligne la
page, que vous l'ayez, je ne sais pas archiver. On a des
États à chaque fois, à chaque étape d'enregistrement de
création donc c'est bien, surtout si vous êtes plusieurs
contributeurs sur les pages. On a cette historique là.
En revanche, malheureux.
Comment on peut pas revenir sur les versions précédentes
hein ? On a juste ce ce suivi là.
Voilà.
Diffusion, je passe rapidement dessus. Vous ne vous en occupez
pas parce que c'est des liés à des intranets, des publics
restreints, et cetera. Vous, à partir du moment où on a créé
votre site et créé vos pages, ça c'est plutôt côté Paul Web que
ça se passe. Et enfin publication. Là c'est très
intéressant pour vous parce que autant au niveau de plugin, vous
pouviez renseigner les mots clés du moteur de recherche interne
dans publication, vous pouvez renseigner.
Les éléments pour les moteurs de recherche externes. Alors, pour
ne pas le nommer, Google par exemple. Mais il y a d'autres
moteurs de recherche. Alors Comment ça va se passer ?
Admettons que alors je ne sais pas quelle recherche je peux
faire sur Google.
Admettons que vous travaillez sur un portail de licence.
Voilà, je tape licence droit à Nice, je tape n'importe quoi.
Ouf super. On me présente en première en premier résultat de
recherche université Côte d'Azur. Ça tombe bien, je suis
rassurée.
Voilà donc si je t'appelle, licence droit à Nice sans
forcément taper université Côte d'Azur.
Je tombe sur.
Des résultats proposés par Google.
Où je vois ici par défaut un titre et ici un texte.
Alors, sachez que Google lui présente les résultats. Il est
généralement le titre de la page que vous avez, mais il met aussi
le texte qu'il veut bien mettre en fonction des éléments de
votre page. Si vous voulez avoir un contrôle sur les résultats de
recherche de Google à ce niveau-là, vous pouvez lui même.
Enfin, vous pouvez lui prémâcher le travail, lui fera toujours ce
travail là de de scruter vos pages, mais vous pouvez lui
prémâcher le travail, vous allez mettre le titre que vous voulez
véritablement.
Et.
Surtout, le texte que vous voulez mettre, alors vous allez
pas le faire forcément sur toutes vos pages mais sur vos
pages les plus importantes, ce qu'on appelle les pages
d'atterrissage. Si vous avez surtout un site conséquent.
C'est à ce niveau-là que ça se fait, donc. Balise titre, c'est
le titre qu'on a vu de Google et balise description, attention,
c'est pas une série de mots-clés, c'est véritablement
un texte, un texte porteur de sens qui, dans l'envie de
cliquer et qui résumé bien votre page. C'est important d'investir
ça, surtout si au niveau de la page que vous avez construite,
vous n'avez pas ces éléments là où vous ne pouvez les mettre. Je
pense notamment alors là maintenant ça date un peu mais
il y a 2 ans de ça, quand on a créé des écoles universitaires
de recherche.
Euh, 23 ans de ça, quand on les a créées, on pouvait pas mettre
école.
Universitaire de enfin les. On savait que les étudiants
allaient pas taper école universitaire de recherche, ils
ne savaient même pas que ça existait, ils allaient encore
moins taper EUR et c'était à nous en faisant notre belle page
d'école. Universitaire de recherche ici, de mettre par
exemple, anciennement faculté de sciences ou je sais pas quoi
pour indiquer aux étudiants des choses qu'on ne pouvait pas
mettre directement sur notre page. Voilà.
Donc à vous d'investir au mieux. Balises, titre et description
pour certaines de vos pages, hein ? Sinon Google
lui-même fait enfin fait le travail, hein, sauf si vous
cliquez sur fiche non indexée. Si vous cliquez sur fiche non
indexer, vous demandez à Google.
De pas mettre votre page en résultat de recherche. Alors
évidemment, il lira votre page, mais il ne l'indique pas en
résultat de recherche. Bon on a aucun intérêt là-dessus.
Et après, vous pouvez personnaliser. L'u RL de votre
page ici.
Également.
Pour mettre un acronyme ou un mot fort ou par rapport à ça,
sinon c'est le le titre de votre page par défaut, hein qui
s'affiche. Voilà enfin dernier élément plus bas.
Comme tout à l'heure, on parlait peut-être d'archives ou de
supprimer les pages.
Bon là y a rien mais y a des liens existants vers cette
fiche, c'est à dire que tous les liens de pages qui renvoient
vers votre page sont indiquées là et C'est pourquoi si vous un
jour vous voulez supprimer votre page ou la mettre en archive.
Vérifiez d'abord les liens qui existent, si vous voyez qu'il y
a des pages qui renvoient votre page, soit vous travaillez ces
pages là parce que vous le pouvez, soit vous faites la
remontée au pôle web en disant y a tel laboratoire ou tel école
universitaire de recherche qui renvoie vers ma page.
Où y a une actualité qui renvoie vers ma page. Mais
malheureusement, je vais la supprimer, donc merci de de
modifier les liens ou de plus indiquer les liens, voilà.
Est-ce que c'est bon pour vous ?
Bon.
N'hésitez pas à me poser des questions-là je je fais un arrêt
de quelques secondes pour boire un peu d'eau. Donc pendant cet
arrêt vraiment n'hésitez pas enfin, toutes les questions sont
utiles pour tout le monde et il vaut mieux les poser maintenant
aussi.
Excusez-moi.
Qu'est-ce que oui ?
Ouais, c'est bon.
Oui, j'aime cette question là, j'ai bien compris comment on
T'as compris ?
peut créer une page, et cetera. Mais si par exemple j'ai pas
créé une page et que je veux modifier la page que j'ai qu'ils
ont déjà mais que par exemple je fais des modifications et que en
fait je change d'avis. Est-ce qu'il faut que j'appuie sur
supprimer ou en fait je ce que j'ai fait ? Je veux-je le
veux plus en fait mais je veux-je veux juste le supprimer
pour que ça revienne à l'ancienne version sans
forcément garder ce que j'ai fait.
Je comprends.
Je comprends, alors imagine que là on est en mode brouillon,
t'as travaillé dessus.
Hum.
C'est bloqué.
D'accord ?
Et t'as t'as pas envie ni de supprimer parce que ça va
supprimer ta page, ni l'enregistrement brouillon parce
OK.
que ça va écraser la version initiale et bien tu sais quoi,
tu fermes ton onglet tout simplement.
OK, je vais ferme juste l'anglais, d'accord ?
Tu fermes et ça veut dire que quand tu reviens sur ton tableau
de bord, il y aura quand même une sauvegarde automatique
proposée par casud.
Hum.
Parce que lui, il aura enregistre lui-même mais mais
t'as pas à revenir sur cette sauvegarde automatique et tu
reprends le brouillon que tu avais ou la page publiée.
OK, très bien.
Si tu es sur la page publiée et que tu fais vraiment n'importe
quoi, tu peux pas revenir en arrière. Bah ce moment-là tu
fermes quoi ?
D'accord et juste autre chose si par exemple moi dans le quand je
vais ouvrir ma comme on l'a fait tout à l'heure pour rentrer dans
dans tout ce dont j'ai accès.
Et que enfin, je dois passer par là ou par exemple si je peux
aller directement sur le site de mon sur. Le site universitaire
et Ben modifier directement. En fait je sais pas si tu si vous
m'avez compris.
Oui.
Oui, je t'ai compris. Enfin j'espère alors tout à fait, soit
tu passes par là pour retrouver la page, soit il y a des
raccourcis, tu vois là je Ah bah là c'est une très bonne question
parce que là je n'ai pas ce raccourci et je ne sais pas
pourquoi ça fait partie des misères ou du charme du web
E.
normalement.
J'ai accès, alors je te montre la la. Tu vois par exemple, j'ai
un petit et normalement on a tout ça, on a imprimé machin où
Stylo okay ?
modifié parce que on est en mode rédacteur et là je peux aller
directement dessus et modifier pourquoi sur cette page là je ne
l'ai pas. C'est un grand mystère et à ce moment-là tu copies
colles le. Le titre est malheureusement tu vas aller le
D'accord ?
chercher à leur filtre. Attention parce que filtre ça
marche pas forcément très bien vaut mieux aller dans recherche
et mettre directement filtre de la page.
Et là, attention j'ai plusieurs fois aux questions d'où ?
D'où le fait d'aller là et de voir que celle que je recherche.
Alors là je le cite, de polytech, ça m'intéresse pas bon
après moi c'est compliqué parce que j'ai accès à toutes les
pages. Vous ça sera beaucoup plus simple. Vous êtes dans un
périmètre dédié à chaque fois, mais voilà, sinon t'es obligé de
OK d'accord, du coup J'ai fait comme ça et ça marche très bien
passer.
parce que j'ai fait comme ça marchait tout à l'heure. J'ai
Hein ?
essayé sur ma page et j'arrivais pas à comprendre mais là comme
ça ça a marché.
En prenant le R parce que j'ai pas le petit stylo sur la page
Non super.
concernée, c'est.
Oui, alors je peux comprendre, sachant que là, vous êtes tous
Parfait.
rattachés à une rubrique dite formation niveau un dès qu'on
termine cette formation, vous serez rattaché véritablement et
directement aux pages qui sont déjà en ligne. Qui sont donc
D'accord ?
voilà donc vous allez d'ici cet après-midi ou demain avoir accès
à à vos pages, hein.
Parfait, merci beaucoup.
Voilà, mais.
Ce nom alors ma formation est pas finie.
C'est difficile de tout dire. Je vous montre quand même. Comment
intégrer des PDF autrement que sur la page directement ?
Vous pouvez les enregistrer sur casud en en allant sur contenu
documents.
Ici et document c'est pour tout. Alors je vous parle de PDF, ça
peut être des fichiers Excel aussi hein, mais voilà Ben là
récemment j'ai mis la charte usage acronyme musea. D'ailleurs
c'était pas plus tard qu'hier.
Donc c'est intéressant pour le proposer après en
téléchargement, alors j'ai créé ma page. Je vais aller
directement dessus, ça serait pas plus mal donc je l'ai créé.
J'ai mis un titre.
Je suis allée mettre mon PDF ici.
Je peux ajouter d'autres fichiers, mais j'ai proposé
uniquement en téléchargement, je peux proposer en page et du coup
ça me permet une fois que je pose mon document PDF, là, je
joins le fichier.
De l'enregistrer et de pouvoir après.
On entre directement le travail fait.
Hier, ça prend, c'est. C'est tellement simple que je vous le
montre directement, je suis dans Info pratique, communication et
impression et là je peux proposer directement.
Restriction de la chronique charte d'usage. Je clique et ça
me permet voilà, j'ai le lien. Charte d'usage, Unica, unica, un
mégaoctet PDF. Voilà. Et quand je clique, et bien je télécharge
directement.
Mon document ?
Et pour ça, c'est juste un lien que j'ai fait, que j'ai
transformé en bouton, et cetera.
Donc ça c'est pour voilà, il faut juste faire le lien vers le
document, alors je vais peut-être aller là pour vous le
montrer.
Là, je suis sur la page communication et impression.
Là, quand je vais dessus, je double clique. On voit que je
suis allé sur une fiche et j'ai sélectionné type de fiche
documents.
Et j'ai sélectionné la Charte et cetera.
Donc un lien vers un document et non pas une page web, voilà.
Alors je.
Mince, j'ai quitté la page bêtement, mais c'est pas grave,
j'y retourne. Je dois aussi vous parler tout à l'heure. J'ai, je
vous ai beaucoup parlé d'images. Je dois aussi vous parler de du
texte. Alors c'est bien parce que j'étais sûr.
La fameuse page de l'acronyme Unica. Alors nous, on a connu
l'acronyme UCA qui n'a jamais été un acronyme officiel. Et
depuis le début, on le savait parce que UCA, c'est l'acronyme
officiel de Université Clermont Auvergne. Donc on a toujours
fait la guerre aux UCA, surtout sur les pages web et on vous
demande pour les pages que vous avez à créer, à gérer de ne pas
utiliser l'acronyme UCA. Pourquoi ? Parce qu'elle
est à utiliser que pour les réseaux sociaux.
Et pour certaines appellations, de services de déclinaison, de
services comme unique à sport unique à entreprendre, unique à
l'uni mais seulement dans ce sens-là. Le mieux, et même si
c'est long, c'est d'utiliser université Côte d'Azur en toutes
lettres à chaque fois que vous avez des documents officiels de
la communication officielle à faire.
Après, sur les réseaux sociaux, vous pouvez mettre le Hashtag
Unica si vous voulez et ça ne sera employé que là-dessus.
En revanche, on a conscience que c'est long. Université Côte
d'Azur et là, on peut aussi, surtout si on fait des cols to
action, hein ? Les fameux boutons lien on peut mettre
univ, point tiret Côte d'Azur, ça se fait aussi souvent unif,
point tiret Côte d'Azur, mais pas de unica, pas de PC à sur
notre site Internet.
Voilà, sauf si c'est associé à un service comme je vous l'ai
dit. Unique sport et cetera. Voilà pour l'acronyme, au-delà
de l'acronyme. Parce que ça, c'était un gros point. Sachez
qu'on a des règles, alors je vous.
Le montre aussi.
Euh.
On a des règles d'usage, rappel de la Charte éditoriale, alors
je vous le montre vite fait.
Je suis obligé de le télécharger. Voilà donc UC à Ben
c'est déjà dépasser ces proscrits, acronyme ces
proscrits. On a plusieurs publics, hein, lycéens,
étudiants, chercheurs et cetera. Donc on avait des règles, on a
quand même des règles pour s'adresser à eux, eux.
Des règles proximités c'est à dire la proximité, c'est la quel
lien on établit avec eux ? Quelle proximité engagé avec
eux, alors on ne tutoie pas les étudiants ? Sur notre site
internet par exemple, on vous voit tout le monde.
Et on ne dit pas nous non plus parce que généralement, quand on
dit, nous vous invitons, nous sommes contents, nous sommes
ravis, le nous, on sait jamais ce qu'il y a derrière. Donc
plutôt que de dire non, il faut toujours qu'on dise un peu qui,
qui parle, qui, qui parle, quel service ? Surtout donc,
plutôt que nous, il faut mettre université, Côte d'Azur,
Conseil, Université ou alors le nom du service, le nom du
projet, le nom de la composante de formation, le nom de la
mission, et cetera. Donc on dira pas nous.
Nous vous invitons, mais l'école universitaire de recherche XYZ
vous invite, et cetera.
Donc si le nous.
Et proscrit en revanche, le vous est fortement recommandé. Le
vous est fortement recommandé.
Est encouragée, surtout si on a déjà identifié son public. Alors
c'est sûr que si vous êtes sur une page par exemple, où il y a
marqué doctorant, on sait qu'on s'adresse aux doctorants. Mais
après, quand on dit Vous êtes où ? Vous ? On sait
pas trop à qui on s'adresse, donc Marquez bien, les publics
auxquels vous vous adressez à chaque fois parce que même nous
on le voit, c'est pas évident. Est-ce que ça s'adresse aux
étudiants ? Est-ce que ça s'adresse au personnel, à toute
la communauté universitaire ? Donc
n'hésitez pas dans vos pages à interpeller les gens.
Quand les gens lisent leur nom ou lisent leurs fonctions, ils
se sentent de toute façon beaucoup plus concernés par le
contenu où l'information que vous allez délivrer. Donc
n'hésitez pas à identifier vos publics. Une fois ça suffit. Et
dès que c'est fait, on est quand même assez chaleureux, donc on
peut dire une le nom du service vous vous encourage, vous et
cetera, voilà.
Donc ça sera par exemple. Université Côte d'Azur accueille
les enseignants où vous accueille ou le service machin
vous propose, vous, machin voilà.
Donc ça je pense que c'est clair et le vous est fortement
encouragé parce qu'on a aussi un positionnement sur le genre à
vous.
On doit vous parler de ça aussi. On a plusieurs sites internet de
composantes de formation, de facultés et c'est vrai qu'on
peut pas se permettre. Alors moi, quand je suis arrivé à
l'université, enfin, c'était aussi un peu mon travail, c'est
qu'il y a certains qui utilisaient d'écriture
inclusives partout, d'autres pas du tout. On n'avait pas du tout
de cohérence à ce niveau-là. Maintenant, on a une cohérence
et cette cohérence, elle est claire. On a une mission,
égalité femmes hommes au sein de l'université et pour nous, c'est
important que aucun public.
Ce sentent discriminés où exclus des propos, des informations que
l'on délivré sur nos sites internet. En revanche,
l'écriture inclusive.
Euh est instable.
Et pas encore complètement norme. Et surtout, c'est pas
totalement inclusif parce que ça exclut un groupe dont je vous ai
parlé tout à l'heure en début de formation. Ce sont ces gens qui
utilisent des logiciels de lecture audio de nos sites et
les logiciels de lecture audio. À l'heure actuelle ne peut, ne
peuvent pas lire l'écriture inclusive, donc eux ils sont du
coup exclus de nos contenus, donc on ne fait pas de lecture
inclusive de nos sites. En plus ça dessert le référencement en
gros tant qu'on fait pas de recherche Google.
Avec écriture inclusive et Ben voilà donc pages sont pas
forcément bien référencées. Si y a des écriture inclusive aussi.
Mais comme on veut inclure tout le monde plutôt que de
l'écriture inclusive avec les points ou les points médians ou
les slashs, on encourage l'usage du langage épicène. Alors,
qu'est-ce que c'est ? Le langage épicène, c'est le fait
d'utiliser, d'utiliser des mots, d'employer des mots qui ne
changent pas du tout que l'on emploie le féminin ou le
masculin. Alors je vous ai mis des exemples, on dira un élève
et une élève, ça change pas un scientifique, une scientifique
non plus un athlète, une athlète.
Après, on est d'accord entre nous, chercheurs, chercheuse, ça
fonctionne pas. Enfin chercheur et surtout les étudiants et les
étudiantes, on aura, enfin, on parle plus d'étudiants que
d'élèves à notre niveau à l'échelle universitaire.
Du coup, comme on est limité en termes de mot épicène.
À défaut, on utilise la double flexion, c'est à dire si moi je
dis tous les étudiants sont invités à notre Summers cool.
Et bien si je dis tous. Les élus étudiants sont invités, on peut
penser qu'il n'y a que les étudiants et non pas les
étudiantes.
Et la double double flexion à ce niveau-là, ce jour, c'est les
étudiantes et les étudiants sont invitées à l'assommer School de
je sais pas quoi par exemple après je conçois que c'est lourd
de mettre à chaque fois les étudiantes et les étudiants, les
étudiantes et les étudiants. Donc dès qu'on sait que c'est ce
public là qui est marqué et qui est, comment dire qui est ces.
Étudiant là, qui enfin ce public là qui concerne notre page
internet ?
J'utilise beaucoup justement le vous qui évite tout ce qui est
double flexion, qui évite. Voilà si on dit.
Vous êtes invités à la Summer School et bien voilà. On évite
aussi la double flexion, surtout si on l'a déjà mis avant.
Voilà, j'espère que c'est clair à ce niveau-là, au niveau de
tout ce qui est langage épicène, et cetera. Et double flexion, si
vous avez des questions, j'ai l'impression que j'oublie
peut-être quelque chose. Ça m'embête d'ailleurs d'avoir
cette impression là. Mais bon, ce que je vais faire et je suis
contente, j'ai tenu les temps. Vous avez pas beaucoup posé de
Peut-être ?
question ? Oui.
Peut-être les actualités actualités que tu présentes
d'habitude, il me semble ?
Alors justement, j'ai présenté plus je présenterai autrement
avec les personnes qui qui géreront les actualités. Merci
D'accord ?
Célia, merci beaucoup parce que là justement, il y a 11h30 on a
tenu les 2h mais les pages actualités que vous avez à
gérer, je vais revenir vers vous très prochainement pour ceux qui
auront à gérer parce que parce que là, dans dans le cas de la
formation c'est pas possible, c'est ici. Bon, vous y a la même
tout le box, mais il y a des éléments à prendre en compte.
Et et comme ça concerne pas toutes les personnes qui sont
là, je on va décliner des formations à part et ça me
permet de vous présenter Célia qui vient d'intervenir, qui va
Bonjour.
prendre le relais de mes fonctions et qui et qui vous
proposera très, très prochainement et et et pour les
personnes intéressées. Mais je pense que c'est, c'est important
tout ce qui est aussi référencement de vos pages et et
rédaction ASO notamment, voilà.
Bonjour, j'ai une petite question, est ce que une fois
Oui.
qu'on va pouvoir pratiquer la dès aujourd'hui sur ces pages
est ce qu'on a la possibilité d'avoir un contact en cas de de
blocage ou un ?
Quelqu'un vers qui se tournait, on se retrouve un peu face à
Alors tout à fait.
nous-mêmes quelque part.
Alors ? Eh bien débrouille-toi. Non, non pas du
tout. Non, non, j'allais conclure avec ça ce que je fais,
Merci.
c'est que dès que je clôture cette formation, je vous envoie
un mail dans ce mail, je vous envoie le lien vers cette
fameuse fabriqué web sur lequel vous avez tous les éléments.
Et également.
Il y a une assistance pour vous ici demandé assistance GLPI.
Et quand je vais dessus.
Vous avez la possibilité de demander alors soit la création
d'un projet web ou d'une page, et cetera. Vous devoir l'ajout
de fonctionnalités à votre site.
Donc ça, c'est tout ce qui est droit, éditoriaux, formation,
web, c'est bon pour vous. Et assistance bug et au niveau
d'assistance bug en fonction de ce que vous demandez et il y a
un pôle web qui est constitué de Jérôme Navarro, de Frédéric
Salmon et de Célia qui est ici présente parmi nous et en
fonction de de votre demande, l'un de voilà l'une des 3
personnes prend en charge.
Parfait, merci.
Et vous appuyez et vous accompagné dans la création,
dans l'élaboration de vos pages ou ou vraiment dans des buts
plus techniques. Voilà, je crois que Célia, on devra mettre à
jour aussi cette page là qui est assistance.
Parce que moi j'interviens vraiment tout en amont, dans
l'architecture et à la fin. Mais Célia prend le relais.
Et après ? Pour tout ce qui est beaucoup plus technique,
développement web.
Web design enfin, complexité, ça sera Jérôme et Frédéric Salmon,
voilà.
Voilà bon Ben c'était un plaisir de faire cette dernière
formation avec vous. Si vous avez encore des questions,
n'hésitez pas.
Et puis.
Et puis après, de toute façon, vous êtes accompagné au fur et à
mesure de vos pages, voilà.
Merci Hollande.
En plus.
Merci à vous, je vous souhaite une belle belle prise.
Merci beaucoup.
Merci au revoir.
Merci, merci.
Merci beaucoup, belle journée.
C'est merci.
Merci.
Merci au revoir.
Au revoir, bonne journée.
Bonne journée.