La Parenthèse Numereek du 15 avril 2021 : Mais au fait comment ça fonctionne un site Internet ?

par | 16 avril 2021 | La parenthèse numereek

 

PRÉAMBULE

Sylvain nous a présenté les règles de base d’une visio-conférence comme couper le micro et lever la main pour parler. Sylvain, Zouina, Caroline et Florence se sont présentés.

INTRODUCTION

On commence en vous posant quelques questions. 

  • En général, visitez-vous des sites Internet différents ou toujours les mêmes ?
    • Plutôt des sites différents (55%)
    • Toujours les mêmes sites (36%)
    • Ça dépend des périodes (9%)
    • Je ne sais pas (0%)
  • Trouvez-vous la navigation sur Internet facile ? Vous repérez-vous facilement sur un site Internet ?
    • Oui (45%)
    • Non (0%)
    • Cela dépend des sites (55%)
    • Je ne sais pas (0%)
  • Connaissez-vous l’accessibilité sur les sites Internet ?
    • Oui (36%)
    • Non (27%)
    • Je ne sais pas (36%)
  • Effectuez-vous régulièrement des recherches sur les sites Internet que vous visitez ?
    • Oui (100%)
    • Non (0%)
    • Je ne sais pas (0%)

Tour d’horizon des sites Internet existants

Attention, certains sites ne seront pas forcément très accessibles car ils n’ont pas de certificats de sécurité ou possèdent des codes de développement obsolètes.

Les sites dit “moches” (design, navigation, compréhension) mais c’est subjectif
http://www.villardieres.com/
http://retraite.chez.com/
http://www.themostamazingwebsiteontheinternet.com/
https://www.arngren.net
https://www.angelfire.com/super/badwebs/

Les sites dit “beaux”, agréables à la navigation ou développés techniquement
https://experience.soletanche-bachy.com/fr/T219-metro-singapour
https://discoverylandco.com/
https://2019.makemepulse.com/
https://bruno-simon.com/
https://playdoh-lagaleriedesespeces.com/fr/
https://www.plk.fr

Et bien sûr, le meilleur pour la fin 🙂

Accueil

Le responsive ou l’adaptation d’un site sur tous les supports numériques

Responsive

La plupart des sites sont responsives actuellement sauf quelques cas rares

Voici un exemple (fait pour) d’un site non responsive

https://dequeuniversity.com/library/responsive/1-non-responsive

L’architecture des sites internet

Architecture du site :

largeur (rubriques proposées) et profondeur du site (ensemble des contenus des rubriques)

  • Page d’accueil (Retour sur cette page en cliquant généralement sur le logo)
  • Rubriques (grandes parties : qui sommes nous, services, contact)
  • Sous-rubriques, modules, articles, catégories (contenu même du site)

Un site en général s’arrête à 3 niveaux d’architecture sauf (site de e-commerce).

Les différentes parties d’un site

Architecture de la page :

  • Header (Entête) : partie haute avec logo, menu de navigation, informations de contact, langues, connexion à l’espace membre;
  • Content (Corps) : contenu de la page (article, informations, photo…)
  • Sidebar (Barre latérale) : pub, catégories de lecture, agenda, derniers articles
  • Footer (Pied de page) : menu, informations contact, mentions légales, politique de confidentialité, partenaire, cookies)

Les langages ou code de constructions

  • Les codes d’architecture (HTML /HyperText Markup Language)
  • Design (CSS / Cascading Style Sheets)
  • Moteur (PHP, javascript, python, C++, java…)

L’accessibilité sur un site internet

Qu’est-ce que l’accessibilité numérique ?

L’accessibilité est la problématique de rendre accessible à tout citoyen qu’il soit ou non en situation de handicap (visuel, auditif, moteur…) un site ou un service web.

Les concepteurs de site vont essayer de réduire ou de supprimer les obstacles qui pourraient empêcher l’accès à des fonctions ou à des contenus sur le web.

Voir la définition du Deeko du Geek

Combien de sites sont accessibles ?

4% des sites seulement sont accessibles actuellement, 12% seulement des sites d’Etat. Cf. RGAA (réglementation européenne)

Quelle est l’accessibilité possible ?

Audio, visuel, couleurs, grosseur des lettres, effets visuels qui peuvent être enlevés, liens soulignés

Exemple de sites accessibles

https://bakhtech.com/

https://www.facil-iti.fr/

Site de Granny Geek qui est accessible : voir la fiche pratique ICI.

Navigation sur un site Internet avec comme exemple le site Granny Geek

Présentation du Header ou entête de page

  • logo
  • menu
  • connexion
  • recherche
  • accessibilité
Header

Présentation du Content ou corps de page

  • partage
  • contenus (fixes, dynamiques)
  • barre latérale (son contenu)
  • Lecture d’un site en F

 

Présentation du Footer ou pied de page

  • menu
  • mentions légales
  • politique de confidentialité
  • plan du site
  • cookies
Footer

Questions/Réponses

  • Comment peut-on créer un site Web rapidement et facilement ?
  • Qu’est-ce que cela veut dire scroller ?
    • Faire défiler le contenu de la page avec la roulette de la souris ou le pad (pavé tactile)
  • Qu’entend-on par données personnelles ?
    • Nom, prénom, date de naissance, etc. Tout ce qui concerne votre profil. Par exemple, Facebook avec l’IA peut retrouver toutes vos données, etc.
  • Quand on refuse tous les cookies on reçoit plein de questions diverses sur ce qu’on accepte ou pas, qu’est-ce qui est risqué ?
    • Lisez bien les conditions qui s’affichent pour savoir ce que vous acceptez mais un cookie n’est pas toujours nocif
  • Quand on accepte un cookie, est-ce définitif ?
    • Non pas forcément. On peut effacer les données de navigation et à chaque fois qu’on se reconnecte on peut redéfinir si on accepte ou non les cookies.

Cf.

https://www.sos-grannygeek.com/deeko/lettre-c/cookie/

https://www.sos-grannygeek.com/rubreek/cookie-addict/

https://www.sos-grannygeek.com/mini-tutos/google-chrome-nettoyer-tous-ses-cookies/

https://www.sos-grannygeek.com/mini-tutos/mozilla-firefox-nettoyer-tous-ses-cookies/

https://www.sos-grannygeek.com/mini-tutos/edge-nettoyer-tous-ses-cookies/

  • Quelle est la définition du podcast ?
    • “Le podcasting, aussi appelé diffusion pour baladeur puis service audio à la demande en France, et baladodiffusion au Canada francophone, est un moyen de diffuser sur Internet des fichiers (audio, vidéo ou autres) appelés podcasts (aussi appelés audio ou audio à la demande (AAD) en France, et balados au Canada).” Cf. https://fr.wikipedia.org/wiki/Podcasting
  • Facil-iti fonctionne-t-il sur tous les sites ?
  • Sites étrangers de vente qui ne donnent aucun moyen de contact, aucune adresse, c’est problématique !
    • Cela dépend de la réglementation du pays du site, mais oui cela peut arriver, notamment pour les petits sites qui ne sont pas toujours au courant, mais c’est une obligation de mettre l’adresse, le numéro SIRET, etc., la CNIL peut leur tomber dessus en cas de non conformité, il faut faire attention avant de commander (faire des recherches sur les forums par exemple)
  • Pour les sites amateurs, y a t’il les mêmes obligations légales ?
    • C’est surtout par rapport aux RGPD, si vous récupérez des données via un formulaire de contact par exemple, sinon ce n’est pas nécessaire, les cookies techniques ne sont pas interdits, ce sont juste les cookies tiers, il faut avertir.
  • Suggestion pour une prochaine Parenthèse : l’utilisation de Google Earth, la saisie vocale, la lutte contre les spams et les arnaques

 

Conclusion

  • Si cette parenthèse vous a plu et que vous voulez nous soutenir, vous pouvez faire un don à Granny Geek ICI
  • Abonnez-vous à notre newsletter anti-morosité “Le petit bol d’air” ICI, naviguez sur notre site pour découvrir nos ressources, nos articles, nos fiches pratiques, notre Deeko du Geek qui recense plus de 250 termes du numérique, nos formations en ligne au B.a.-ba, etc.
  • Envoi du questionnaire de satisfaction
  • Bon appétit !

Écrivez-nous à sos@sos-grannygeek.com ou geeks@sos-grannygeek.com.

Granny Geek® vous conseille

  • Vérifiez que le site est bien sécurisé (https ou le petit cadenas)
  • Paramétrez vos cookies
  • Paramétrez l’accessibilité si vous en avez besoin

Vous avez besoin d'aide ?

 

Vous souhaitez des informations complémentaires concernant ce tutoriel, article ou cette fiche pratique ?

Appelez-nous au 04 89 41 92 29

Envoyez  un email : sos@sos-grannygeek.com

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée.

Mercredi - Sem. 40 0 5 Oct. Fleur JGibbeuse croissante

J’aime, J’aide !

Aidez Granny Geek en lui permettant de vous offrir des contenus libres. Faites un don en cliquant sur le logo ci-dessous

j'aime j'aide

Rencontres Geek

06/10/2022
  • Comité ESS

13/10/2022
  • Parenthèse Numereek

    Réalisez des vidéos et diaporamas sur mesure pour présenter vos activités sportives ou associatives, évènements familiaux et films de vacances. Inscription obligatoire ICI

Catégories

Abonnez-vous au Petit bol d'air

Nous contacter

L’agenda Geek

Aller au contenu principal