Créer un site web sans être développeur
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
Programme
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 ?
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).
Le référencement 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.
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...).
La création 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).
Les éditeurs 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.
Simplifier la création 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.
Intégrer 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 ?
Please login to get access to the quiz
Back to Gestion de contenu : Synthèse