Compare commits

...

3 Commits

7 changed files with 171 additions and 15 deletions

12
1NSI/00_Divers/index.rst Normal file
View File

@@ -0,0 +1,12 @@
Accueil
#######
:date: juillet 2022
:modified: juillet 2022
:authors: Benjamin Bertrand
:tags: NSI
:category: 1NSI
:summary: Documents d'accueil et de présentation de la spécialité NSI
Étape 1:
========

View File

@@ -0,0 +1,7 @@
\begin{exercise}[subtitle={<++>}, step={1}, origin={<++>}, topics={ Web HTML CSS }, tags={ Web }]
<++>
\end{exercise}
\begin{solution}
<++>
\end{solution}

View File

@@ -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

View File

@@ -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}

View File

@@ -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}

View File

@@ -13,11 +13,12 @@ selection=$(dialog \
--title "Menu" \
--clear \
--cancel-label "Exit" \
--menu "Choisir un niveau:" 0 0 4 \
--menu "Choisir un niveau:" 0 0 5 \
"1" "2nd" \
"2" "Enseignements Scientifique" \
"3" "4e" \
"4" "Technologique" \
"2" "SNT" \
"3" "Enseignements Scientifique" \
"4" "Première NSI" \
"5" "Première Technologique" \
2>&1 1>&3)
exec 3>&-
case $selection in
@@ -25,13 +26,16 @@ case $selection in
tribe="2nd"
;;
2 )
tribe="EnseignementsScientifique"
tribe="SNT"
;;
3 )
tribe="4e"
tribe="EnseignementsScientifique"
;;
4 )
tribe="Technologique"
tribe="1NSI"
;;
5 )
tribe="1ST"
;;
esac

View File

@@ -13,15 +13,16 @@ exec 3>&-
exec 3>&1
selection=$(dialog \
--backtitle "Création d'une nouvelle séquence: Classe" \
--backtitle "Création d'une nouvelle évaluation: Classe" \
--title "Menu" \
--clear \
--cancel-label "Exit" \
--menu "Choisir un niveau:" 0 0 4 \
--menu "Choisir un niveau:" 0 0 5 \
"1" "2nd" \
"2" "Enseignements Scientifique" \
"3" "4e" \
"4" "Technologique" \
"2" "SNT" \
"3" "Enseignements Scientifique" \
"4" "Première NSI" \
"5" "Première Technologique" \
2>&1 1>&3)
exec 3>&-
case $selection in
@@ -29,13 +30,16 @@ case $selection in
tribe="2nd"
;;
2 )
tribe="EnseignementsScientifique"
tribe="SNT"
;;
3 )
tribe="4e"
tribe="EnseignementsScientifique"
;;
4 )
tribe="Technologique"
tribe="1NSI"
;;
5 )
tribe="1ST"
;;
esac