Doc équipe-web

Tableau de bord → Pages → Accueil, Horaires, Lieux, Tarifs → Annonce d’actu :

1. Modifier le contenu de la zone de Texte,
2. Sauvegarder les changements,
3. Vérifier l’affichage du contenu de l’ANNONCE D’ACTU sur la page d’accueil du site,
4. Se déconnecter.

Internet = Appareil Client, FAI, Adresse IP, Serveurs, TCP/IP, NDD, DNS, URL

• Vous reliez votre Appareil Client (ordinateur, tablette, smartphone) à Internet grâce à votre Fournisseur d’Accès Internet qui attribue à votre appareil une Adresse IP dite dynamique (ex : 92.184.97.76).
• Une fois relié à Internet, votre Appareil Client peut accéder à des Serveurs (mail, ftp, web, etc) qui ont eux aussi une Adresse IP dite fixe (ex : 188.130.25.23). Donc sur Internet, tous les Appareil Client et tous les Serveurs ont une Adresse IP.
• L’intelligence d’Internet réside dans son protocole TCP/IP. C’est grâce à ce protocole qu’un Appareil Client peut envoyer une requête à un Serveur qui à sont tour pourra répondre à l’Appareil Client.
• Pour nous faciliter la vie, les Serveurs ont un Nom De Domaine (ex : KINOMICHIPARIS13.FR).
• Le DNS (Domaine Name System) est le système qui permet de faire la conversion entre les Adresses IP et les Noms De Domaine. Internet est l’ensemble de ces Appareils Clients et des Serveurs qui s’échangent des données grâce à leur Adresse IP et au protocole TCP/IP.
• Enfin, chaque serveur et chaque contenu de chaque serveur est accessible par son URL (Uniform Ressource Locator) qui est composée de trois parties, par exemple https:// kinomichi.fr /une_page.html

Client-Serveur

• Votre ordinateur et/ou votre smartphone sont des clients // un site web est hébergé sur un serveur web, un « gros » ordinateur sur Internet.
• Votre logiciel de navigation web (ex : Firefox, Opéra, Safari) est un client web // le logiciel qui permet de répondre à votre navigateur (ex : Apache, Ngix, IIS) est un serveur web.
• Idem pour les clients mail / serveurs mail, application cliente Météo / serveur d’applications pour smartphone, etc.

Un site web

• Un serveur web peut héberger plusieurs sites web.
• Un site web contient des pages web, chacune accessibles par leur URL.
• Une page web contient :
  • du texte,
  • des liens,
  • des médias (image, audio, vidéo, pdf, etc),
  • des fonctions (formulaire de contact, blog, agenda, etc).
• Pour naviguer sur la plupart des pages web d’un site web et/ou de tous Internet, on clique :
  • dans des menus
  • et/ou sur des liens qui pointent vers les pages du même site ou qui pointent vers des pages sur d’autres site web.

Les CMS

• Content Managment Système = Système de Gestion de Contenu
• Les CMS sont des logiciels qui permettent à la fois de réaliser les contenants, les contenus, le thème et les menus, et il permet aussi d’afficher le site web pour les internautes.
• Un CMS est donc un outil accessible par deux interfaces (donc URL) : le site d’une part, et le tableau de bord pour gérer le contenu et le reste.
• Il existe des centaines de CMS. Nous utilisons un des plus populaires si ce n’est le plus populaire, un logiciel libre nommé WordPress.

Les contenants

• Le site web contient
• les pages web qui contiennent
• des blocs d’affichage des contenus.

Les contenus

• Les textes.
• Les images et autres médias (audio, vidéo, fichier, etc).
• Les fonctionnalités (menu, formulaire de saisie, blog, pop-up, etc)
• Un texte devrait être illustrée par une image. Une image devrait être légendée / commentée par du texte.

L’habillage, la présentation : le thème

• Les blocs d’affichage (entête, corps, barre latérale, pied de page, etc).
• Les styles (couleurs, formes, effet de mouvement, etc.
• Les fonctions (effets au survole de la souris, changement des contenant/contenus/style, etc)

Les menus et autres éléments de navigation

• Les menus permettent d’afficher les différentes pages du site web.
• Retour en haut de page, article suivant/précédant, sommaire, etc.
• Eléments de construction de la navigation dans le site et en partie de l’ergonomie du site.

Les titres

• Les titres permettent de structurer le contenu d’une page web.
• Il existe six niveaux de titre, du plus élevé (Titre 1) au plus bas (Titre 6).
• Il peut y avoir plusieurs paragraphes entre chaque titre.

Les paragraphes

• Un paragraphe se termine par la touche [Entrée].
• Il ne devrait jamais y avoir de paragraphe vide, c’est à dire faire [Entrée] deux fois sans saisir de texte entre les deux.

Les listes

• Chaque ligne d’une liste commence généralement pas une pastille (•) ou une lettre (a, b, c, etc) ou un nombre (1, 2, 3, etc).
• Pour saisir une liste, il suffit de sélectionner plusieurs paragraphes et d’appliquer la fonction liste dans la barre d’outils de l’éditeur.

Les liens

• Lien vers un autre site web
• Lien vers une autre page dans autre site web
• Lien vers une page du même site web
• Lien vers un élément de la même page
• Lien vers un média, sur un autre site web, sur le même site web

Les médias

• Un média peut-être une image, une vidéo, un audio, un fichier au format PDF ou autre format
• Le nom du fichier est constitué de deux parties (nom et extension) séparées par un point, ex : mon_document-4.pdf
  • il doit être écrit avec des caractères de base = idéalement sans majuscule, sans accent ni espace ni apostrophe ni parenthèse etc
  • donc uniquement avec les caractères de a à z, de 0 à 9, – et _

Pour découvrir les principes et les accès au savoir

• Avec quelqu’un qui connaît déjà c’est plus simple, plus rapide et plus fun 😉
• Avec des logiciels libres c’est plus simple, plus rapide et plus fun 😉
• Car ces logiciels sont développés suivant une méthode de contribution où les codes, les documentations, le partage des savoirs et l’entraide sont accessibles à tous, librement.
• Donc, un des arts majeurs du webmaster autonome c’est de savoir trouver la solution aux problèmes qu’il est rarement le premier à rencontrer !
• Alors avec des bonnes habitudes dès le début c’est plus simple, plus rapide et plus fun pour la suite 😉
• Avec une maquette et des sauvegardes c’est ok go pour tout tester / rater / recommencer / réussir dans tous les sens.
• Pour essayer un truc sur une page, pensez d’abord à la dupliquer et à faire vos essais sur le duplicata 🙂

Noter, partager, se référer, corriger, en utilisant l’outil tant qu’à faire 🙂

• Doc équipe-web est sur le site web lui-même.
• …

aaa

• …
• …

bbb

• …
• …