P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet 1 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Agile : Méthode de gestion de projet basée sur l'humain, le fonctionnel, l'itératif et l'adaptabilité.
BDD : Bases De Données structurées.
CMS : Logiciel hautement paramétrable, facilitant la création de site web "sans" écriture de code.
CNIL : Commission nationale protégeant les droits des utilisateurs en terme de vie privée.
Cookies : Petit fichier stocké sur l'ordinateur client permettant de mémoriser des paramètres.
CSS : Langage de modification du design des pages web.
HTTP : Protocole d'échange entre l'ordinateur et le serveur traitant les demandes de pages web.
HTML : Langage d'affichage des pages web.
IP : Code individuel d'un ordinateur (Suite de nombres) permettant de le trouver dans un réseau.
JS : Langage de programmation coté client, pour améliorer l'ergonomie de la navigation.
NDD : Nom de domaine : Adresse principale d'un site internet se terminant par une extension.
PHP : Langage évolué coté serveur permettant la création de pages dynamiques.
Serveur : Ordinateur (souvent sans écran) dédié à stocker et servir les données demandées.
Session : Variables permettant de se souvenir de l'identité de l'utilisateur sur les différentes
pages d'un même site internet.
SQL : Langage d'interrogation des bases de données.
Template : Agencement des zones dans une page web.
Thème : Design spécifique d'une page web : template + contenu des entêtes + styles CSS.
UE : Unité d'Enseignement du CNAM. Exemple : NFA017.
URL : Suite de caractères identifiant une page web dans un répertoire d'un site internet précis.
2 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
FTP : Transfert
de fichiers
DHCP : lien entre PC
(adresse IP interne)
Protocoles IMAP
SMTP / POP
Protocoles IRC
messagerie
instantanée
Protocole HTTP :
World Wide Web
(sites Web)
DNS : lien entre IP
externes et URL
217.70.180.152 =
http://netpresta.fr
3 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Site institution, portail Site e-commerce Chaîne Vidéo Tutoriels, Wiki, forum
Réseau social Annuaire Site éditorial
etc …
4 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
HTML ? CSS ?
1. Des données d'information sur la page. X
2. Une structure du document. X
3. Un contenu (article). X
4. Une position des bloc (Template). X
5. Une mise en forme du texte. X
6. Une mise en forme des autres éléments. X
Sidebar
1 2
3
4
5
6
5 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Réseau d'amis
Visu Marques
Veille,
commentaires
Relations
pro.
Cercles
blog pro
Photos
durée limitée
PhotosPhotos
Infographies
Messages,
photos, sons
Blogger
avec amis
Visio
1.55 320300 100
400 100 555 900
WhatsApp
300
Skype
200 millions
de comptes actifs
Snapchat
Statistiques monde 01/2016 http://wearesocial.com/sg/special-reports/digital-2016
6 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Statistiques monde 01/2016
http://www.excelacom.com/resources/blog/2016
-update-what-happens-in-one-internet-minute
7 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Google
Chrome
Microsoft
Internet Explorer
Mozilla
FireFox
Apple
Safari
OperaParts de marché
(France 2014)
38%
18%
3%
15%
18%
8 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Serveur
d'application
ex: PHP
1 2
3
4 5
6
7
8
9
serveurs
DNS (ndd)
Serveur http.
Ex :
Apache
Servir les
pages html
Créer les pages
web dynamiques
Servir
les données
Niveau 0
Servir le site
demandé
9 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
http :// www . cnam.fr / formations / langages.php
Protocole
sous-domaine
Nom de
domaine
Fichier
ciblé
Répertoire (sur le serveur)
10 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Mise en forme,
mise en page
animations
Structure
Référencement
Ergonomie
Personnalisation,
développement
Bases de Données
Contenu (textes)
11 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
<img src = 'image.jpg' alt = 'chat' />Les Balises Ex :
Le code de base
HTML5 : web sémantique
12 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Les ajouts du CCS3
Responsive (Adaptation taille écran)
Ombres
Transitions
Dégradés
Colonnes
Transparence
Transformation (Déformation, rotation)
Coins arrondis
Animations
CCS Standard
Couleurs (Texte, fonds, liens)
Tailles (Polices, blocs, images)
Positions, marges et alignements
Bordures
Format des listes et tableaux
Chevauchements
Les formes de curseurs
Les sélecteurs (Classes, id, …)
13 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
* Manipulation de variables (locale, globale, constantes).
* Opérations avec les variables, caractères, dates.
* Les conditions et boucles (if, else, ternaire, switch, for, while).
* La factorisation et les fonctions.
* Les tableaux de variables.
* Le passage de paramètres (URL) à une autre page web, formulaires (get, post).
* Manipulation des répertoires et fichiers sur le serveur.
* Création de pages
* Gestion des sessions et cookies (sur le poste utilisateur).
* PHP et Base de donnée (BDD).
* Paramétrage , Sécurité (formulaires).
$a
+ - !
f()
14 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
CREATE (Créer)
DROP (Supprimer)
et DELETE (Vider)
ALTER
(Modifier les propriétés)
INSERT (Ajouter)
UPDATE (Mettre à jour),
SELECT (Sélectionner)
GRANT (Accorder des droits)
REVOKE (Retirer droits).
15 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
BDD : "cnam_nfa017"
client_id
client_nom
client_voiture
table : client
voiture_id
voiture_modele
voiture_commentaire
table : voiture
La Base de Donnée
Les tables (Les types d'objets)
Les champs (colonnes)
Les Enregistrements (lignes)
voiture_
id
voiture
_marque
voiture
_modèle
1 Renault Mégane
2 Peugeot 307
1e champ
2e champ
3e champ
16 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Site 1 - Page 1 (thème A)
header (région)
nav
(région)
footer
Site 1 - Page 2 (thème A)
header (région)
footer
nav
(région)
asidecontent
(région) bloc
n°1
Titre
texte texte
texte texte
image
contenu n°1
avec titre
texte et image
dans le bloc
n°1
bloc
n°2
vidéo
contenu n°2
avec uniquement
une vidéo
bloc
n°3 - article5 : lien1
- article6 : lien2
- article7 : lien3
contenu n°3
liste d'articles
avec des liens
Site 2 - Page 3 (thème B)
nav (région)
content (région)
bloc
n°1
bloc
n°2
bloc
n°3
bloc
n°4
bloc n°4
bloc
n°5
bloc
n°7
bloc
n°8
bloc n°9
bloc
n°5
bloc
n°6
Contenu / Bloc / Région / Page / Thème
17 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
E-commerce (Vente)Traditionnels (Editorial)
Content Mangement System :
Logiciels pour créer et gérer des sites Web
Joomla
18 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Polyvalence (Tout type de site web réalisable)
Évolutivité modulaire (+ de 26 000 modules dont e-commerce)
Pérennité (+ de 30 000 développeurs actifs)
Popularité croissante (+ de 1 million de site web)
Coût : gratuit (Logiciel libre).
Nombreux thèmes responsives (Mise en page compatible mobile)
Personnalisation possible des thèmes
Sécurité
Robustesse : Tient la montée en charge (nb. cnx simultanées)
Référencement
Framework (Possibilité de créer ses modules)
19 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Zone 1
Zone 2
Zone 1 et 2
Annonces payantes
11 positions (3+8)
Zone 4 Zone 4
service payant de Google :
Google Shopping
Zone 3 haut
Zone 3 bas
La zone 3 est réservée au
référencement naturel :
3 + 7 = 10 positions.
Ligne de flottaison
% de clic par zone (2013)
10% : Zone 1
2.5% : Zone 2
59% : zone 3 haut
25% : zone 3 bas
1.5% : zone 4
2% : 2e page et suivantes
Suggestions de recherches
complémentaires
20 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Le Contenu La Technique La Popularité
=> Les résultats
21 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Client
Fonctionnalités
Communication
Adaptation
22 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
Web : Les enjeux en cours et de demain
Le paiement et applications mobiles
Ergonomie, sécurité, connectivité, …
Les objets connectés pour
Faciliter le quotidien
Pour les endroits inaccessibles
Pour permettre le maintien à domicile
Les Big Data, Open Data et la sécurité associée
Pour mieux connaitre
Les clients,
Les populations
Les usages
Le Web sémantique
Compris par les moteurs de recherches
Côté développeur
Côté robots d'indexation
23 / 24
P.BOUQUET
maj. du 02/10/2016Vocabulaire Web
P.Bouquet
http://www.metiers.internet.gouv.fr/
24 / 24

Vocabulaire Web

  • 1.
  • 2.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Agile : Méthode de gestion de projet basée sur l'humain, le fonctionnel, l'itératif et l'adaptabilité. BDD : Bases De Données structurées. CMS : Logiciel hautement paramétrable, facilitant la création de site web "sans" écriture de code. CNIL : Commission nationale protégeant les droits des utilisateurs en terme de vie privée. Cookies : Petit fichier stocké sur l'ordinateur client permettant de mémoriser des paramètres. CSS : Langage de modification du design des pages web. HTTP : Protocole d'échange entre l'ordinateur et le serveur traitant les demandes de pages web. HTML : Langage d'affichage des pages web. IP : Code individuel d'un ordinateur (Suite de nombres) permettant de le trouver dans un réseau. JS : Langage de programmation coté client, pour améliorer l'ergonomie de la navigation. NDD : Nom de domaine : Adresse principale d'un site internet se terminant par une extension. PHP : Langage évolué coté serveur permettant la création de pages dynamiques. Serveur : Ordinateur (souvent sans écran) dédié à stocker et servir les données demandées. Session : Variables permettant de se souvenir de l'identité de l'utilisateur sur les différentes pages d'un même site internet. SQL : Langage d'interrogation des bases de données. Template : Agencement des zones dans une page web. Thème : Design spécifique d'une page web : template + contenu des entêtes + styles CSS. UE : Unité d'Enseignement du CNAM. Exemple : NFA017. URL : Suite de caractères identifiant une page web dans un répertoire d'un site internet précis. 2 / 24
  • 3.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet FTP : Transfert de fichiers DHCP : lien entre PC (adresse IP interne) Protocoles IMAP SMTP / POP Protocoles IRC messagerie instantanée Protocole HTTP : World Wide Web (sites Web) DNS : lien entre IP externes et URL 217.70.180.152 = http://netpresta.fr 3 / 24
  • 4.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Site institution, portail Site e-commerce Chaîne Vidéo Tutoriels, Wiki, forum Réseau social Annuaire Site éditorial etc … 4 / 24
  • 5.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet HTML ? CSS ? 1. Des données d'information sur la page. X 2. Une structure du document. X 3. Un contenu (article). X 4. Une position des bloc (Template). X 5. Une mise en forme du texte. X 6. Une mise en forme des autres éléments. X Sidebar 1 2 3 4 5 6 5 / 24
  • 6.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Réseau d'amis Visu Marques Veille, commentaires Relations pro. Cercles blog pro Photos durée limitée PhotosPhotos Infographies Messages, photos, sons Blogger avec amis Visio 1.55 320300 100 400 100 555 900 WhatsApp 300 Skype 200 millions de comptes actifs Snapchat Statistiques monde 01/2016 http://wearesocial.com/sg/special-reports/digital-2016 6 / 24
  • 7.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Statistiques monde 01/2016 http://www.excelacom.com/resources/blog/2016 -update-what-happens-in-one-internet-minute 7 / 24
  • 8.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Google Chrome Microsoft Internet Explorer Mozilla FireFox Apple Safari OperaParts de marché (France 2014) 38% 18% 3% 15% 18% 8 / 24
  • 9.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Serveur d'application ex: PHP 1 2 3 4 5 6 7 8 9 serveurs DNS (ndd) Serveur http. Ex : Apache Servir les pages html Créer les pages web dynamiques Servir les données Niveau 0 Servir le site demandé 9 / 24
  • 10.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet http :// www . cnam.fr / formations / langages.php Protocole sous-domaine Nom de domaine Fichier ciblé Répertoire (sur le serveur) 10 / 24
  • 11.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Mise en forme, mise en page animations Structure Référencement Ergonomie Personnalisation, développement Bases de Données Contenu (textes) 11 / 24
  • 12.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet <img src = 'image.jpg' alt = 'chat' />Les Balises Ex : Le code de base HTML5 : web sémantique 12 / 24
  • 13.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Les ajouts du CCS3 Responsive (Adaptation taille écran) Ombres Transitions Dégradés Colonnes Transparence Transformation (Déformation, rotation) Coins arrondis Animations CCS Standard Couleurs (Texte, fonds, liens) Tailles (Polices, blocs, images) Positions, marges et alignements Bordures Format des listes et tableaux Chevauchements Les formes de curseurs Les sélecteurs (Classes, id, …) 13 / 24
  • 14.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet * Manipulation de variables (locale, globale, constantes). * Opérations avec les variables, caractères, dates. * Les conditions et boucles (if, else, ternaire, switch, for, while). * La factorisation et les fonctions. * Les tableaux de variables. * Le passage de paramètres (URL) à une autre page web, formulaires (get, post). * Manipulation des répertoires et fichiers sur le serveur. * Création de pages * Gestion des sessions et cookies (sur le poste utilisateur). * PHP et Base de donnée (BDD). * Paramétrage , Sécurité (formulaires). $a + - ! f() 14 / 24
  • 15.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet CREATE (Créer) DROP (Supprimer) et DELETE (Vider) ALTER (Modifier les propriétés) INSERT (Ajouter) UPDATE (Mettre à jour), SELECT (Sélectionner) GRANT (Accorder des droits) REVOKE (Retirer droits). 15 / 24
  • 16.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet BDD : "cnam_nfa017" client_id client_nom client_voiture table : client voiture_id voiture_modele voiture_commentaire table : voiture La Base de Donnée Les tables (Les types d'objets) Les champs (colonnes) Les Enregistrements (lignes) voiture_ id voiture _marque voiture _modèle 1 Renault Mégane 2 Peugeot 307 1e champ 2e champ 3e champ 16 / 24
  • 17.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Site 1 - Page 1 (thème A) header (région) nav (région) footer Site 1 - Page 2 (thème A) header (région) footer nav (région) asidecontent (région) bloc n°1 Titre texte texte texte texte image contenu n°1 avec titre texte et image dans le bloc n°1 bloc n°2 vidéo contenu n°2 avec uniquement une vidéo bloc n°3 - article5 : lien1 - article6 : lien2 - article7 : lien3 contenu n°3 liste d'articles avec des liens Site 2 - Page 3 (thème B) nav (région) content (région) bloc n°1 bloc n°2 bloc n°3 bloc n°4 bloc n°4 bloc n°5 bloc n°7 bloc n°8 bloc n°9 bloc n°5 bloc n°6 Contenu / Bloc / Région / Page / Thème 17 / 24
  • 18.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet E-commerce (Vente)Traditionnels (Editorial) Content Mangement System : Logiciels pour créer et gérer des sites Web Joomla 18 / 24
  • 19.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Polyvalence (Tout type de site web réalisable) Évolutivité modulaire (+ de 26 000 modules dont e-commerce) Pérennité (+ de 30 000 développeurs actifs) Popularité croissante (+ de 1 million de site web) Coût : gratuit (Logiciel libre). Nombreux thèmes responsives (Mise en page compatible mobile) Personnalisation possible des thèmes Sécurité Robustesse : Tient la montée en charge (nb. cnx simultanées) Référencement Framework (Possibilité de créer ses modules) 19 / 24
  • 20.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Zone 1 Zone 2 Zone 1 et 2 Annonces payantes 11 positions (3+8) Zone 4 Zone 4 service payant de Google : Google Shopping Zone 3 haut Zone 3 bas La zone 3 est réservée au référencement naturel : 3 + 7 = 10 positions. Ligne de flottaison % de clic par zone (2013) 10% : Zone 1 2.5% : Zone 2 59% : zone 3 haut 25% : zone 3 bas 1.5% : zone 4 2% : 2e page et suivantes Suggestions de recherches complémentaires 20 / 24
  • 21.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Le Contenu La Technique La Popularité => Les résultats 21 / 24
  • 22.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Client Fonctionnalités Communication Adaptation 22 / 24
  • 23.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet Web : Les enjeux en cours et de demain Le paiement et applications mobiles Ergonomie, sécurité, connectivité, … Les objets connectés pour Faciliter le quotidien Pour les endroits inaccessibles Pour permettre le maintien à domicile Les Big Data, Open Data et la sécurité associée Pour mieux connaitre Les clients, Les populations Les usages Le Web sémantique Compris par les moteurs de recherches Côté développeur Côté robots d'indexation 23 / 24
  • 24.
    P.BOUQUET maj. du 02/10/2016VocabulaireWeb P.Bouquet http://www.metiers.internet.gouv.fr/ 24 / 24

Notes de l'éditeur

  • #3 Parcours Informatique Expérience web - Création 1er site internet en 2009. - Maintenance, dépannage depuis 2011. - Création de site avec gestion de contenu depuis 2012. Expérience informatique (depuis) - Bureautique (traitement de texte, tableur). - Bases de données (MS-Access). - Programmation (formules, macros). Formations - Diplôme Webmaster (CP09 - CNAM). - Formation réseaux sociaux. - Salons pro. (DrupalCamp, Drupagora). - Associatif (Webschool, Centre &amp; TIC).