Ajout titres HTML, CSS, Js et une page sur les bonnes pratiques.
This commit is contained in:
parent
f8c17842d0
commit
69dfb543e9
|
|
@ -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 {\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 {\slideentry {7}{4}{6}{307/307}{Animation javascript}{0}}}
|
||||
\@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 {\beamer@framepages {307}{308}}}
|
||||
\@writefile{nav}{\headcommand {\beamer@partpages {307}{308}}}
|
||||
\@writefile{nav}{\headcommand {\beamer@subsectionpages {307}{308}}}
|
||||
\@writefile{nav}{\headcommand {\beamer@sectionpages {307}{308}}}
|
||||
\@writefile{nav}{\headcommand {\beamer@documentpages {308}}}
|
||||
\@writefile{nav}{\headcommand {\gdef \inserttotalframenumber {199}}}
|
||||
\gdef \@abspage@last{308}
|
||||
\@writefile{nav}{\headcommand {\slideentry {7}{4}{7}{308/308}{Animation javascript}{0}}}
|
||||
\@writefile{nav}{\headcommand {\beamer@framepages {308}{308}}}
|
||||
\@writefile{nav}{\headcommand {\gdef \insertmainframenumber {199}}}
|
||||
\HyPL@Entry{308<</P(200)>>}
|
||||
\@writefile{nav}{\headcommand {\partentry {Annexe}{1}}}
|
||||
\@writefile{nav}{\headcommand {\beamer@partpages {1}{308}}}
|
||||
\@writefile{nav}{\headcommand {\beamer@sectionpages {271}{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}
|
||||
|
|
|
|||
BIN
OCInfoPres.dvi
BIN
OCInfoPres.dvi
Binary file not shown.
|
|
@ -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
|
||||
543330 string characters out of 5909860
|
||||
1358426 words of memory out of 5000000
|
||||
45789 multiletter control sequences out of 15000+600000
|
||||
29577 strings out of 481063
|
||||
543160 string characters out of 5909860
|
||||
1357820 words of memory out of 5000000
|
||||
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).
|
||||
|
|
|
|||
|
|
@ -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 {\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 {\slideentry {7}{4}{6}{307/307}{Animation javascript}{0}}
|
||||
\headcommand {\beamer@framepages {307}{307}}
|
||||
\headcommand {\slideentry {9}{0}{0}{307/308}{}{1}}
|
||||
\headcommand {\beamer@framepages {307}{308}}
|
||||
\headcommand {\beamer@partpages {307}{308}}
|
||||
\headcommand {\beamer@subsectionpages {307}{308}}
|
||||
\headcommand {\beamer@sectionpages {307}{308}}
|
||||
\headcommand {\beamer@documentpages {308}}
|
||||
\headcommand {\gdef \inserttotalframenumber {199}}
|
||||
\headcommand {\slideentry {7}{4}{7}{308/308}{Animation javascript}{0}}
|
||||
\headcommand {\beamer@framepages {308}{308}}
|
||||
\headcommand {\gdef \insertmainframenumber {199}}
|
||||
\headcommand {\partentry {Annexe}{1}}
|
||||
\headcommand {\beamer@partpages {1}{308}}
|
||||
\headcommand {\beamer@sectionpages {271}{308}}
|
||||
\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}}
|
||||
|
|
|
|||
BIN
OCInfoPres.pdf
BIN
OCInfoPres.pdf
Binary file not shown.
54400
OCInfoPres.ps
54400
OCInfoPres.ps
File diff suppressed because it is too large
Load Diff
|
|
@ -1,2 +1,2 @@
|
|||
\beamer@slide {rvbtsv}{214}
|
||||
\beamer@slide {notes}{307}
|
||||
\beamer@slide {notes}{309}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Reference in New Issue