Ajout titres HTML, CSS, Js et une page sur les bonnes pratiques.

OCInfoPres.aux

@@ -729,29 +729,35 @@
 \HyPL@Entry{305<</P(197)>>}
 \@writefile{nav}{\headcommand {\slideentry {7}{4}{5}{306/306}{Animation javascript}{0}}}
 \@writefile{nav}{\headcommand {\beamer@framepages {306}{306}}}
-\@writefile{nav}{\headcommand {\gdef \insertmainframenumber {197}}}
 \HyPL@Entry{306<</P(198)>>}
-\@writefile{nav}{\headcommand {\partentry {Annexe}{1}}}
+\@writefile{nav}{\headcommand {\slideentry {7}{4}{6}{307/307}{Animation javascript}{0}}}
-\@writefile{nav}{\headcommand {\beamer@partpages {1}{306}}}
-\@writefile{nav}{\headcommand {\beamer@sectionpages {271}{306}}}
-\@writefile{nav}{\headcommand {\beamer@subsectionpages {302}{306}}}
-\@writefile{nav}{\headcommand {\beamer@appendixpages {307}}}
-\@writefile{nav}{\headcommand {\beamer@sectionpages {307}{306}}}
-\@writefile{nav}{\headcommand {\beamer@subsectionpages {307}{306}}}
-\@writefile{nav}{\headcommand {\sectionentry {8}{Références}{307}{Références}{1}}}
-\newlabel{notes}{{198}{307}{Références}{Doc-Start}{}}
-\@writefile{snm}{\beamer@slide {notes}{307}}
-\@writefile{nav}{\headcommand {\beamer@sectionpages {307}{306}}}
-\@writefile{nav}{\headcommand {\beamer@subsectionpages {307}{306}}}
-\@writefile{nav}{\headcommand {\sectionentry {9}{Crédits photographiques}{307}{Crédits photographiques}{1}}}
-\@writefile{nav}{\headcommand {\slideentry {9}{0}{0}{307/307}{}{1}}}
 \@writefile{nav}{\headcommand {\beamer@framepages {307}{307}}}
 \HyPL@Entry{307<</P(199)>>}
-\@writefile{nav}{\headcommand {\slideentry {9}{0}{0}{307/308}{}{1}}}
+\@writefile{nav}{\headcommand {\slideentry {7}{4}{7}{308/308}{Animation javascript}{0}}}
-\@writefile{nav}{\headcommand {\beamer@framepages {307}{308}}}
+\@writefile{nav}{\headcommand {\beamer@framepages {308}{308}}}
-\@writefile{nav}{\headcommand {\beamer@partpages {307}{308}}}
+\@writefile{nav}{\headcommand {\gdef \insertmainframenumber {199}}}
-\@writefile{nav}{\headcommand {\beamer@subsectionpages {307}{308}}}
+\HyPL@Entry{308<</P(200)>>}
-\@writefile{nav}{\headcommand {\beamer@sectionpages {307}{308}}}
+\@writefile{nav}{\headcommand {\partentry {Annexe}{1}}}
-\@writefile{nav}{\headcommand {\beamer@documentpages {308}}}
+\@writefile{nav}{\headcommand {\beamer@partpages {1}{308}}}
-\@writefile{nav}{\headcommand {\gdef \inserttotalframenumber {199}}}
+\@writefile{nav}{\headcommand {\beamer@sectionpages {271}{308}}}
-\gdef \@abspage@last{308}
+\@writefile{nav}{\headcommand {\beamer@subsectionpages {302}{308}}}
+\@writefile{nav}{\headcommand {\beamer@appendixpages {309}}}
+\@writefile{nav}{\headcommand {\beamer@sectionpages {309}{308}}}
+\@writefile{nav}{\headcommand {\beamer@subsectionpages {309}{308}}}
+\@writefile{nav}{\headcommand {\sectionentry {8}{Références}{309}{Références}{1}}}
+\newlabel{notes}{{200}{309}{Références}{Doc-Start}{}}
+\@writefile{snm}{\beamer@slide {notes}{309}}
+\@writefile{nav}{\headcommand {\beamer@sectionpages {309}{308}}}
+\@writefile{nav}{\headcommand {\beamer@subsectionpages {309}{308}}}
+\@writefile{nav}{\headcommand {\sectionentry {9}{Crédits photographiques}{309}{Crédits photographiques}{1}}}
+\@writefile{nav}{\headcommand {\slideentry {9}{0}{0}{309/309}{}{1}}}
+\@writefile{nav}{\headcommand {\beamer@framepages {309}{309}}}
+\HyPL@Entry{309<</P(201)>>}
+\@writefile{nav}{\headcommand {\slideentry {9}{0}{0}{309/310}{}{1}}}
+\@writefile{nav}{\headcommand {\beamer@framepages {309}{310}}}
+\@writefile{nav}{\headcommand {\beamer@partpages {309}{310}}}
+\@writefile{nav}{\headcommand {\beamer@subsectionpages {309}{310}}}
+\@writefile{nav}{\headcommand {\beamer@sectionpages {309}{310}}}
+\@writefile{nav}{\headcommand {\beamer@documentpages {310}}}
+\@writefile{nav}{\headcommand {\gdef \inserttotalframenumber {201}}}
+\gdef \@abspage@last{310}

OCInfoPres.log

@@ -1,4 +1,4 @@
-This is pdfTeX, Version 3.14159265-2.6-1.40.21 (TeX Live 2020/Debian) (preloaded format=latex 2022.6.12)  2 JAN 2023 22:30
+This is pdfTeX, Version 3.14159265-2.6-1.40.21 (TeX Live 2020/Debian) (preloaded format=latex 2022.6.12)  3 JAN 2023 21:00
 entering extended mode
  \write18 enabled.
  %&-line parsing enabled.
@@ -2726,6 +2726,10 @@ Overfull \hbox (0.44365pt too wide) in paragraph at lines 3422--3422
 
 ] [306
 
+] [307
+
+] [308
+
 ] (./OCInfoPres.ent
 Overfull \hbox (6.08382pt too wide) in paragraph at lines 14--18
 [][]\T1/lmss/m/n/6 Wikipedia : [][][][][][][][][][][][][][][][][][][][][][][][]
@@ -2773,9 +2777,9 @@ Overfull \hbox (0.24661pt too wide) in paragraph at lines 56--61
 
  []
 
-) [307
+) [309
 
-] [308
+] [310
 
 
 ]
@@ -2798,16 +2802,16 @@ Package rerunfilecheck Warning: File `OCInfoPres.out' has changed.
 (rerunfilecheck)                or use package `bookmark'.
 
 Package rerunfilecheck Info: Checksums for `OCInfoPres.out':
-(rerunfilecheck)             Before: 3B69D4E79004A5DB9E8FCD807FE64D2C;2480
+(rerunfilecheck)             Before: A5F28F186CC29C6E5FCD23EDDB131C99;2310
 (rerunfilecheck)             After:  146D3C8933B174FC65AD04EA92F2754E;2480.
  ) 
 Here is how much of TeX's memory you used:
- 29595 strings out of 481063
+ 29577 strings out of 481063
- 543330 string characters out of 5909860
+ 543160 string characters out of 5909860
- 1358426 words of memory out of 5000000
+ 1357820 words of memory out of 5000000
- 45789 multiletter control sequences out of 15000+600000
+ 45771 multiletter control sequences out of 15000+600000
  534074 words of font info for 129 fonts, out of 8000000 for 9000
  81 hyphenation exceptions out of 8191
  131i,19n,132p,645b,2610s stack positions out of 5000i,500n,10000p,200000b,80000s
 
-Output written on OCInfoPres.dvi (308 pages, 4928724 bytes).
+Output written on OCInfoPres.dvi (310 pages, 4783032 bytes).

OCInfoPres.nav

@@ -471,24 +471,28 @@
 \headcommand {\beamer@framepages {305}{305}}
 \headcommand {\slideentry {7}{4}{5}{306/306}{Animation javascript}{0}}
 \headcommand {\beamer@framepages {306}{306}}
-\headcommand {\gdef \insertmainframenumber {197}}
+\headcommand {\slideentry {7}{4}{6}{307/307}{Animation javascript}{0}}
-\headcommand {\partentry {Annexe}{1}}
-\headcommand {\beamer@partpages {1}{306}}
-\headcommand {\beamer@sectionpages {271}{306}}
-\headcommand {\beamer@subsectionpages {302}{306}}
-\headcommand {\beamer@appendixpages {307}}
-\headcommand {\beamer@sectionpages {307}{306}}
-\headcommand {\beamer@subsectionpages {307}{306}}
-\headcommand {\sectionentry {8}{Références}{307}{Références}{1}}
-\headcommand {\beamer@sectionpages {307}{306}}
-\headcommand {\beamer@subsectionpages {307}{306}}
-\headcommand {\sectionentry {9}{Crédits photographiques}{307}{Crédits photographiques}{1}}
-\headcommand {\slideentry {9}{0}{0}{307/307}{}{1}}
 \headcommand {\beamer@framepages {307}{307}}
-\headcommand {\slideentry {9}{0}{0}{307/308}{}{1}}
+\headcommand {\slideentry {7}{4}{7}{308/308}{Animation javascript}{0}}
-\headcommand {\beamer@framepages {307}{308}}
+\headcommand {\beamer@framepages {308}{308}}
-\headcommand {\beamer@partpages {307}{308}}
+\headcommand {\gdef \insertmainframenumber {199}}
-\headcommand {\beamer@subsectionpages {307}{308}}
+\headcommand {\partentry {Annexe}{1}}
-\headcommand {\beamer@sectionpages {307}{308}}
+\headcommand {\beamer@partpages {1}{308}}
-\headcommand {\beamer@documentpages {308}}
+\headcommand {\beamer@sectionpages {271}{308}}
-\headcommand {\gdef \inserttotalframenumber {199}}
+\headcommand {\beamer@subsectionpages {302}{308}}
+\headcommand {\beamer@appendixpages {309}}
+\headcommand {\beamer@sectionpages {309}{308}}
+\headcommand {\beamer@subsectionpages {309}{308}}
+\headcommand {\sectionentry {8}{Références}{309}{Références}{1}}
+\headcommand {\beamer@sectionpages {309}{308}}
+\headcommand {\beamer@subsectionpages {309}{308}}
+\headcommand {\sectionentry {9}{Crédits photographiques}{309}{Crédits photographiques}{1}}
+\headcommand {\slideentry {9}{0}{0}{309/309}{}{1}}
+\headcommand {\beamer@framepages {309}{309}}
+\headcommand {\slideentry {9}{0}{0}{309/310}{}{1}}
+\headcommand {\beamer@framepages {309}{310}}
+\headcommand {\beamer@partpages {309}{310}}
+\headcommand {\beamer@subsectionpages {309}{310}}
+\headcommand {\beamer@sectionpages {309}{310}}
+\headcommand {\beamer@documentpages {310}}
+\headcommand {\gdef \inserttotalframenumber {201}}

OCInfoPres.snm

@@ -1,2 +1,2 @@
 \beamer@slide {rvbtsv}{214}
-\beamer@slide {notes}{307}
+\beamer@slide {notes}{309}

OCInfoPres.tex

@@ -3740,6 +3740,42 @@ A découvrir.
 
 \subsection{Animation javascript}
 
+\begin{frame}{Javascript}
+\begin{center}
+\huge{Javascript}
+\end{center}
+ \medskip
+ Javascript est un langage de programmation complet du côté client, c'est-à-dire que c'est le navigateur qui va l'utiliser pour enrichir les pages web d'une interactivité manquant à HTML et CSS.
+ 
+ \smallskip 
+ L'utilisation de Javascript peut être problématique pour deux raisons. Premièrement, tournant du côté client, il ne permet pas l'accès aux bases de données se trouvant sur le serveur, par exemple. Secondement, il peut avoir accès au client et est donc potentiellement dangereux. 
+\end{frame}
+
+\begin{frame}[containsverbatim]{Bonnes pratiques}
+\begin{columns}
+\begin{column}{0.5\textwidth}
+\begin{block}{Appel de JS}
+Pour éviter de bloquer le site si JS n'est pas activé, il faut le charger en dernier. On parle de JS non intrusif.
+
+\smallskip
+L'instruction suivante est à placer juste après la fermeture de la balise body~:
+\begin{lstlisting}[language=HTML,basicstyle=\tiny,breaklines=true]
+</body>
+<script src='js/monjs.js'></script>
+\end{lstlisting}
+\end{block}
+\end{column}
+\begin{column}{0.5\textwidth}
+\begin{block}{Séparation du JS}
+Comme pour CSS, il faut placer le code JS dans un fichier séparé du HTML.
+
+\smallskip
+Généralement, on le place dans le répertoire js/ avec pour nom monjs.js. Attention, l'extension .js est impérative.
+\end{block}
+\end{column}
+\end{columns}
+\end{frame}
+
 \begin{frame}[containsverbatim]{Animation javascript 1 : image, gif animé}
 
 \begin{columns}

OCInfoPres.tex.bak

@@ -3740,6 +3740,42 @@ A découvrir.
 
 \subsection{Animation javascript}
 
+\begin{frame}{Javascript}
+\begin{center}
+\huge{Javascript}
+\end{center}
+ \medskip
+ Javascript est un langage de programmation complet du côté client, c'est-à-dire que c'est le navigateur qui va l'utiliser pour enrichir les pages web d'une interactivité manquant à HTML et CSS.
+ 
+ \smallskip 
+ L'utilisation de Javascript peut être problématique pour deux raisons. Premièrement, tournant du côté client, il ne permet pas l'accès aux bases de données se trouvant sur le serveur, par exemple. Secondement, il peut avoir accès au client et est donc potentiellement dangereux. 
+\end{frame}
+
+\begin{frame}{Bonnes pratiques}
+\begin{columns}
+\begin{column}{0.5\textwidth}
+\begin{block}{Appel de JS}
+Pour éviter de bloquer le site si JS n'est pas activé, il faut le charger en dernier. On parle de JS non intrusif.
+
+\smallskip
+L'instruction suivante est à placer juste après la fermeture de la balise body~:
+\begin{lstlisting}[language=HTML,basicstyle=\tiny,breaklines=true]
+</body>
+<script src='js/monjs.js'></script>
+\end{lstlisting}
+\end{block}
+\end{column}
+\begin{column}{0.5\textwidth}
+\begin{block}{Séparation du JS}
+Comme pour CSS, il faut placer le code JS dans un fichier séparé du HTML.
+
+\smallskip
+Généralement, on le place dans le répertoire js/ avec pour nom mon
+\end{block}
+\end{column}
+\end{columns}
+\end{frame}
+
 \begin{frame}[containsverbatim]{Animation javascript 1 : image, gif animé}
 
 \begin{columns}