> Formations > Compétences métiers > PAO, CAO, vidéo et graphisme > Création Web > Formation Réaliser un site Web, pour non-informaticiens > Formations > Compétences métiers > Formation Réaliser un site Web, pour non-informaticiens

Formation : Réaliser un site Web, pour non-informaticiens

Réaliser un site Web, pour non-informaticiens

Télécharger le programme Partager cette formation


Vous apprendrez à utiliser toutes les technologies nécessaires pour développer un site Web sans aucune connaissance préalable. Vous comprendrez comment fonctionne la relation client-serveur. Vous saurez écrire votre première page HTML, comment choisir un hébergeur, utiliser les outils statistiques sur le trafic de votre site et l'agrémenter avec des scripts Javascripts.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. NIW
Prix : 1760 € H.T.
  3j - 21h00
Pauses-café et
déjeuners offerts




Vous apprendrez à utiliser toutes les technologies nécessaires pour développer un site Web sans aucune connaissance préalable. Vous comprendrez comment fonctionne la relation client-serveur. Vous saurez écrire votre première page HTML, comment choisir un hébergeur, utiliser les outils statistiques sur le trafic de votre site et l'agrémenter avec des scripts Javascripts.

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 à l'aide d'un éditeur de code HTML et CSS
  • Manipuler les outils d'exploitation, de référencement et d'analyse d'un site Web

Public concerné
Toutes les personnes désirant réaliser un site Web avec les technologies actuelles ou souhaitant disposer d'une culture Web concrète.

Prérequis
Avoir une bonne connaissance de l'utilisation de son ordinateur. Savoir naviguer sur Internet et traiter des e-mails.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la formation

Le panorama d'un site Web

  • Qu'est-ce qu'un site Web ?
  • Les différents types de site (forum, blog, achats en ligne, espace collaboratif).
  • Les types de contenu d'un site Web (textes, formulaires, tableaux, menus, liens hypertextes...).
  • Les contenus multimédias : images, vidéo, audio, animations Flash.
  • Exemples de pages HTML basiques et de navigation.
  • Les pages HTML statiques et les pages dynamiques.
  • Le rôle du navigateur (Firefox, Chrome, Microsoft Edge, Safari) et des navigateurs pour mobiles.
Travaux pratiques
Repérer les différents navigateurs sur son PC, rechercher des adresses IP ou des noms de domaines.

La création du site

  • La conception et l'ergonomie.
  • Notions d'ergonomie. Rédiger pour le Web. Notion d'accessibilité.
  • Le Responsive Design.
  • Analyse de sites.
  • Concevoir l'arborescence du site.
  • Création de la maquette, de la charte graphique et des images du site. Optimisation.
  • Les standards en vigueur (W3C).
  • Le multimedia dans les pages web.
Travaux pratiques
Concevoir l'organisation d'un site Web.

Les environnements de développement intégré (IDE)

  • Qu'est-ce qu'un IDE ?
  • Pourquoi utiliser un IDE ?
  • Les plus connus (Notepad++, Visual Studio Code, Sublime Text, Brackets...).
  • Editer une page Web telle qu'elle apparaît dans les navigateurs courants.
  • Les éditeurs de pages web les plus utilisés (Adobe Dreamweaver...).

Ecrire sa première page Web en HTML

  • Présentation de l'HTML.
  • Le principe des balises et attributs HTML.
  • Mise en forme du texte et des paragraphes.
  • Les feuilles de style CSS.
  • CSS3/HTML5.
Travaux pratiques
Se familiariser avec le HTML. Ecrire une page avec insertion d'images.

Simplifier la création de site avec Wix

  • Création et édition d'une page.
  • Manipuler du texte, des listes, des images, des tableaux, des liens hypertextes.
  • Mettre en place des formulaires.
  • Les feuilles de style CSS.
  • Les modèles de pages Web.
Travaux pratiques
Création d'un mini-site.

Intégrer des scripts JavaScript

  • Qu'est-ce que le Javascript ?
  • Etendre les possibilités du HTML grâce à Javascript.
  • Comment intégrer du Javascript dans une page Web ?
  • La gestion des événements et le DOM.
  • Le déclenchement automatique des événements.
  • Comment trouver les scripts qui conviennent ?
Travaux pratiques
Intégration de scripts dans une page.

Le dialogue entre le client et le serveur

  • La notion de protocole.
  • Le protocole HTTP.
  • Déposer des fichiers sur un serveur distant avec un logiciel FTP (Filezilla).
  • Mettre à jour un fichier avec FTP.

L'hébergement et le nom de domaine

  • Hébergement mutualisé versus dédié.
  • Les différentes offres des hébergeurs (1and1, HostPapa, WebHostingPad, OVH...).
  • La qualité de service proposée. Parallèle entre le prix de l'hébergement et les fonctionnalités proposées.
  • Choisir le nom de domaine.
  • Comment louer le nom de domaine ?
  • Configuration d'un compte nom de domaine et hébergement Web.
  • Développer chez soi, mettre en place chez les autres.
  • La responsabilité du contenu diffusé. Le respect de la charte (nétiquette).
Echanges
S'assurer de la bonne compréhension de l'installation technique d'un site Web. Les éléments clés à prendre en compte lors du choix d'un hébergeur (tarifs, offres, fonctionnalités). Configurer un compte d'hébergement Web et transférer un site Web.

Le référencement naturel

  • Qu'est-ce que le référencement et le positionnement ?
  • Le choix des mots-clés.
  • Optimisation du contenu pour le référencement.
  • Les moteurs de recherche et les annuaires.
  • Bien déclarer son site Web sur les moteurs.
  • Analyse et suivi du référencement (Google Analytics, Google Trends…).
Travaux pratiques
Rechercher des mots-clés pertinents. Utilisation de Google Keyword Tool (AddWords). Vérifier le bon référencement de son site avec l'outil Google Webmaster ou un outil équivalent.

Exploitation et statistiques

  • Outils de statistiques, services offerts par son hébergeur, autres solutions (Google Analytics, Alexa, WebRankInfo...).
  • Connaître le trafic, les visiteurs, les navigateurs utilisés...
  • Identifier les contenus pertinents.
  • Outils d'administration de l'hébergement : CPanel ou autres outils propriétaires (OVH...).
  • Créer une sauvegarde de son site Web.
  • Comment effectuer la restauration ?
  • La mise à jour d'un site (FileZilla, Net2Ftp...).
Travaux pratiques
Mettre en place des outils d'analyse. Découverte de l'outil CPanel. Créer une archive d'un site, supprimer puis restaurer ce site sur le serveur FTP.


Modalités pratiques
Travaux pratiques
Les exercices sont basés sur la construction d'un mini site Web. Les participants apprendront à concevoir, réaliser et installer leur site sur un serveur réel.

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.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.

Avis clients
5 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
ELODIE R.
28/11/22
5 / 5

Beaucoup de contenus à intégrer, alterner en la théorie et la pratique c’est bien. C’est bien aussi de sortir des slides et d’aller sur des sites utiles. Format bien adapté à un petit groupe pour poser les questions, tester en live, et ouvrir des sujets annexes complémentaires
VALÉRIE G.
28/11/22
5 / 5

Contenu important et très intéressant
KARINE B.
28/11/22
5 / 5

Tarik se met à la portée des stagiaire et utilise un langage compréhensible. Très professionnel et à l’écoute. Merci le contenu du stage




Horaires
En présentiel, 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.
En classe à distance, la formation démarre à partir de 9h.
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