Spécificités de la formation

Durée
Durée non renseignée
Prix
1 700 € HT
Sanction
Attestation
Mode(s)
Inter entreprise Intra entreprise A distance

Zone géographique de la formation


Département(s) disponible(s)

Objectifs de la formation

Ce cours permet de découvrir les outils et technologies nécessaires à la création de site web, des notions de référencement, d'hébergement, de mise en ligne.
Le cours se termine par la découverte du langage de programmation PHP, d'une présentation du système de gestion de base de données MySQL et du CMS Wordpress.

Programme de la formation

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

Présentation des principales balises
Insertion de liens et d'images
Structure d'une page HTML, balises et attributs
Panorama des principales balises : titres, paragraphes, liens, images
Création de tableaux

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

Aller plus loin avec les CSS

Pseudo-classes
Dimensionnement, marges
Positionnement de calques

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

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

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

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.)

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

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

Utiliser les formulaires

Principes de l'interaction avec l'utilisateur
Zones de saisie
Cases à cocher
Boutons d'envoi

Atelier pratique : création d'un formulaire de contact

Découvrir PHP

Présentation et historique
Notions de base en PHP

Atelier pratique : récupérer et afficher les données d'un formulaire

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

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

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

Atelier pratique : Modifier les paramètres de personnalisation

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

Passage de la certification (si demandé par le stagiaire)

Afficher tout le programme