Nos domaines de formation :

Formation Développer un site Web, synthèse pratique

4,8 / 5
Stage pratique
Best
Durée : 4 jours
Réf : DSW
Prix  2018 : 2490 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Cycles certifiants
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Ce cours, très pratique, vous présentera l'ensemble des technologies Internet. Il vous expliquera le fonctionnement des services Web et des différents langages associés (HTML, CSS, JavaScript...) ainsi que les techniques graphiques, l'interrogation des bases de données et l'administration. Les exercices vous permettront d'appréhender d'une manière très concrète toutes les phases de la réalisation d'un site Web.

Objectifs pédagogiques

  • Comprendre les fondamentaux du Web
  • Maîtriser l'environnement technique d'un site Web
  • Réaliser un site Web ergonomique, accessible et bien référencé
  • Accéder aux données d'une base relationnelle
  • Administrer un site Web
PROGRAMME DE FORMATION

Les technologies du site Web

  • Les serveurs Web (Apache, IIS). Wampserver.
  • Comprendre le fonctionnement de base des protocoles TCP/IP, HTTP, FTP. Les URL. Les services réseaux complémentaires (DNS, DHCP, ...).
  • Achat et gestion du nom de domaine. Choisir un hébergeur. Architecture technique. Organisation.

Administration d'un site Web

  • Mise en oeuvre de l'ensemble des opérations d'administration effectuées par le webmaster.
  • Gestion des noms de domaine, transfert ftp.
  • Création de messages d'erreur personnalisés, gestion des fichiers journaux.
  • Suivi et analyse des statistiques.

Création de pages Web : HTML, XML, XHTML

  • Présentation des langages HTML, XHTML, HTML5. Différences entre les navigateurs.
  • Structure, liens, hypertexte.
  • Les images, les cadres. Les formats vectoriels.
  • La mise en page. Les feuilles de styles. Le langage CSS.
  • Tableaux et calques.
  • Techniques pour réussir son référencement sur les moteurs de recherche. Les méta-tags.
  • Définition et intégration de composants Plug-ins. Flash, Silverlight, Java, ActiveX.

Travaux pratiques
Réalisation de pages complexes HTML avec Dreamweaver. Création de feuilles de style, préparation de la page au référencement.

Les formulaires

  • Contraintes et avantages. Syntaxe, structure, champs de saisie, boutons, cases à cocher, listes, zones de texte, sélections de fichier.

Travaux pratiques
Réalisation d'un formulaire avec envoi des données vers la messagerie et une base de données.

Conception graphique et multimédia

  • Créer une charte graphique. Intégrer une charte graphique.
  • Mise en oeuvre d'outils graphiques pour concevoir une interface évoluée.
  • Développement d'animations avec Flash.
  • Les ressources graphiques GIF, JPEG, PNG. Utiliser Photoshop ou Gimp.

Travaux pratiques
Conception d'un modèle de page HTML avec Fireworks, composant Flash. Intégration de plug-ins multimédias pour visualiser des composants Flash, Shockwave.

Ergonomie et accessibilité d'une application Web

  • Charte graphique. Règles d'usability. Ecueils graphiques à éviter pour faire un site efficace (navigation, mise en page, contraintes techniques). Modèles de pages.
  • Accessibilité. Norme. Impact sur le développement. Mettre en conformité un site Web. Outils de test et de validation en ligne.

Travaux pratiques
Définir le cahier des charges de la charte graphique. Mise en oeuvre d'outils de test et audit pour l'accessibilité.

Pages dynamiques

  • Différence entre serveur Web et serveur d'application.
  • Mode de fonctionnement, sécurité. Les méthodes GET et POST. Les variables serveur.
  • Les serveurs Web du marché.
  • Les langages de scripts serveur et leurs plateformes de développement : ASP, ASPX, JSP, PHP.
  • Appel de services Web.
  • Intégration de requêtes SQL dans la page pour insérer, supprimer, modifier des données de la base.

Travaux pratiques
Développer des pages dynamiques, interrogation d'une base de données, de services web.

Les technologies côté client

  • Les technologies d'interfaces graphiques : HTML5, XAML, Flex.
  • Présentation et mise en oeuvre de solutions Rich Internet Application (RIA) et Rich Desktop Application (RDA).
  • Présentation des solutions Adobe AIR, Microsoft SilverLight, Framework Google.

Travaux pratiques
Démonstration et mise en oeuvre de ces multiples technologies.

Initiation au langage JavaScript et au DHTML

  • Syntaxe du langage. Contrôles de saisie d'un formulaire.
  • DOM et Ajax.
  • Présentation Ecmascript et émergence du langage Actionscript.
  • Présentation des offres du marché à base de Javascript (Google API, Widgets...).
  • Récupérer, savoir débuguer vos programmes.

Travaux pratiques
Utilisation du JavaScript pour ajouter des effets DHTML et des contrôles sur formulaire, gestion d'événements en JavaScript Intégration de scripts existants.

Cycles certifiants
Participants / Prérequis

» Participants

Développeurs et chefs de projets Web.

» Prérequis

Connaissances de base en architectures techniques.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
Pauline D. 15/05/2018
5 / 5
Petits déj, cafés, gouter, déjeuner offert : génial

Carole L. 16/01/2018
5 / 5
Très bien organisé. Le déjeuner est prévu, pas besoin d'aller au centre commercial ou c'est très long pour déjeuner. Les pauses sont agréables viennoiseries et en-cas à volonté.

Rino C. 16/01/2018
5 / 5
attention aux chaines qui font mal au dos

NORAY D. 14/11/2017
4 / 5
Très bonnes conditions de travail en général.
Avis client 4,8 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.