Compare commits
3 Commits
b41303fdbb
...
44902cf91c
| Author | SHA1 | Date | |
|---|---|---|---|
| 44902cf91c | |||
| 1f477c2304 | |||
| 3d67ad7a55 |
12
1NSI/00_Divers/index.rst
Normal file
12
1NSI/00_Divers/index.rst
Normal 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:
|
||||
========
|
||||
7
1NSI/01_Web_HTML_CSS/exercises.tex
Normal file
7
1NSI/01_Web_HTML_CSS/exercises.tex
Normal file
@@ -0,0 +1,7 @@
|
||||
\begin{exercise}[subtitle={<++>}, step={1}, origin={<++>}, topics={ Web HTML CSS }, tags={ Web }]
|
||||
<++>
|
||||
\end{exercise}
|
||||
|
||||
\begin{solution}
|
||||
<++>
|
||||
\end{solution}
|
||||
57
1NSI/01_Web_HTML_CSS/index.rst
Normal file
57
1NSI/01_Web_HTML_CSS/index.rst
Normal 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
|
||||
44
1NSI/01_Web_HTML_CSS/plan_de_travail.tex
Normal file
44
1NSI/01_Web_HTML_CSS/plan_de_travail.tex
Normal 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}
|
||||
28
1NSI/01_Web_HTML_CSS/solutions.tex
Normal file
28
1NSI/01_Web_HTML_CSS/solutions.tex
Normal 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}
|
||||
@@ -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
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user