> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Développer un site Web, synthèse pratique > Formations > Technologies numériques > Formation Développer un site Web, synthèse pratique
Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

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

Développer un site Web, synthèse pratique



Formation référencée dans le catalogue Clé en main d’un OPCO Formation Blended
Formation éligible au financement Afdas

Vous découvrirez l'ensemble des technologies internet. Vous connaitrez 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 toutes les phases de la réalisation d'un site Web.


INTER
INTRA
SUR MESURE

Cours pratique en présentiel ou à distance
Disponible en anglais, à la demande

Réf. DSW
  4j - 28h00
Prix : 2540 € H.T.
Pauses-café et
déjeuners offerts
Financements
En option :
Dynamique.Model.Bean_FormationOption
Blended : 190 € HT

Télécharger le programme

Partager cette formation




Vous découvrirez l'ensemble des technologies internet. Vous connaitrez 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 toutes les phases de la réalisation d'un site Web.


Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
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

Public concerné
Développeurs et chefs de projets Web.

Prérequis
Connaissances de base en architectures techniques.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Méthodes et moyens pédagogiques
Travaux pratiques
Réalisation de pages complexes HTML. Création de feuilles de style, préparation de la page au référencement.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Programme de la formation

1
Les technologies du site Web

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

2
Administration d'un site Web

  • Mise en œuvre 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.

3
Création de pages Web : HTML, XHTML, HTML5

  • 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.
Travaux pratiques
Réalisation de pages complexes HTML. Création de feuilles de style, préparation de la page au référencement.

4
Les formulaires

  • Contraintes et avantages. Syntaxe, structure, champs de saisie, boutons, cases à cocher, listes, zones de texte, sélection multiple...
Travaux pratiques
Réalisation d'un formulaire avec envoi des données vers la messagerie et une base de données.

5
Conception graphique et multimédia

  • Créer une charte graphique. Intégrer une charte graphique.
  • Mise en œuvre d'outils graphiques pour concevoir une interface évoluée.
  • Développement d'animations avec JavaScript.
  • Les ressources graphiques GIF, JPEG, PNG, SVG Webp. Utiliser Photoshop ou Gimp.
Travaux pratiques
Conception d'un modèle de page HTML. Intégration de JavaScript.

6
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...).
  • Accessibilité. Norme. Impact sur le développement. Mettre en conformité un site Web. Outils de test et de validation en production.
Travaux pratiques
Définir le cahier des charges de la charte graphique. Mise en œuvre d'outils de test et audit pour l'accessibilité.

7
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, PHP, Ruby, Python.
  • 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.

8
Les technologies côté client

  • Les technologies d'interfaces graphiques : HTML5, XAML, JavaScript.
  • Présentation et mise en œuvre de solutions Rich Internet Application (RIA) et Rich Desktop Application (RDA).
Travaux pratiques
Démonstration et mise en œuvre de ces multiples technologies.

9
Initiation au langage JavaScript

  • Syntaxe du langage. Contrôles de saisie d'un formulaire.
  • DOM et Ajax.
  • Présentation Ecmascript.
  • 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.


Parcours certifiants associés
Pour aller plus loin et renforcer votre employabilité, découvrez les parcours certifiants qui contiennent cette formation :

Options
Blended : 190 € HT
Approfondissez les connaissances acquises en formation grâce aux modules e-learning de notre Chaîne e-learning développement Back-End et PHP. Un apprentissage flexible et complet, à suivre à votre rythme dès le premier jour de votre présentiel et pendant 1 an.

Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Financement par les OPCO
  • Adhérents Afdas, découvrez les avantages négociés par votre OPCO en cliquant ici

Horaires
les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance

Dernières places
Date garantie en présentiel ou à distance
Session garantie
PARTICIPANTS
Futurs managers et responsables d’équipe souhaitant structurer leur pratique managériale

PRÉREQUIS
Aucun

COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

MODALITÉS D’ÉVALUATION
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques… Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

MOYENS PÉDAGOGIQUES ET TECHNIQUES
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation. • À l’issue de chaque stage ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques. • Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le stagiaire a bien assisté à la totalité de la session.

MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.

ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l'adresse psh-accueil@orsys.fr.