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

J'aime, j'aide

Aidez Granny Geek en lui permettant de vous offrir des contenus libres !

Faites un don avec le moyen de paiement que vous voulez.

Granny Geek SAS étant une entreprise de l'économie sociale et solidaire, les dons ne sont pas déductibles des impôts.

En cliquant sur "Faire un don" ci-dessous vous serez redirigé vers la module de paiement

Envoyez vos chèques à l'ordre de "Granny Geek SAS" à l'adresse :

Granny Geek Sas

chez Caroline GOUZY
Lieu-dit Logis de Surimeau
Chemin de Tesson
79000 NIORT

Sans oublier de nous communiquer vos noms et adresse

Virement bancaire:

Identification Internationale (IBAN)
IBAN FR76 3000 3014 9500 0205 0260 995

Identification International de la Banque (BIC)
SOGEFRPP

N'oubliez pas de mentionner dans le motif de paiement :

Don Granny Geek de M ou Mme Votre nom

 

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 vidéo ?

Appelez-nous au 06 02 61 69 28

Envoyez  un email : sos@sos-grannygeek.com

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

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

Action du jour

Il n'y a pas d'actions geek aujourd'hui

Rencontres Geek

20/05/2021
  • Parenthèse numereek

    SPAM SPAM SPAM...
    Comment les repérer et les empêcher d'arriver ?

  • AGO GRANNY GEEK

    Rapport d'activité 2020 - Présentation des comptes 2020 - Présentation du budget 2021
    Création du comité ESS

L’agenda Geek

Catégories

Abonnez-vous au Petit bol d’air

Nous contacter

Re-dimensionner
Created by Alex Volkov