picto menu webmaster lyon

Formations

Pour faire les choses soi-même

Découvrir

Objectifs de la formation

La formation a pour objectif l'apprentissage des connaissances nécessaires à la création d'un site internet vitrine. Il s'agit de permettre à chacun d'être autonome dans sa réalisation et sa gestion quotidienne, après une formation de seulement 3 jours.
La formation ne permet pas de gérer des bases de données, ou de concevoir des systèmes complexes tels que les plateformes sécurisées ou les paiements en ligne, mais elle est largement suffisante pour concevoir un site vitrine de qualité, entièrement fait à la main.

Connaissances requises

Pour participer à une formation, il est nécessaire d'être familiarisé avec l'ordinateur. Vous devez être capable de naviguer sur internet, d'utiliser des logiciels basiques de bureautique (comme word), ou encore d'installer un logiciel quelconque. Une certaine aisance à l'utilisation du clavier et de la souris est également appréciable.
Outre ces notions rudimentaires, il n'est pas indispensable d'en connaitre davantage, car la conception se fait à partir de logiciels simples de type traitement de texte. Inutile donc d'être un expert en informatique, de maitriser le formatage de votre machine, ou d'être incollable en gestion de serveurs. La formation est conçue pour être accessible au plus grand nombre.

Durée, lieu et matériel

La formation se déroule sur 3 jours consécutifs. Elle peut être complétée par un supplément optionnel de 2 jours, permettant d'approfondir certaines notions et d'en découvrir de nouvelles. Elle a lieu chaque jour de 9h00 à 12h30 et de 13h30 à 17h00. Le déjeuner, généralement partagé entre le formateur et les élèves, n'est pas inclus dans le tarif annoncé.
La formation se déroule dans les locaux des élèves lorsqu'il s'agit de professionnels d'une même entreprise, ou à domicile lorsqu'il s'agit de particuliers. Elle peut également avoir lieu dans notre propres locaux en cas de nécessité.
Afin d'en garantir l'efficacité, la formation est dispensée à des groupes de maximum 3 personnes. Chaque élève doit disposer d'un ordinateur fonctionnel et d'une connexion à internet. Le wifi est indispensable lorsque la formation a lieu dans nos locaux. Outre l'ordinateur, l'élève doit disposer d'une souris, le pad n'apportant pas un confort d'utilisation adapté. L'ensemble des logiciels utilisés sont gratuits, aucune dépense particulière n'est donc à prévoir.

Plan de formation

Jour 1

Introduction

Rappel des objectifs et du contenu de la formation
Notions sur les domaines, les hébergements et les navigateurs
Installation des logiciels nécessaires (Filezilla + SublimeText 3)
Création d'un dossier local et d'un fichier html

Principales Balises HTML

Balises structurelles (html | head | body | header | footer)
Balises de texte (h | p | span)
Blocs (div)
Images (img | src | alt)
Listes (ul | li)
Liens hypertextes (a | href | target)

Principes du CSS

Notions autour des class
Création d'une feuille de style et mise en lien
Principaux attributs de texte (size | style | transform | decoration | weight)
Couleurs HTML | RGB
Dimensions (width | height)
Apprentissage du margin | padding
Background-color | Background-image

Jour 2

Approfondissement du CSS

Intégration une police spécifique
Utilisation des proportions (% | vw | vh)
Display | Visibility | Opacity
Overflow
Jeux d'ombres
Border | Border-radius

Position des éléments

Position relative
Position absolute
Position fixed
Superposition d'éléments (z-index)

Effets et transitions

Application d'un effet au survol
Transitions
Noir et Blanc | Luminosité | Flou
Zooms | Déplacements | Rotations

Jour 3

Référencement

Grands principes
Principales balises de référencement (Title | Description | Keywords)
Eléments complémentaires (Noms de pages | Images | Textes | Renvois)
Google Adwords
Google My Business
Google Webmaster Tools

Mise en ligne

Connexion FTP
Page d'accueil
Chemins d'accès | sous-dossiers

Astuces, liens utiles et outils complémentaires

W3School
Inspirations web
Dafont | FontSquirrel | Lorem Ipsum
Positeo
Conversions
Couleurs HTML | RGB | Google Colors

Complément de formation facultatif en 48h

Sélecteurs CSS

Child | Parent
Relation directe | indirecte
Exceptions

Animations CSS3

Slideshow auto
Diaporama
Animations quantifiées et infinies

Intégration de fonctions via Jquery

Principe de Jquery
Intégration de la librairie
Exemple Jquery Scroll To

Programme Libre

Approfondissement sur-mesure à la demande de l'élève

Parlez-nous de votre projet

Contact