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

This commit is contained in:
Guyot 2023-01-03 21:04:56 +01:00
parent f8c17842d0
commit 69dfb543e9
9 changed files with 24085 additions and 30507 deletions

View File

@ -729,29 +729,35 @@
\HyPL@Entry{305<</P(197)>>} \HyPL@Entry{305<</P(197)>>}
\@writefile{nav}{\headcommand {\slideentry {7}{4}{5}{306/306}{Animation javascript}{0}}} \@writefile{nav}{\headcommand {\slideentry {7}{4}{5}{306/306}{Animation javascript}{0}}}
\@writefile{nav}{\headcommand {\beamer@framepages {306}{306}}} \@writefile{nav}{\headcommand {\beamer@framepages {306}{306}}}
\@writefile{nav}{\headcommand {\gdef \insertmainframenumber {197}}}
\HyPL@Entry{306<</P(198)>>} \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}}} \@writefile{nav}{\headcommand {\beamer@framepages {307}{307}}}
\HyPL@Entry{307<</P(199)>>} \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}

Binary file not shown.

View File

@ -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 entering extended mode
\write18 enabled. \write18 enabled.
%&-line parsing enabled. %&-line parsing enabled.
@ -2726,6 +2726,10 @@ Overfull \hbox (0.44365pt too wide) in paragraph at lines 3422--3422
] [306 ] [306
] [307
] [308
] (./OCInfoPres.ent ] (./OCInfoPres.ent
Overfull \hbox (6.08382pt too wide) in paragraph at lines 14--18 Overfull \hbox (6.08382pt too wide) in paragraph at lines 14--18
[][]\T1/lmss/m/n/6 Wikipedia : [][][][][][][][][][][][][][][][][][][][][][][][] [][]\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'. (rerunfilecheck) or use package `bookmark'.
Package rerunfilecheck Info: Checksums for `OCInfoPres.out': Package rerunfilecheck Info: Checksums for `OCInfoPres.out':
(rerunfilecheck) Before: 3B69D4E79004A5DB9E8FCD807FE64D2C;2480 (rerunfilecheck) Before: A5F28F186CC29C6E5FCD23EDDB131C99;2310
(rerunfilecheck) After: 146D3C8933B174FC65AD04EA92F2754E;2480. (rerunfilecheck) After: 146D3C8933B174FC65AD04EA92F2754E;2480.
) )
Here is how much of TeX's memory you used: 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 534074 words of font info for 129 fonts, out of 8000000 for 9000
81 hyphenation exceptions out of 8191 81 hyphenation exceptions out of 8191
131i,19n,132p,645b,2610s stack positions out of 5000i,500n,10000p,200000b,80000s 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).

View File

@ -471,24 +471,28 @@
\headcommand {\beamer@framepages {305}{305}} \headcommand {\beamer@framepages {305}{305}}
\headcommand {\slideentry {7}{4}{5}{306/306}{Animation javascript}{0}} \headcommand {\slideentry {7}{4}{5}{306/306}{Animation javascript}{0}}
\headcommand {\beamer@framepages {306}{306}} \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 {\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}}

Binary file not shown.

File diff suppressed because it is too large Load Diff

View File

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

View File

@ -3740,6 +3740,42 @@ A découvrir.
\subsection{Animation javascript} \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{frame}[containsverbatim]{Animation javascript 1 : image, gif animé}
\begin{columns} \begin{columns}

View File

@ -3740,6 +3740,42 @@ A découvrir.
\subsection{Animation javascript} \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{frame}[containsverbatim]{Animation javascript 1 : image, gif animé}
\begin{columns} \begin{columns}