\documentclass[14pt,xcolor=table]{classPres}
\usepackage{booktabs}

\author{}
\title{WEB: Séance 2 \\ Écrire en HTML}
\date{Septembre 2019}

\begin{document}

\frame{\titlepage}

\begin{frame}{HTML langage à balises}
    Quelques balises
    \vfill
\end{frame}

\begin{frame}{Page exemple}
    
    \begin{columns}
        \begin{column}[t]{0.5\textwidth}
            \framesubtitle{\texttt{page\_balises.html}}
            \lstinputlisting[basicstyle=\tiny, language=html, firstline=1, lastline=23]{./page_balises.html}
        \end{column}
        \begin{column}[t]{0.5\textwidth}
            \begin{center}
                \includegraphics[scale=0.13]{./fig/page_balise}
            \end{center}
        \end{column}
    \end{columns}
\end{frame}

\begin{frame}{Page HTML à partir de rien}
    \framesubtitle{\texttt{page\_blanche.html}}
    \lstinputlisting[language=html]{./page_blanche.html}

    \pause
    \begin{block}{À votre tour}
        Écrire une page HTML l'histoire du WEB

    \pause
    avec au moins 4 balises différentes
    \end{block}

\end{frame}

\begin{frame}{Validation du code avec \\W3C validator}

    \url{https://validator.w3.org/unicorn/?ucn_lang=fr#validate-by-upload+task_conformance}

\end{frame}

\begin{frame}{Bilan}
\end{frame}

\begin{frame}{Pour la prochaine fois}
    \begin{itemize}
        \item Terminer la page HTML sur l'histoire du WEB
        \item Envoyer la page à 
    \end{itemize}
\end{frame}

\end{document}
