Webmaster : Création de site Web Initiation

Objectifs

Comprendre le fonctionnement du web - Créer des pages web avec HTML et CSS - Découvrir les notions fondamentales : référencement, ergonomie, mise en ligne

Programme

Comprendre le fonctionnement du web - Connaître le vocabulaire : HTTP, FTP, URL, etc. - Savoir identifier les principaux langages web : HTML, CSS, JS et PHP - Comprendre le fonctionnement client/serveur - Connaître l'évolution des sites web dans le temps -  Créer sa première page web - Comprendre le principe du HTML : balises et attributs - Connaître les deux familles de balise : avec et sans contenu - Insérer les balises essentielles : doctype, head, body, etc. - Intégrer du contenu dans une page en HTML - Insérer du contenu texte : titre ou paragraphe - Ajouter du contenu média : image, vidéo et audio - Créer des liens hypertextes - Embarquer un contenu externe : vidéo, cartographie, etc.
Atelier : Créer une page complète en HTML - Styliser son contenu avec le CSS - Comprendre le principe du CSS : sélecteurs et propriétés - Connaître les principaux sélecteurs : balise, class et identifiant - Définir la fonte : police, taille, graisse et inclinaison - Insérer une bordure et un arrière-plan - Appliquer un style au survol
Atelier : Créer un menu de navigation et lui appliquer un style CSS - Intégrer une mise en page en HTML et CSS - Connaître les bonnes pratiques de mise en page web - Utiliser les balises HTML de mise en page : div, header, main, etc. - Utiliser les propriétés CSS de mise en page : taille, positionnement et marges - Optimiser l'ergonomie de son site web
Atelier : Créer le gabarit complet d'un site web - Mettre en ligne son site web - Passer par un hébergeur : nom de domaine et espace d'hébergement - Identifier l'offre d'hébergement adaptée à ses besoins - Vérifier la mise en place du certificat SSL - - Se connecter en FTP à son espace d'hébergement
Atelier : Mettre en ligne le site web réalisé - Bien référencer son site web - Comprendre les enjeux du référencement web
Baliser correctement son contenu - Optimiser ses images : formats, taille, compression - Utiliser des outils d'analyse