78 lines
2.1 KiB
TeX
78 lines
2.1 KiB
TeX
|
\documentclass[14pt,xcolor=table]{classPres}
|
||
|
|
\usepackage{booktabs}
|
||
|
|
|
||
|
|
\author{}
|
||
|
|
\title{WEB: Séance 1 \\ Les langages du WEB}
|
||
|
|
\date{Septembre 2019}
|
||
|
|
|
||
|
|
\begin{document}
|
||
|
|
|
||
|
|
\frame{\titlepage}
|
||
|
|
|
||
|
|
\begin{frame}{Langages du WEB}
|
||
|
|
\pause
|
||
|
|
\begin{columns}
|
||
|
|
\begin{column}{0.3\textwidth}
|
||
|
|
\begin{center}
|
||
|
|
\includegraphics[scale=0.4]{./fig/CSS3_logo}
|
||
|
|
\uncover<3>{Décoration}
|
||
|
|
\end{center}
|
||
|
|
\end{column}
|
||
|
|
\begin{column}{0.3\textwidth}
|
||
|
|
\begin{center}
|
||
|
|
\includegraphics[scale=0.9]{./fig/HTML5_logo}
|
||
|
|
\uncover<3>{Contenu}
|
||
|
|
\end{center}
|
||
|
|
\end{column}
|
||
|
|
\begin{column}{0.3\textwidth}
|
||
|
|
\begin{center}
|
||
|
|
\textbf{Javascript}
|
||
|
|
\includegraphics[scale=0.3]{./fig/JavaScript_logo}
|
||
|
|
\uncover<3>{Interaction}
|
||
|
|
\end{center}
|
||
|
|
\end{column}
|
||
|
|
\end{columns}
|
||
|
|
\end{frame}
|
||
|
|
|
||
|
|
\begin{frame}{Code source d'une page}
|
||
|
|
\framesubtitle{Défacer google}
|
||
|
|
|
||
|
|
\begin{itemize}
|
||
|
|
\item Lire le code source: \\
|
||
|
|
Développement Web > Code source de la page
|
||
|
|
\pause
|
||
|
|
\item Modifier le code source: \\
|
||
|
|
Développement Web > Inspecteur
|
||
|
|
\pause
|
||
|
|
\end{itemize}
|
||
|
|
Pas d'enregistrement possible
|
||
|
|
\end{frame}
|
||
|
|
|
||
|
|
\begin{frame}{Personnalisation de Zozor}
|
||
|
|
\begin{itemize}
|
||
|
|
\item Copier coller le répertoire ...
|
||
|
|
\item Ouvrir avec un navigateur index.html
|
||
|
|
\item Ouvrir avec un éditeur de texte (Notepad++) index.html
|
||
|
|
\item \textbf{Modifier} dans l'éditeur, \textbf{sauver}, \textbf{recharger} la page sur le navigateur
|
||
|
|
\end{itemize}
|
||
|
|
\end{frame}
|
||
|
|
|
||
|
|
\begin{frame}{Bilan}
|
||
|
|
\begin{itemize}
|
||
|
|
\item Langages du WEB:
|
||
|
|
\vfill
|
||
|
|
\item Balises pour écrire du HTML
|
||
|
|
\vfill
|
||
|
|
\end{itemize}
|
||
|
|
\end{frame}
|
||
|
|
|
||
|
|
\begin{frame}{Pour la prochaine fois}
|
||
|
|
Regarder et prendre extraire les éléments importants
|
||
|
|
|
||
|
|
\url{http://citescolaire-lannemezan.mon-ent-occitanie.fr/disciplines/sciences-numeriques-et-technologie/4-1-reperes-historiques-51479.htm}
|
||
|
|
|
||
|
|
\end{frame}
|
||
|
|
|
||
|
|
|
||
|
|
\end{document}
|