Feat: ajoute les bases pour produire chapitre HTML CSS
This commit is contained in:
parent
1f477c2304
commit
44902cf91c
|
@ -0,0 +1,7 @@
|
|||
\begin{exercise}[subtitle={<++>}, step={1}, origin={<++>}, topics={ Web HTML CSS }, tags={ Web }]
|
||||
<++>
|
||||
\end{exercise}
|
||||
|
||||
\begin{solution}
|
||||
<++>
|
||||
\end{solution}
|
|
@ -0,0 +1,57 @@
|
|||
Web HTML CSS
|
||||
############
|
||||
|
||||
:date: juillet 2022
|
||||
:modified: juillet 2022
|
||||
:authors: Benjamin Bertrand
|
||||
:tags: Web
|
||||
:category: 1NSI
|
||||
:summary: Prise en main des technologies web. Découverte du HTML et du CSS.
|
||||
|
||||
Étape 1: HTML
|
||||
=============
|
||||
|
||||
- Prise en main des outils de programmation.
|
||||
- Analyse d'une page exemple pour extraire les balises
|
||||
- Reproduction d'exemples à partir d'une page blanche
|
||||
- Vérification de la validité du code avec W3C
|
||||
- Rendre une page valide
|
||||
|
||||
Bilan:
|
||||
|
||||
- Le web, son origine, la principe de client serveur et le partage des responsabilités dans les techno web (HTML, CSS, JS)
|
||||
- HTML: notion de balise (avec attributs), page blanche de base et zoologie des balises
|
||||
|
||||
Balises à travailler:
|
||||
|
||||
- Header
|
||||
- paragraphes
|
||||
- Listes
|
||||
- Liens
|
||||
- Images
|
||||
- Tableaux (?)
|
||||
|
||||
Étape 2: CSS
|
||||
============
|
||||
|
||||
- Integration de règles CSS dans la page exemple
|
||||
- Application de règles CSS sur les balises (voir codingame pour cela)
|
||||
- Sélecteurs balise/identifiant/class (`jeu autour de la sélection <https://flukeout.github.io/>`_)
|
||||
|
||||
Bilan:
|
||||
|
||||
- Différentes façon d'appliquer des règles CSS
|
||||
- Sélecteur
|
||||
- Quelques propriétés
|
||||
|
||||
Étape 3: hébergement, URL, protocole http(s)
|
||||
============================================
|
||||
|
||||
- Depot d'une page sur le serveur
|
||||
- Accès à la page depuis le navigateur
|
||||
- Reconnaître les parties d'une URL
|
||||
|
||||
Bilan:
|
||||
|
||||
- Depot sur serveur
|
||||
- URL et chemin de fichier
|
|
@ -0,0 +1,44 @@
|
|||
\documentclass[a4paper,12pt]{article}
|
||||
\usepackage{myXsim}
|
||||
|
||||
\author{Benjamin Bertrand}
|
||||
\title{Web HTML CSS - Plan de travail}
|
||||
\tribe{1NSI}
|
||||
\date{juillet 2022}
|
||||
|
||||
\pagestyle{empty}
|
||||
|
||||
\DeclareExerciseCollection{banque}
|
||||
\xsimsetup{
|
||||
}
|
||||
|
||||
|
||||
\begin{document}
|
||||
\maketitle
|
||||
|
||||
% Résumé
|
||||
|
||||
\bigskip
|
||||
|
||||
Savoir-faire de la séquence
|
||||
\begin{itemize}
|
||||
\item
|
||||
\end{itemize}
|
||||
|
||||
\bigskip
|
||||
|
||||
Ordre des étapes à respecter
|
||||
|
||||
|
||||
\section{}
|
||||
|
||||
\listsectionexercises
|
||||
|
||||
|
||||
\pagebreak
|
||||
|
||||
\input{exercises.tex}
|
||||
\printcollection{banque}
|
||||
|
||||
|
||||
\end{document}
|
|
@ -0,0 +1,28 @@
|
|||
\documentclass[a4paper,10pt]{article}
|
||||
\usepackage{myXsim}
|
||||
|
||||
\usetikzlibrary{shapes.geometric}
|
||||
|
||||
\author{Benjamin Bertrand}
|
||||
\title{Web HTML CSS - Solutions}
|
||||
\tribe{1NSI}
|
||||
\date{juillet 2022}
|
||||
|
||||
\DeclareExerciseCollection{banque}
|
||||
\xsimsetup{
|
||||
exercise/print=false,
|
||||
solution/print=true,
|
||||
}
|
||||
|
||||
\pagestyle{empty}
|
||||
|
||||
|
||||
\begin{document}
|
||||
|
||||
\maketitle
|
||||
|
||||
\input{exercises.tex}
|
||||
%\printcollection{banque}
|
||||
%\printsolutions{exercises}
|
||||
|
||||
\end{document}
|
Loading…
Reference in New Issue