Formation Webmaster: Création de site Web Initiation + Approfondissement
ContenuFormation Webmaster: Création de site Web Initiation + Approfondissement.
Durée: 5 jours
Public: Tous
Pré-requis: Savoir naviguer sur le Web et utiliser les outils bureautiques (traitement de texte)
Objectifs: Comprendre ce qu'est un site Web et apprendre à en créer - découvrir toutes les notions fondamentales: HTML, CSS, pages dynamiques, référencement, création graphique
Référence: SIT273-F
Code CPF: Nous contacter
Programme:
Introduction.
Internet, le World Wide Web et les sites web
Vue d'ensemble fonctionnelle du web: HTTP, URL, serveur, navigateur ...
Présentation des langages et technologies des sites web: HTML,CSS, Web 2.0 ...
Comprendre l'histoire des sites Web.
Sites statiques
Sites dynamiques
Sites avec contribution (CMS, Blog, Forum, Wiki)
Evolution des sites dans le futur
Découvrir le HTML.
Aperçu du code HTML
Principes de fonctionnement
Présentation des principales balises
Attributs des balises HTML
Insertion de liens et d'images
Concevoir un site web.
Structure d'une page HTML, balises et attributs
Panorama des principales balises: titres, paragraphes, liens, images
Atelier pratique: création des premières pages en HTML
Donner du style à son site grâce aux CSS.
Principes des règles CSS: sélecteur, propriété et valeur
Associer un style à une balise HTML
Types de sélecteurs: balise, classe, ID, pseudo-classes
Principales propriétés CSS: texte, fond, bordure
Sélecteur de classe et identifiants
Atelier pratique: ajouter des styles à un site web
Créer un système de navigation de site Web.
Ergonomie d’un site Web
Création d'un menu
Atelier pratique: créer le gabarit d'un site de 5 à 10 pages
Incorporer des contenus.
Mise en forme de pages avec du texte seul
Mise en forme de pages avec du texte et des images
Création de tableaux
Création de signets
Atelier pratique: créer 5 à 10 pages à partir du gabarit précédent
Faire ses premiers pas avec le graphisme pour le web.
Les différents formats d'images
Présentation du logiciel Gimp
Manipulations élémentaires des images: format, dimension, recadrage
Atelier pratique: créer et ajouter une bannière sur un site Web
Transférer son site sur un serveur.
Qu'est-ce que le FTP?
Les autres techniques de mise en ligne de documents
Atelier pratique: mise en ligne du site réalisé précédemment
Comprendre ce qu'est un hébergeur.
Protocole de communication client/serveur
Caractéristiques d'un serveur
Présentation d'hébergeurs
Environnement (Linux, Windows)
Langages de programmation (PHP, JSP, ASP, autres)
Les outils pour le serveur (CMS, Blog, etc.)
Utiliser les formulaires.
Principes de l'interaction avec l'utilisateur
Zones de saisie
Cases à cocher
Boutons d'envoi
Atelier pratique: création d'un questionnaire en ligne
Découvrir PHP.
Présentation et historique
Notions de base en PHP
Atelier pratique: envoi des réponses aux questionnaires par mail avec PHP
Référencer son site Web.
Présentation des enjeux du référencement
Insertion des balises d’en-tête
Présentation des outils de recherche
Soumission dans les moteurs et annuaires
Aller plus loin avec les CSS.
Pseudo-classes
Dimensionnement, marges
Positionnement de calques
Comprendre quelques techniques d'habillage de page Web.
Habillage de boîtes
Fonds dégradés
Gestion des marges
Atelier pratique: mise en ouvre de techniques d'habillage sur un site
Bien organiser son site Web.
Cohérence visuelle du site
Inclusion PHP
Organisation des fichiers ressources
Atelier pratique: créer différentes pages sur un gabarit,
mettre à jour le gabarit sur l'ensemble du site
Découvrir les principes de base de l'ergonomie sur le Web.
La barre de navigation
Fil d'Ariane
Menu déroulant
Onglet
Utiliser Javascript.
Présentation de Javascript
Les évènements
Atelier pratique: incorporer un menu déroulant sur un site Web
Comprendre ce qu'est une base de données.
Présentation de MySQL
Présentation de PHPmyAdmin
Utilité d'une base de données pour un site Web
Conclusion de l'initiation.
Les compétences exigées par la création d'un site
Les technologies à employer en fonction du volume du site
Introduction à l'approfondissement.
Présentation d'outils usuels pour le Web
Rappels de HTML
Découvrir les outils standards et libres pour les sites Web.
Les CMS: présentation
Besoins pour l'installation, l'apprentissage, la manipulation, la maintenance d'un CMS typique
Tableau de bord
Autres outils: l'exemple du Blog
Atelier pratique: installation de Wordpress et manipulations variées
Gérer le contenu d'un site Web avec un CMS.
Rédiger, publier et modifier des articles
Éditeur de contenu: mode visuel et texte
Insertion d'élément multimédia
Création de pages
Créer un template graphique.
Présentation d'outils évolués pour la création graphique de site Web
Définition de la structure: arrière-plan, zones de contenus, en-tête, pied
Création des menus
Incorporation d'un template dans Wordpress
Atelier pratique: créer et incorporer un modèle Wordpress
Conduire un projet de création de sites web.
Bilan des étapes, technologies, besoins, etc.
Faire une analyse complète et une chronologie
Les acteurs du projet
Atelier pratique: conception et réalisation de votre site Web