Aperçu
Objectifs :
Comprendre les fondamentaux du web
Maîtriser l’environnement technique d’un site web
Réaliser un site web ergonomique à l’aide d’un éditeur de code HTML
Manipuler les outils d’exploitation, de référencement et d’analyse d’un site web
Passer le bloc 2 du BTS NDRC
Caractéristiques Formation
- Réf IFFP 2101182
- Lectures 0
- Quiz 0
- Durée 21 heures
- Participants 10752
- Certificat Oui
- Évaluations Self
Détails
LE PANORAMA D’UN SITE WEB
Qu’est-ce qu’un site Web ?
Les différents types de site (forum, blog, achats en ligne, espace collaboratif)
Le contenu d’un site web (textes, formulaires, tableaux, menus, liens hypertextes…)
Les contenus multimédias : images, vidéo, audio, animations Flash
Exemples de pages HTML basiques et de navigation
Les pages HTML statiques et les pages dynamiques
Le rôle du navigateur (Internet Explorer, Firefox)
Quel est le rôle du serveur web ?
Travaux pratiques : repérer les différents navigateurs sur son PC, rechercher des adresses IP ou des noms de domaines
LE DIALOGUE ENTRE LE CLIENT ET LE SERVEUR
La notion de protocole
Le protocole HTTP
Déposer des fichiers sur un serveur distant avec FTP
Mettre à jour un fichier avec FTP
L’hébergement et le nom de domaine
Hébergement mutualisé versus dédié
Choisir le nom de domaine
Comment louer le nom de domaine ?
L’hébergement DNS versus la redirection pour le nom de domaine
Développer chez soi, mettre en place chez les autres
Les différentes offres des hébergeurs (1and1, HostPapa, WebHostingPad, OVH…).
La qualité de service proposée
Parallèle entre le prix de l’hébergement et les fonctionnalités proposées
La responsabilité du contenu diffusé
Le respect de la charte (nétiquette)
Echanges
S’assurer de la bonne compréhension de l’installation technique d’un site web
Les éléments clés à prendre en compte lors du choix d’un hébergeur (tarifs, offres, fonctionnalités)
LE REFERENCEMENT NATUREL
Qu’est-ce que le référencement et le positionnement ?
L’utilisation des mots-clés
Les moteurs de recherche et les annuaires
Bien déclarer son site web sur les moteurs
Travaux pratiques : rechercher des mots-clés pertinents, utilisation de Google Keyword Tool (AddWords), vérifier le bon référencement de son site avec l’outil Google Webmaster ou un outil équivalent
EXPLOITATION ET STATISTIQUES
Outils de statistiques, services offerts par son hébergeur, autres solutions (Google Analytics, Alexa, WebRankInfo…)
Connaître le trafic, les visiteurs, les navigateurs utilisés…
Identifier les contenus pertinents
Outils d’administration de l’hébergement : CPanel ou autres outils propriétaires (OVH…)
Créer une sauvegarde de son site web
Comment effectuer la restauration ?
La mise à jour d’un site (FileZilla, Net2Ftp…)
Travaux pratiques : mettre en place des outils d’analyse, découverte de l’outil CPanel, créer une archive d’un site, supprimer puis restaurer ce site sur le serveur FTP
LA CREATION DU SITE
La conception et l’ergonomie
Notions d’ergonomie
Rédiger pour le web
Notion d’accessibilité
Exemples de sites mal conçus
Concevoir l’arborescence du site
Création de la maquette, de la charte graphique et des images du site.
Optimisation
Les standards en vigueur (W3C)
Les vidéos (récupération, coupe, ajout de son)
Travaux pratiques : concevoir l’organisation d’un site Web
LES EDITEURS DE TEXTE
Qu’est-ce qu’un éditeur de texte ?
Les applications qui éditent directement en langage HTML/XHTML
Les compétences requises pour les utiliser
Les plus connus (Notepad++, UltraEdit, etc.)
Les éditeurs Wysiwyg
Editer une page Web telle qu’elle apparaît dans les navigateurs courants
Les plus utilisés (Adobe Dreamweaver, Blue Griffon…)
Présentation de Blue Griffon
Ecrire sa première page Web en HTML
Présentation de l’HTML
Le principe des balises et attributs HTML
Mise en forme du texte et des paragraphes
Les feuilles de style CSS
Trouver des éléments CSS sur Internet
CSS3/HTML5
Travaux pratiques : se familiariser avec le HTML, écrire une page avec insertion d’images
SIMPLIFIER LA CREATION DE SITE AVEC BLUE GRIFFON
Installation et configuration de Blue Griffon
Présentation de l’interface graphique de Blue Griffon
Création et édition d’une page
Manipuler du texte, des listes, des images, des tableaux, des liens hypertextes
Mettre en place des formulaires
Les feuilles de style
Les modèles de pages web
La gestion de plusieurs sites
Travaux pratiques : création d’un formulaire à l’aide de Blue Griffon
INTEGRER DES SCRIPTS JAVASCRIPT
Qu’est-ce que le Javascript ?
Etendre les possibilités du HTML grâce à Javascript
Comment intégrer du Javascript dans une page web ?
La gestion des événements et le DOM
Le déclenchement automatique des événements
Comment trouver les scripts qui conviennent ?
Travaux pratiques : intégration de scripts dans une page