Portfolio - Buffet Antonin

Certification HTML5 - CSS3

Dans cette formation, j'ai appris comment utiliser HTML5 et CSS3, les deux langages de programmation à la base de tous les sites web.

Formation OpenClassRooms

Lien internet : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Mes objectifs

utiliser du code HTML
structurer une page web en HTML
mettre en forme une page web en CSS
organiser les éléments d’une page web grâce au CSS
modifier l'agencement d'une page HTML avec CSS
intégrer des formules dans une page web
adapter une page pour les petites résolutions en CSS

Pourquoi cette formation ?

Prendre du savoir et du savoir-faire en liaison avec ma formation en BTS SIO
Me servir lors de mon stage
Compétences qui me serviront dans mon futur professionnel

Les outils que j'ai utilisé

Navigateur WEB
l'interface de Développement : Visual Studio Code

Quelques notions à travers des images

Création d'un formulaire
Les formulaires HTML vont permettre d'envoyer des données que nous allons ensuite pouvoir manipuler et / ou stocker.
On peut utiliser les formulaires pour permettre à des utilisateurs de s’inscrire sur notre site (formulaires d’inscription), de se connecter (formulaire de connexion), de nous envoyer des messages (formulaire de contact), de laisser des commentaires, etc.
Les formulaires HTML vont pouvoir être composés de champs de texte (cas d’un champ de formulaire demandant à un utilisateur de renseigner son adresse mail pour se connecter ou pour s’inscrire sur le site par exemple), de listes d’options (choix d’un pays dans une liste de pays par exemple), de cases à cocher, etc.

Creation d'un tableaux
Un tableau est un ensemble structuré de données (table de données) présentées en lignes et colonnes.
Un tableau vous permet de retrouver rapidement et facilement des valeurs au croisement entre différents types de données, par exemple : une personne et son âge, ou un jour et la semaine, ou les horaires d'ouverture de la piscine du quartier.

La structure du page html
Un page HTML commence par la balise <HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page. L'en-tête est délimité par les balises <HEAD> et </HEAD>. Le corps est délimité par les balises <BODY> et </BODY>.
Le coprs les pages web peuvent sembler assez différentes les unes des autres, mais elles ont toutes tendance à partager des composantes standard similaires.
Pour mettre en œuvre le marquage sémantique, HTML fournit des balises dédiées que vous pourrez utiliser pour représenter ces parties, par exemple :

header :<header> ; correspond à la fin de la debut.
barre de navigation :<nav>;correspond au lien pour aller sur le différentes pages.
contenu principal :<main>, avec diverses sous‑sections de contenu représentées à l'aide de des éléments <article>,<section> et <div>.
barre latérale : <aside>; souvent mise à l'intérieur de l'élément <main>.
pied de page :<footer>; correspond à la fin de la page.

A quoi sert le CSS

CSS est l'acronyme de « Cascading Style Sheets » ce qui signifie « feuille de style en cascade ». Le CSS correspond à un langage informatique permettant de mettre en forme des pages web (HTML ou XML). Ce langage est donc composé des fameuses « feuilles de style en cascade » également appelées fichiers CSS

Exemple de code CSS

il exite différentes paramètres

Voici ce que ça donne sur la page web