HTML et PHP - Création de sites web

Référence : PAO-CREA-WEB-SV

Créez votre site Web de toutes pièces, des images aux pages HTML puis dynamiser le avec PHP. Stockez des informations dans une base de données MySQL. Cette formation vous initiera à tous les outils nécessaires à la création de votre site.

Infos pratiques

  • Durée : 5 jours soit 35 heures
  • Population visée : Ouvrier – Employé – Employé qualifié – Cadre – Cadre supérieur
  • Public concerné : Toute personne souhaitant créer un site web

Programme

Objectifs pédagogiques

A l’issue de cette formation, l’apprenant sera capable de :

  • Créer un site internet dynamique en PHP en utilisant Dreamweaver
  • Savoir traiter ses images pour le web
  • Créer des petites animations simples en gif avec Photoshop
  • Optimiser son site pour le référencement

Pré-requis

  • Connaissance de l’environnement Windows
  • Avoir des notions en HTML

Objectifs opérationnels et contenu de la formation

Maîtriser les notions de base du web

  • Le Web et les adresses Web (URL)
  • L’hébergement
  • Les contraintes du web : plateformes, navigateur, écran…
  • Les images pour le web
  • L’approche du référencement
  • L’accessibilité

PHOTOSHOP BASE ORIENTE WEB

Maîtriser les notions de base de l’image numérique

  • Le pixel, la résolution d’une image ppp
  • Principes généraux de l’acquisition

Se repérer dans le logiciel

  • L’interface de Photoshop
  • Explorateur de fichiers
  • Les différents formats d’images
  • Les différents modes de traitement
  • Configuration des préférences
  • Utilisation de l’historique
  • Utilisation de l’explorateur de documents

Naviguer dans le logiciel

  • Utiliser la palette navigation pour circuler dans une/ou plusieurs images
  • Les modes d’affichages et leur différence

Sélectionner et détourer

  • Présentation et utilisation des outils de sélection
  • Outils de sélection magnétique
  • Copier une sélection dans un nouveau document
  • Manipulation et opération sur les sélections
  • Mémoriser une sélection
  • Détourage vectoriel avec l’outil plume

Préparer l’image

  • Numérisation d’une image/ récupération à partir d’un APN
  • Recadrage de l’image, agir sur la taille de la zone de travail

Corriger la colorimétrie de l’image

  • Outils automatiques : corrections de niveaux automatiques…
  • Niveaux, Courbes, Balance, contraste, luminosité
  • Correction sélective, Remplacement de couleur
  • Négatif, isohélie

Utiliser les outils de dessins

  • Outils pinceau, crayon, aérographes
  • Choix des formes et utilisation des formes prédéfinies
  • Utilisation du nuancier de couleur (sélecteur, nuancier pantone)
  • Création et enregistrement de dégradé
  • Manipulation des dessins vectoriels

Retoucher une image

  • Outil de retouche "maquillage"
  • Outil correcteur, outil pièce, outil de remplacement de couleur
  • Tampon de duplication, tampon de motif
  • Goutte d’eau, outil de netteté, Outil doigt

Gérer la palette des calques

  • Création, duplication, suppression, déplacement d’un calque
  • Fusionner les calques (calques visibles, calques liés, aplatir l’image)
  • Créer un groupe de calque
  • L’outil Composition de calques : création d’une nouvelle composition de calques,
  • Dupliquer une composition de calques, supprimer une composition de calques

Utiliser le texte

  • Modification du texte, formatage et effet de déformation
  • Ecrire du texte sur un tracé de forme
  • Pixelliser le texte
  • Utilisation des effets de calques
  • Ajout d’ombre portée sur un calque
  • Ajout d’effets de biseautage et d’estampage
  • Ajout d’effet de motif, de texture, de dégradé

Utiliser les filtres

  • Les catégories
  • Utilisation de la galerie de filtres

DREAMWEAVER

Maîtriser les notions de bases en HTML : rappels

  • Les principales balises html
    • Balises de structures
    • Balises de mise forme
  • Insertion d'image
  • Construction de tableau
  • Création de lien hypertexte
  • Création de lien de messagerie

Gérer un site web

  • Le site Web et sa gestion
  • L’organisation du travail

Anticiper les problèmes de compatibilité

  • Structure de documents, HTML, les styles et leur utilisation avec XHTML

Concevoir des pages Web

  • L’insertion des éléments
  • Le travail sur les textes
  • Les liens hypertextes
  • Le travail sur les tableaux et les images
  • Récupération de données tabulaires
  • Gestion du site
  • Paramétrage
  • Publication FTP

Utiliser les outils avancés

  • Les feuilles de style CSS
  • La gestion des liens
  • Les formulaires (initiation)
  • Le principe des pages Web dynamiques

Mettre en pratique

  • Créer, modifier, contrôler et maintenir un site avec DREAMWEAVER
  • Créer des pages Web intégrant texte et images
  • Mettre en œuvre les différents types de liens
  • Réaliser un formulaire simple
  • Gérer la compatibilité pour les navigateurs
  • Travailler avec les feuilles de styles CSS
  • Réaliser un site et le publier avec FTP

PHP – MYSQL

Préparer son environnement de travail : Introduction à PHP

  • Installation du serveur et configuration
  • Présentation générale de PHP
  • Fichiers PHP. Les ‘Include’

Maîtriser la syntaxe PHP

  • Les constantes et les variables
  • Types de données et portée
  • Les opérateurs.
  • Les structures conditionnelles
  • Les structures de boucle

Créer des formulaires HTML

  • Création d’un formulaire : les contrôles
  • Valider, récupérer et traiter les éléments du formulaire
  • Créer et envoyer des courriers électroniques

Publier le contenu d’une base de données

  • Utiliser PHPMyAdmin pour créer et gérer une base de données MySQL
  • Se connecter à une base de données avec PHP
  • Récupérer et afficher des données : instructions SQL
  • Modifier le contenu d’une base de données

Gérer la persistance de l’application

  • Les variables de session et d’environnement
  • Les cookies

Méthodes et moyens

Explications théoriques suivies de pratiques guidées puis mises en autonomie

  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Méthodes d’évaluation des acquis

  • Exercices de synthèse et d’évaluation
  • Evaluation de fin de stage

Profil formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Support stagiaire

  • Support papier ou électronique (dématérialisé)
  • Les exercices d’accompagnement peuvent être récupérés sur clef USB