Comment publier des informations sur le site web ?
L'objet de notre atelier est l'apprentissage de la publication d'articles sur le site web.
Pré-requis
-
s'être enregistré et avoir été "promu" rédacteur par un administrateur
-
se connecter avec son nom d'utilisateur (ex : PrenomN) et son mot de passe
Le menu "Rédacteurs"
![](/images/stories/articles/LaurentG/Menu-rdacteur.png)
Le menu rédacteur présente un lien "Créer un article" permettant l'ajout d'un nouvel article.
Ecrire un article
Pour écrire un nouvel article, cliquez sur "Créer un article" du menu rédacteurs.
Une page s'affiche avec des zones distinctes.
La zone éditeur :
![](/images/stories/articles/Laurent Geindreau/13-12-2017_20-44-40.png)
L'éditeur spécialisé donne accès :
-
au titre de l'article
-
à la barre d'outils de personnalisation
-
à la zone d'édition de contenu
-
une zone d'options
C'est dans la zone de contenu que vous allez développer votre article en le mettant en forme comme dans un traitement de texte :
Je fais des titres ![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAAZCAIAAAC6rIv8AAADAElEQVRoge2aXW6rMBCFu0CzmFlKZiOwDuz+RKgqD770oUDYQIjIg+c+GNtgSANp2oSWo0p1J2PX8ZczDpgHIiKisizlqrtXWZZk9EBEUsrj8dgsVsud/NyZH49HKWVLTkrZNA2tWoiaptHwHm49k/NSSlVVlaZp8veUpmlVVUopb03yPF8AuaqqpJR1Xd96ItdUkiRT0vb7fZZlVVV58be3twWQS9P0l2GjyeSIqK7rNE294Ovr6wLITX+TC9KsNzVMTpLkHLkiBOYEYTF3ijNUhIB8GF7JDZO32+0kcpuYlGp/vk1FCIxNJFdGEAQBCiIigUEAUTnsdyWVEZh/dUV9kdzLy8skchj3gxytC81Sc2QMEEHHdC9Ea9UQfde6MSAsutYe+PokOb2ef5Lc09PTrGqJ3EQgLJQiFaOJcmSMQZhra+peyJWiPARm8nNrK45tcoyaldJ9Nnxo61PkAABFn5zAwMistcAgAMSWtMaAJg2iyDVL8sbQoUWTc9XSmlCvr+Kb1iQcGWMb7vUiIoqRmbaBTqRI5e4z4T4Rc6olRhGgcOQ0Tg1AYNeSDkunzOqmT0dgG+oPe2/khBCzq2U/wLFDztW5bpJ2VW7DtjhCmBvXxnQJOUECtWsgKr0VtgvvGHY7mpS23YVuSrEx7k+RC/r6PPkScrrktZC4pXKOXGHDEBbaoRibYnwxORIIAGfJuW3QJ9e+Ysk5hJbrD3puFNto8kXkqDWK1iYmRTSXnCuViKbeUryZ9w3FFcPxaulVPa/jOLk+r58mR0RDbKPJE8jR2MWAchcJ9iUvzf1pNkivrQaDnLrw+JRcfx879Q1lMjlXKhFHq/C19MV97vHxcb2Hcht9kdzz8/NK7jb6/ivxO9BK7qK7X3eg9axgeFYw4Y7zHWi322VZ9svgTSRX1/X7+/vwfG4ZpzzrmfjwTPzj42N9DmVh6j2HIqU8HA77xaqu61tP4ULNnfnhcHDPfulfei+x+jembJq8/LODjMandBnN+d0z3+121nz/ATpn4piMMUfdAAAAAElFTkSuQmCCAA==)
J'écris du texte en gras , italique, souligné, de différentes tailles
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAZCAIAAADCE4VdAAABu0lEQVRYhe2YS5KDIBCGPSAchqOEi8g51B0bFg7ZKOECUjVZwCwkEZAxJKOYlPOvWqrt6q/6kWDRHlXF90fper2uFaowR1VWcq21lJIxRvcTY0xKqbXOSi6lbNtWKbVFcEppitswDJxzKWVWcsbYRtgmmdwYo5RijGUlT09u6+CU0jt5XyIQCJV9+EZfIgBwHTPWTu5ZvUxutDZaG11hAFDZ2ce57PkIXDnGq8k1GFrhxjkWBEGIiHgGJtnXJ7cayW/FrrHfAEGpA/LJO94FkeQabJEFQQ67IAjCHclrDFDZ3RuhjwH7xqlyGmc2K0vJuTUWBCGM96y5Nrqbxj9e6psx3xPzsi8k54ALgiBudu32vkR25isMFkt9I58WRHRN/Jpcg6HLjYhYY86hryfIa4/3AbnpRnRvGySRjzNtR9wO+KRk+GjwKPZj8qnVMT6NpwvkxraG3Yedmf8yxJJzyu1ptW6fY5s4+dio9ycddu+CYVzntOSCEjuk+ed8S73pP5kM+iffP3hu8uPe1S6XC+d83/u5Uup8Pue+nx/3m8xbqRg+SkqptUIVXzHxNAX+D4NEz1Neifr8MfMfHvx8Ge5Co28AAAAASUVORK5CYIIA)
indenté
justifié ![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAZCAIAAACJu1awAAACdUlEQVRoge2ZP2vbQBiH7/MVuhRM1gyZSunQD9AtLVpCCElx4iVQQ/7Zg5uGZFCJnAy25bvTifPp7PM5BCSsPYkR8pIOoo7SGluynNpEenjB6JV54R79EPYdePxDv9+XUnZEVynClXX9zefmzLWyrn/9DjuiK1NDv98fmQTBh5RyOBz6vr931nu/QzfL+v5F7UDVD9XG0S89Yh2qjQNV37+obZb1D9/o3lnPTw3D4VBK+eRUSun7fnC9tsV3fxqVa3yFWnWTNUi8qpvsCrUq13j3FK9t8cc04ft+oBU4jhO+kVOsotqsQkpa3OId3haxyuId0uJVSItqM6dYC1rdInEcB3D+LE05xTq+hDXCrLYQoiti07XaokbY8SVMp1POOWCMhVs5xSppqE4Yb8f3KYQQgrdFnbCShtLplDEGKKXhVk6xylXcCDl9G5mR0wZh5Soe6zT6tCgLWMJplFJgmuZkpzPkdILTV49pmoAQEm7FzelsTpNn6iVmziWnhBCAMQ63spwmBGM83Wn0pxfF6VyysMzTMMYAQjjZaZbTWEAIpzud/MRmc5o8Uy8xcy45jeQ0y2ks5pDTMFGcziULyzwNQggQQpOdZjmNBUIIGIYRbmXv04Q5NQxj+m/+LKexIISM+W+a7aEkwTTNMXso2V5fEiilY/b6sj3pJDDGgG3b4da8zk7yP1J3dhJg2/bf51GF89uPebZdQUW1eaLhkobKVRyxSho60XBRbW5X0KeCVTi/Xejq/jdP51HBtZTS87zBYHB3/5A/7a5u0HdfZq/VDbpTEXf3D4PU4Hnes3PTANd1b0L0xnETjX+//+qnua47MvkbjI+uRIxdFnUAAAAASUVORK5CYIIA)
-
des listes avec puces
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAZCAIAAAAwr9D4AAABOUlEQVRIic2VMWuEMBiG8wezZ3Nre+Bym9zUdrvjwMWtSy2d7geca65ww0E0igTlSA9EUQSPA6GIt6SDvVKKQ6rk6LNkeZOH5Eu+AHEhz3OuBtAJOOfn87lVA+gEbdsKZYAsy9St/uWIoki5gzGm3BGGoUyOJi1mNU2GlA0EQSCTw6w2nRKzWggRx/Hzy+vTBcuyLMuaL5bzxbLf4fu+jGPUPjzPGzDt/zkIITI5mrRretrta4WONT2ZTrnaHoUQhJCuwvcPj4YxM4zZVNenun5zdzvKsdvXq+2xu1d/RdYxBuC6rnIHpVQmh1lt42rgWUm+QRtXplPauBJCbN42XYUnmjbRNIQQQghCCCHsd8j3kuH7kOyJY7hKb0/TVLlDXOE/7wbOedM0H2oA37aiKA4/eO/jIMev/CdGpUMw8t8MLgAAAABJRU5ErkJgggA=)
-
ou numérotées
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAIAAACgvKk3AAAA2UlEQVQ4jeXRMQuCQBjGcb/g7bfdVgm3uB1O1aY43tZS0RTNrlnQZjgJDnWfIPGUEhvEhpeiwcHkJYj+3OAgPx5P44SacUfNaFD7RU6XdRAXaFwQF5gciPCQJMl8uZo9k1JKKR3Xc1zvs3U9Bn7lV2yjqx9luqxxuKZpdFlvjhqHS/PqZYVhCBc/nkyFsIWwLc4tzgejYVdufUjh4KzrXTu3CC5wcDgQ07xC49K8gnW7/Q4u3mTMZIxSSiklhBBCunLwpX6Uoa3r139xN9QMpZRS6tyW6tb7+w8yG0hHt/4yegAAAABJRU5ErkJgggA=)
de couleurs multiples et surlignées ![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAZCAIAAADlvQS1AAADW0lEQVRYhe2WT2/aWBTF+YJddjbzFbrpehajligSaiUripKqUyEBWaCQlw0kWEkqx50RiyfmxZEqQ2OBMQYmseUn2288jvnjehZ34iGZEIJp1QrN0d0Z7vHP595np1qrotRwVZSKVkWrTjIcf640vLgQcRBxqBt8QeNJGAltX2j7UndYaXhYYUs2nJnJhTmpNLwLc3JhThBxNOvzkk7/FZAIbR8RZzhetv9MkkrDA49KwyvUbS8YL+l0R5oZVBqeKDPIvNkfxSNQlewEDe8ngdARccCvULdbl36hbm+KVlx50UqMAdMrtP3zjivKDBEHK+ylYGxhm+ONUo1+GZKrP/+x0cxAMwNRZoW63eyPSjUKZlvYzotWGSfxA0EUVckuYyrKrIzpqeRxvLEpWhxvaGaShbyHBBFH6g6Ftg/pN/ujQt2mbpAXrZeCAX6lGp2ECTGa/REiTlWyHT+kblCq0bxocbwByawj2mv93qm97p3t6EdrbhcnIZmEEVaY0PYLdRsrDCusKtmVhleq0VPJgwcmdYccbywzWrDlosyiKDrvuGVM486izPYOTujHotvF0dB0u1g/WktCMrCuYcXjfAfWNTwzSKPZH2GFcbzx5nAQ/+vJbS1EFYahKDOON6Dn3sEJ03dDlwBM6JJPx9uPdLlFAhiIOLADrUs/L1rgtHmzGOcd9w7JtM1CGFEUDaxrjjdy73uaGfjdFtN3o5Hsa1lfy3Zqrz8db4+9f8+xh13mv+NjEo431hFdR5TjjXdl0/FvLUoCDKywN4eDdUSrkh26xNey0UgeX2XGVxlfy+pHa9MYc13mkLQufQCAw6oq2e/KJscbG/v6wLpe9NanNQmjUo1uV12ON45PBEhjGiNw+ws1nEOSe9+DAz5+B2OFZYr6xr5u2EkPr9tyu7h3tgMYEf1lVhpzNZOkdemXMYVxwgqDM9eww71f/8gU9UxRP5W8ZQBA/YuD3tmOSg6dzqsHhuoxmkkCDFAb+zpkAgw/5cwXOfVFTk1OcCOC0tHQ1I/W6rs/EpQmKL3oUMX6Jl/1T+LKbv1MPxaZvktQ+sPbp1Hnh+mrN/UofWOS58+efXj7lKC09tvz+xi+d5Kvov9Jvj+l/loVpVRVVVW1fZ/Ux+nO7x9o8lVd/gYYnGzA7ETrggAAAABJRU5ErkJgggA=)
etc ...
J'insère aussi des images :
Je pose mon curseur sur la ligne où je souhaite avoir mon image puis je clique sur ![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAZCAIAAABGlWJzAAACA0lEQVRIibXV32vaQAAH8Py1PvUPEPoyaF5G3yw+VFM2EBlLl1AO01D3o26pKQmJp/irDTejRuKTloxocvqQPdwWxMVLmfrlC3m48Lnjwl2Y6G9c10WHDkNohNBqtcKHDkNojHF0hDCTyeQY7h+93+9Thq3R/MEYyPpQqtu7Kj8iazRP1rvdLkV/aCLP+xUEQYhxYr0l9pb4qzZM1tvtNkWX9WEQBECb3WhOWVOqPVG1gWqDak8sAPXqs/X+i+Mtsazv0FutFkWX6naI8S18uTZMQleeLkiBzheAmqI3m83X6GVN2aQ/NN9Wni6KvFT67tL0RqNB1/1wTfRqTyQuqQjzRJ954b462ZlNvaQUC0C9/kHVDcNI1e+hL+vDsqaIME9aUopFXhJq3X11b4nvoX8LX24056PwJq5Q6wJtxtdn++qXtVNScHU2vmPHd6z56eyydpoTWE7O5QQ2J7DVnvg/uh+uO24r7uS5YqnvOm4L6HxJKao2sOdQhPlz6QTo/LZummbq2jf1uDmBJScriiLyMbJcZluHEFL0byZaLBZ+uN5qiHGWyxCaRLVBgk4/TdZornXGsj6UH9FWs1yGLJm2dvpNQAnQ+XPpRIR51QY7951+i6VOkOUypP/SUeoNvGcYx3GOqEdH/a+SB0IoCILFocPE80yn08FGfiZl8LrE7/8GNwRW2T2drx0AAAAASUVORK5CYIIA)
--> La fenêtre Explorateur de fichiers s'ouvre :
![](/images/stories/articles/Laurent Geindreau/13-12-2017_21-35-44.png)
--> La fenêtre Propritétés de l'image s'ouvre :
![](/images/stories/articles/Laurent Geindreau/13-12-2017_21-44-02(1).png)
Et voilà mon image :
![](/images/stories/articles/Laurent Geindreau/asteroide-interstellaire-oumuamua_5979988.jpg)
Si je souhaite revenir aux propriétés de l'image, je clique avec le bouton de droite sur l'image :
![](/images/stories/articles/Laurent Geindreau/13-12-2017_22-08-10.png)