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

Avis loadedNote : 4,5Length : 10TotalNote : 180TotalNote20 : 6
Toutes nos formations Création Web

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

4,5 / 5
Stage pratique
Durée : 3 jours
Réf : NIW
Prix  2021 : 1470 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis clients
Programme

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
  • Manipuler les outils d'exploitation, de référencement et d'analyse d'un site Web

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.
PROGRAMME DE 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).
  • Le 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 (Internet Explorer, Firefox).
  • Quel est le rôle du serveur Web ?

Travaux pratiques
Repérer les différents navigateurs sur son PC, rechercher des adresses IP ou des noms de domaines.

Le dialogue entre le client et le serveur

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

L'hébergement et le nom de domaine

  • Hébergement mutualisé versus dédié.
  • Choisir le nom de domaine.
  • Comment louer le nom de domaine ?
  • L'hébergement DNS versus la redirection pour le nom de domaine.
  • Développer chez soi, mettre en place chez les autres.
  • 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.
  • 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).

Le référencement naturel

  • Qu'est-ce que le référencement et le positionnement ?
  • L'utilisation des mots-clés.
  • Les moteurs de recherche et les annuaires.
  • Bien déclarer son site Web sur les moteurs.

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.

La création du site

  • La conception et l'ergonomie.
  • Notions d'ergonomie. Rédiger pour le Web. Notion d'accessibilité.
  • Exemples de sites mal conçus.
  • 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).
  • Les vidéos (récupération, coupe, ajout de son).

Travaux pratiques
Concevoir l'organisation d'un site Web.

Les éditeurs de texte

  • Qu'est-ce qu'un éditeur de texte ?
  • Les applications qui éditent directement en langage HTML/XHTML.
  • Les compétences requises pour les utiliser.
  • Les plus connus (Notepad++, UltraEdit, etc.).
  • Les éditeurs Wysiwyg.
  • Editer une page Web telle qu'elle apparaît dans les navigateurs courants.
  • Les plus utilisés (Adobe Dreamweaver, Blue Griffon...).
  • Présentation de Blue Griffon.

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. Trouver des éléments CSS sur Internet.
  • CSS3/HTML5.

Travaux pratiques
Se familiariser avec le HTML. Ecrire une page avec insertion d'images.

Simplifier la création de site avec Blue Griffon

  • Installation et configuration de Blue Griffon.
  • Présentation de l'interface graphique de Blue Griffon.
  • 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.
  • Les modèles de pages Web.
  • La gestion de plusieurs sites.

Travaux pratiques
Création d'un formulaire à l'aide de Blue Griffon.

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.

Participants / Prérequis

» Participants

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.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis clients
picto avis clients
NEUVILLE VINCENT M. 14/12/2020
4 / 5
la pratique pas au top lié à la distanciation et à l’animateur qui n’ a pas toujours su animer la session sur la partie pratique

GINESTY B. 14/12/2020
5 / 5
Formation répond tout à fait à mes attentes; Formateur particulièrement à notre écoute. A recommander;

MARTINE F. 14/12/2020
4 / 5
La formation en elle même est très bien et l’animation très bien. Le point négatif de cette formation est liée à sa forme "à distance" (pas possibilité de faire des exercices, bien qu’on ait créé notre site, l’animateur n’a pas pus évaluer notre travail au fur et à mesure..etc… )

CLAVEL L. 14/12/2020
4 / 5
les + : formateur disponible, agréable, contenu intéressant les - : pratiquement pas d’exercices, équilibre pratique - théorie à rétablir, car parties théoriques parfois longues sur la première moitié du stage

FRANÇOISE G. 28/09/2020
5 / 5
Formation riche en informations très utiles et applicables rapidement professionnellement. Le contenu a répondu à mes besoins actuels et a clarifié les points obscurs pour moi. Réponses du formateur à toutes les questions des participants enrichissant également le contenu du cours.

FLORENCE M. 28/09/2020
5 / 5
Passer plus de temps sur la création d’un site avec un CMS. A mon sens il aurait fallut passer 1-2 journée sur wordpress pour avoir le temps de poser des questions. Et indiquer quels sont les CMS disponibles sur le marché, quels sont les avantages des 1 et des autres. Formateur très pédagogue et disponible

TEVA C. 28/09/2020
4 / 5
Formation très dense lais adéquate a mes attentes

LYDIE T. 28/09/2020
5 / 5
Super cours en petit nombre !

PHILIPPE L. 28/09/2020
5 / 5
Excellente formation et merci zak pour ta patience et ton dynamisme.

ANDRISE M. 28/09/2020
5 / 5
Très satisfaite ;) En trois jours, j’ai beaucoup appris. Adil connait son sujet et sait assister les participants. C’est du concret ! Merci a lui
Avis clients 4,5 / 5

Les avis clients 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.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
Thème associé