P.BOUQUET maj. du 21/02/2016. Vocabulaire Web

Transcription

1 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. 1 / 20

2 FTP / FTPS : Transfert de fichiers Protocoles IMAP SMTP / POP Protocoles IRC messagerie instantanée DNS : lien entre IP et URL DHCP : lien entre PC (adresse IP) Protocole HTTP : World Wide Web (sites Web) = 2 / 20

3 Site institution, portail Site e-commerce Chaîne Vidéo Tutoriels, Wiki, forum Réseau social Annuaire Site éditorial etc 3 / 20

4 1 2 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 (Template). X 5. Une mise en forme du texte. X 6. Une mise en forme des autres éléments. X Sidebar 4 / 20

5 Réseau d'amis Visu Marques Statistiques (Monde fin 2013) Cercles blog pro Veille, commentaires Relations pro. Vidéos tutos Photos Infographies Photos Vidéos Blogger avec amis Géolocalisation 5 / 20

6 Parts de marché (France 2014) Opera 3% Google Chrome 38% Mozilla FireFox 15% Microsoft Internet Explorer 18% Apple Safari 18% 6 / 20

7 Créer les pages web dynamiques Niveau serveurs DNS (ndd) 2 9 Serveur http. Ex : Apache 8 Serveur d'application ex: PHP 7 6 Servir le site demandé Servir les pages html Servir les données 7 / 20

8 Protocole Nom de domaine Fichier ciblé http :// www. cnam.fr / formations / langages.php sous-domaine Répertoire (sur le serveur) 8 / 20

9 Ergonomie Structure Référencement Personnalisation, développement Mise en forme, mise en page animations Bases de Données Contenu (textes) 9 / 20

10 Les Balises Ex : <img src = 'image.jpg' alt = 'chat' /> Le code de base HTML5 : web sémantique 10 / 20

11 CCS Standard Couleurs (Texte, fonds, liens) Tailles (Polices, s, images) Positions, marges et alignements Bordures Format des listes et tableaux Chevauchements Les formes de curseurs Les sélecteurs (Classes, id, ) Les ajouts du CCS3 Responsive (Adaptation taille écran) Ombres Transitions Dégradés Colonnes Transparence Transformation (Déformation, rotation) Coins arrondis Animations 11 / 20

12 * 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. f() $a + -! * 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). 12 / 20

13 CREATE (Créer) INSERT (Ajouter) DROP (Supprimer) et DELETE (Vider) UPDATE (Mettre à jour), SELECT (Sélectionner) ALTER (Modifier les propriétés) GRANT (Accorder des droits) REVOKE (Retirer droits). 13 / 20

14 BDD : "cnam_nfa017" table : client client_id client_nom client_voiture 1e champ 2e champ 3e champ La Base de Donnée Les tables (Les types d'objets) Les champs (colonnes) table : voiture voiture_id voiture_modele voiture_commentaire Les Enregistrements (lignes) voiture_ id voiture _marque voiture _modèle 1 Renault Mégane 2 Peugeot / 20

15 Contenu / Bloc / Région / Page / Thème Site 1 - Page 1 (thème A) header (région) Site 1 - Page 2 (thème A) header (région) n 4 nav (région) nav content aside (région) (région) n 5 n 1 footer n 5 n 6 footer n 7 n 8 n 9 n 2 n 3 Titre texte texte texte texte image contenu n 1 avec titre texte et image dans le n 1 - article5 : lien1 - article6 : lien2 - article7 : lien3 vidéo contenu n 3 liste d'articles avec des liens Site 2 - Page 3 (thème B) nav (région) content (région) n 1 n 3 contenu n 2 avec uniquement une vidéo n 2 n 4 15 / 20

16 Content Mangement System : Logiciels pour créer et gérer des sites Web Traditionnels (Editorial) E-commerce (Vente) Joomla 16 / 20

17 Polyvalence (Tout type de site web réalisable) Évolutivité modulaire (+ de modules dont e-commerce) Pérennité (+ de 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) 17 / 20

18 Zone 1 et 2 Annonces payantes 11 positions (3+8) La zone 3 est réservée au référencement naturel : = 10 positions. Ligne de flottaison Suggestions de recherches complémentaires Zone 1 Zone 3 haut Zone 3 bas Zone 4 Zone 4 service payant de Google : Zone 2 Google Shopping % 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 18 / 20

19 Le Contenu La Technique La Popularité => Les résultats 19 / 20

20 Client Fonctionnalités Communication Adaptation 20 / 20