← Retour aux formations

Développement Web & No-Code

Réaliser un site Web sans connaissances informatiques : de la conception à la mise en ligne

Débutant
Développement Web & No-Code

À propos de cette formation

Cette formation de 3 jours s'adresse à toute personne souhaitant créer son propre site Web sans expérience préalable en développement. Elle couvre l'ensemble du parcours : compréhension du Web, conception de l'arborescence, écriture de pages HTML/CSS, intégration de JavaScript, choix de l'hébergeur, référencement et exploitation des statistiques. Les exercices sont construits autour de la réalisation d'un mini site Web concret, hébergé sur un serveur réel.

Objectifs de la formation

  • check_circleComprendre les fondamentaux du Web et l'environnement technique d'un site
  • check_circleRéaliser un site Web ergonomique à l'aide d'un éditeur de code HTML et CSS
  • check_circleMettre en ligne et administrer un site sur un serveur d'hébergement
  • check_circleExploiter les outils de référencement naturel et d'analyse du trafic

Programme détaillé

Module 1 — Panorama d'un site Web

  • Définition et types de sites : forum, blog, e-commerce, espace collaboratif
  • Types de contenu : textes, formulaires, tableaux, menus, liens hypertextes, multimédia
  • Pages HTML statiques vs pages dynamiques
  • Rôle des navigateurs desktop (Firefox, Chrome, Edge, Safari) et mobile
  • Travaux pratiques : identifier les navigateurs, rechercher des adresses IP et noms de domaine

Module 2 — Conception et création du site

  • Ergonomie web : principes d'usabilité, rédaction pour le Web, accessibilité
  • Responsive Design et adaptation aux supports mobiles
  • Concevoir l'arborescence, la maquette et la charte graphique
  • Optimisation des images et respect des standards W3C
  • Travaux pratiques : organisation et structure d'un site Web

Module 3 — Les environnements de développement intégré (IDE)

  • Rôle d'un IDE et critères de choix
  • Présentation des outils courants : Notepad++, Visual Studio Code, Sublime Text, Brackets
  • Éditer et prévisualiser une page Web dans les navigateurs

Module 4 — Écrire sa première page Web en HTML

  • Principe des balises et attributs HTML
  • Mise en forme du texte et des paragraphes
  • Feuilles de style CSS et apports de CSS3/HTML5
  • Travaux pratiques : rédaction d'une page HTML avec insertion d'images

Module 5 — Créer son site avec Wix

  • Création et édition de pages : texte, listes, images, tableaux, liens, formulaires
  • Application de feuilles de style et utilisation de modèles de pages
  • Travaux pratiques : construction d'un mini-site complet avec Wix

Module 6 — Intégrer des scripts JavaScript

  • Rôle de JavaScript et extension des possibilités du HTML
  • Intégration d'un script dans une page Web
  • Gestion des événements et manipulation du DOM
  • Comment sélectionner et réutiliser des scripts existants
  • Travaux pratiques : intégration de scripts JavaScript dans une page

Module 7 — Dialogue entre le client et le serveur

  • Notion de protocole et fonctionnement du protocole HTTP
  • Déposer et mettre à jour des fichiers sur un serveur distant avec FTP (FileZilla)

Module 8 — Hébergement et nom de domaine

  • Hébergement mutualisé vs dédié : critères de choix et offres du marché (OVH, 1and1…)
  • Choisir, louer et configurer un nom de domaine
  • Déployer son site chez un hébergeur et transférer les fichiers
  • Responsabilité du contenu diffusé et respect de la nétiquette

Module 9 — Référencement naturel (SEO)

  • Référencement et positionnement : choix des mots-clés et optimisation du contenu
  • Fonctionnement des moteurs de recherche et des annuaires
  • Outils de suivi : Google Analytics, Google Trends, Google Search Console
  • Travaux pratiques : recherche de mots-clés, vérification du référencement avec Google Webmaster

Module 10 — Exploitation et statistiques

  • Outils de statistiques : Google Analytics, Alexa, WebRankInfo et solutions hébergeur
  • Analyse du trafic : visiteurs, navigateurs utilisés, contenus les plus consultés
  • Administration de l'hébergement avec CPanel
  • Sauvegarder, archiver et restaurer un site Web
  • Travaux pratiques : mise en place des outils d'analyse, sauvegarde et restauration via FTP

Prérequis

Savoir utiliser son ordinateur de manière fluide, naviguer sur Internet et gérer ses e-mails.