2020-2021/EnsSci/03_Intelligence_Artificielle/4E_web.tex
Bertrand Benjamin b471f7c297
All checks were successful
continuous-integration/drone/push Build is passing
Feat: diapo pour intro web avec l'enseignement scientifique
2021-05-17 11:25:56 +02:00

73 lines
1.9 KiB
TeX
Executable File

\documentclass[14pt,xcolor=table]{classPres}
\usepackage{booktabs}
\author{}
\title{Traitement de l'information \\ WEB}
\date{Mai 2021}
\begin{document}
\frame{\titlepage}
\begin{frame}{Langages du WEB}
\begin{columns}
\begin{column}{0.3\textwidth}
\begin{center}
\includegraphics[scale=0.4]{./fig/CSS3_logo.png}
Décoration
\end{center}
\end{column}
\begin{column}{0.3\textwidth}
\begin{center}
\includegraphics[scale=0.9]{./fig/HTML5_logo.png}
Contenu
\end{center}
\end{column}
\begin{column}{0.3\textwidth}
\begin{center}
\textbf{Javascript}
\includegraphics[scale=0.3]{./fig/JavaScript_logo.png}
Interaction
\end{center}
\end{column}
\end{columns}
\end{frame}
\begin{frame}{Personnalisation de Zozor}
\begin{itemize}
\item Copier coller le répertoire ...
\item Ouvrir avec un navigateur \texttt{index.html}
\item Ouvrir avec un éditeur de texte (Notepad++) \texttt{index.html}
\end{itemize}
\begin{center}
\includegraphics[scale=0.5]{./fig/notepad_firefox}
\end{center}
\end{frame}
\begin{frame}{HTML - balises}
\begin{center}
\includegraphics[scale=2]{./fig/anatomie-element-html}
\end{center}
\small
\begin{multicols}{2}
\begin{itemize}
\item \texttt{<p> ... </p>}
\item \texttt{<h1> ... </h1>}
\item \texttt{<h2> ... </h2>}
\item \texttt{<strong> ... </strong>}
\item \texttt{<ul> ... </ul>}
\item \texttt{<li> ... </li>}
\item \texttt{<img src="..." alt="...">}
\item \texttt{<a href="..."> ... </a>}
\end{itemize}
\end{multicols}
\end{frame}
\end{document}