This commit is contained in:
Adrian Amaglio 2021-01-19 21:04:29 +01:00
parent c973acba50
commit f12399566b
3 changed files with 64 additions and 7 deletions

View File

@ -69,14 +69,14 @@ breaklinks=true,
% --- Define document margins % --- Define document margins
% --- % ---
\setlength{\textheight}{760pt} \addtolength{\voffset}{-90pt} \setlength{\textheight}{715pt} \addtolength{\voffset}{-90pt}
\setlength{\textwidth}{485pt} \addtolength{\hoffset}{-70pt} \setlength{\textwidth}{485pt} \addtolength{\hoffset}{-70pt}
% --- Paper and page layout % --- Paper and page layout
% --- % ---
\setlength{\parindent}{0pt} \setlength{\parindent}{0pt}
\setlength{\headheight}{10pt} \setlength{\headheight}{20pt}
% --- New page for each section % --- New page for each section
@ -97,6 +97,7 @@ breaklinks=true,
% --- Register some information about the document % --- Register some information about the document
% --- % ---
\newcommand{\thelicence}{\def\svgwidth{.1\columnwidth}\input{../../licences/cc-by-sa.pdf_tex}} \newcommand{\thelicence}{\def\svgwidth{.1\columnwidth}\input{../../licences/cc-by-sa.pdf_tex}}
\renewcommand{\thelicence}{CC-BY-SA \url{https://creativecommons.org}} %TODO XXX remove
\newcommand{\thelevel}{SNT} \newcommand{\thelevel}{SNT}
\newcommand{\thesequence}{Séquence 0} \newcommand{\thesequence}{Séquence 0}
@ -260,6 +261,60 @@ breaklinks=true,
\NewDocumentCommand{\invisible}{d<>}{} \NewDocumentCommand{\invisible}{d<>}{}
% --- Some nice left bar
% ---
\usepackage{framed}
\usepackage{xcolor}
\renewenvironment{leftbar}[1][\hsize]
{%
\def\FrameCommand
{%
{\color{turquoisetitleborder}\vrule width 3pt}%
\hspace{0pt}%must no space.
\fboxsep=\FrameSep\colorbox{turquoisetitleback}%
}%
\MakeFramed{\hsize#1\advance\hsize-\width\FrameRestore}%
}
{\endMakeFramed}
% --- Hide some block if the variable is 0
% ---
% ---
\usepackage{ifthen}
\newif\ifanswers
\answerstrue % comment out to hide answers
% Actual answer command
\newcommand{\answer}[1]{
\ifanswers
\begin{itshape}
\leftbar
#1
\endleftbar
\end{itshape}
\fi
}
% --- Question env
% ---
\newcounter{questions}
\setcounter{questions}{1}
\newenvironment{question}
{
\textbf{Question \arabic{questions}}
\stepcounter{questions}
}{
}
\newcommand{\questions}[1]{
\textbf{Question \arabic{questions}}
\stepcounter{questions}
#1
}
% --- Some default values % --- Some default values
% --- % ---
\date{\academicyear} \date{\academicyear}

Binary file not shown.

View File

@ -25,15 +25,17 @@ Elle signifie que son contenu est un paragraphe de texte.
Pour en faire un titre principal, on aurait utilisé la balise \textbf{h1}. Pour en faire un titre principal, on aurait utilisé la balise \textbf{h1}.
\begin{exercice} \begin{exercice}
Dans un dossier que vous pourrez retrouver plus tard dans lannée, créez un dossier et nomez le « web1 ». Dans un dossier que vous pourrez retrouver plus tard dans lannée, créez un dossier et nommez le « web1 ».
\end{exercice} \end{exercice}
\begin{exercice} \begin{exercice}
Ouvrez un éditeur de texte comme « notepad++ ». Ouvrez un éditeur de texte comme « notepad++ ».
Créez un nouveau fichier texte (menu \textbf{File > new} ou raccourci \textbf{CTRL+n}) et enregistrez le dans le dossier créé à lexercice précédent (menu \textbf{File > save As}) sous le nom « index.html ». Créez un nouveau fichier texte (menu \textbf{File > new} ou raccourci \textbf{CTRL+n}) et enregistrez le dans le dossier créé à lexercice précédent (menu \textbf{File > save As}) sous le nom « index.html ».
Votre fichier devra avoir le contenu suivant. Il sagit de la base de toutes les pages web. Votre fichier devra avoir le contenu précisé à cette adresse : \url{https://git.jean-cloud.net/adrian/cours-snt/src/branch/master/web/tp_fake_news/index.html}.
\lstinputlisting[language=HTML]{index.html} \\
Il sagit de la base de toutes les pages web.
%\lstinputlisting[language=HTML]{index.html}
\end{exercice} \end{exercice}
\begin{exercice} \begin{exercice}
@ -55,8 +57,8 @@ Pour en faire un titre principal, on aurait utilisé la balise \textbf{h1}.
\section{CSS — La mise en forme} \section{CSS — La mise en forme}
\begin{exercice} \begin{exercice}
Dans le même dossier que votre fichier « index.html » créez un fichier « style.css » avec le contenu suivant : Dans le même dossier que votre fichier « index.html » créez un fichier « style.css » avec le contenu précisé à cette adresse :\\
\lstinputlisting[language=HTML]{style.css} \url{https://git.jean-cloud.net/adrian/cours-snt/src/branch/master/web/tp_fake_news/style.css}\\
Enregistrez le puis actualiser la page index.html dans votre navigateur, le texte des paragraphes doit maintenant être écrit en bleu. Enregistrez le puis actualiser la page index.html dans votre navigateur, le texte des paragraphes doit maintenant être écrit en bleu.
\end{exercice} \end{exercice}