BACK TO BASICS CSS3 by Yannick Dominguez

À propos des ateliers B to B

L’association Silex Labs  propose une série d’ateliers pour découvrir les technologies (du web) utilisées pour la création de sites internet et travailler avec des outils devenus incontournables. Les intervenants professionnels du web sont là pour partager des retours d’expériences sur les bonnes pratiques d’organisation et de travail collaboratif.

Chaque atelier débute par une courte partie théorique sur la technologie présentée avant de passer à des exercices pratiques.

Au fur et à mesure des ateliers, les participants pourront créer leur site “CV” contenant leur parcours professionnel ainsi qu’un formulaire de contact.

À la fin du cycle, les participants seront initiés aux principaux langages du développement web et des ressources seront mises à leur disposition afin d’approfondir leurs connaissances.

Déroulement

Silex Labs a organisé cette  série de 6 ateliers de 2 heures pour faire le tour des technos du web, et permettre aux participants de perfectionner au fur et à mesure leur connaissances. Chaque atelier permet d’avancer étape par étape sur l’objectif final de réaliser un site CV.

1. HTML5
2. CSS3
3. JavaScript
4. Node.js
5. JavaScript Le retour
6. Node.js le retour

BACK TO BASICS CSS3 par Yannick Dominguez

CCS3

CSS3 (Cascading Style Sheets, ou feuilles de styles en cascade) permet de modifier la présentation des éléments HTML

couleur, taille, police de caractères, mais aussi la position sur la page, largeur, hauteur, empilement, bref tout ce qui touche à la mise en page d’un document HTML. Ainsi, un même document HTML pourra changer d’apparence sans changer de structure, grâce uniquement à la modification des règles CSS qui lui sont appliquées. L’HTML gère le fond et le CSS la mise en forme.

La théorie

• CSS, pour quoi faire ?
• Comment faisait-on avant ?

La pratique

• Création d’une feuille de style pour son site
• Lier sa feuille de style à son site
• Changer la couleur et la taille des polices
• Centrer son site horizontalement
• ajouter un fond à son site
• Des effets avec hover et active
• une première animation en CSS

Vidéo

Les autres vidéos Back to Basics

JAVASCRIPT by Yannick Dominguez
Html5 by Yannick Dominguez
JAVASCRIPT Le retour by Yannick Dominguez
NODE JS Le retour by Yannick Dominguez
NODE JS by Yannick Dominguez

Vidéos réalisées par

• Antonin Stephany
• Grégory Parodi

 
—————————————————————————————————————————————————————————————————————————————————————–