2. 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
3. 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
4. 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
5. 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
6. 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
7. 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
8. 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
9. 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
10. 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
11. 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
13. 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
14. 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
15. 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
16. 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
17. 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
18. 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
19. 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
20. 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
23. 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
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 & TIC).