Compare commits
No commits in common. "9cadad6cb34b5385153b3ea8f24fc7caf543f974" and "6f6a4816c37da4894ba79cea85d0c6ee9dcd6299" have entirely different histories.
9cadad6cb3
...
6f6a4816c3
Binary file not shown.
@ -1,47 +0,0 @@
|
|||||||
\documentclass[a4paper,10pt]{article}
|
|
||||||
\usepackage{myXsim}
|
|
||||||
|
|
||||||
\author{Benjamin Bertrand}
|
|
||||||
\title{WEB - Cours}
|
|
||||||
\date{Septembre 2020}
|
|
||||||
|
|
||||||
\pagestyle{empty}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
|
|
||||||
\maketitle
|
|
||||||
|
|
||||||
\setcounter{section}{1}
|
|
||||||
\section{Langage HTML}
|
|
||||||
|
|
||||||
\begin{center}
|
|
||||||
HTML: HyperText Markup Language
|
|
||||||
|
|
||||||
En français: langage de balises pour l'hypertexte
|
|
||||||
\end{center}
|
|
||||||
|
|
||||||
Le html utilise des \textbf{balises} pour structurer le contenu de la page web.
|
|
||||||
|
|
||||||
\subsection*{Balises}
|
|
||||||
\begin{center}
|
|
||||||
\includegraphics[scale=2]{./fig/anatomie-element-html}
|
|
||||||
\end{center}
|
|
||||||
|
|
||||||
\subsubsection*{Exemples de balises}
|
|
||||||
|
|
||||||
\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}
|
|
||||||
|
|
||||||
\afaire{Décrire l'utilisation des balises listées au-dessus.}
|
|
||||||
|
|
||||||
\end{document}
|
|
Binary file not shown.
@ -1,25 +0,0 @@
|
|||||||
\documentclass[a4paper,10pt]{article}
|
|
||||||
\usepackage{myXsim}
|
|
||||||
|
|
||||||
\author{Benjamin Bertrand}
|
|
||||||
\title{WEB - Exercices}
|
|
||||||
\date{Septembre 2020}
|
|
||||||
|
|
||||||
\pagestyle{empty}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
|
|
||||||
\begin{tabular}{p{5cm}|c|c}
|
|
||||||
Balises html & Rendu & Autres balises rencontrées \\
|
|
||||||
\hline
|
|
||||||
& \includegraphics[scale=0.45]{./fig/page_balise.png}&
|
|
||||||
\end{tabular}
|
|
||||||
\vfill
|
|
||||||
\begin{tabular}{p{5cm}|c|c}
|
|
||||||
Balises html & Rendu & Autres balises rencontrées \\
|
|
||||||
\hline
|
|
||||||
& \includegraphics[scale=0.45]{./fig/page_balise.png}&
|
|
||||||
\end{tabular}
|
|
||||||
\vfill
|
|
||||||
|
|
||||||
\end{document}
|
|
Binary file not shown.
@ -1,38 +0,0 @@
|
|||||||
\documentclass[12pt,xcolor=table]{classPres}
|
|
||||||
\usepackage{booktabs}
|
|
||||||
|
|
||||||
\author{}
|
|
||||||
\title{WEB: Séance 2 \\ Étude du html}
|
|
||||||
\date{Septembre 2020}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
|
|
||||||
\frame{\titlepage}
|
|
||||||
|
|
||||||
\begin{frame}{Langage HTML}
|
|
||||||
\begin{itemize}
|
|
||||||
\item HTML: HyperText Markup Language
|
|
||||||
\begin{center}
|
|
||||||
langage de balises pour l'hypertexte
|
|
||||||
\end{center}
|
|
||||||
\pause
|
|
||||||
\item Balises
|
|
||||||
\begin{center}
|
|
||||||
\includegraphics[scale=2]{./fig/anatomie-element-html}
|
|
||||||
\end{center}
|
|
||||||
\end{itemize}
|
|
||||||
\end{frame}
|
|
||||||
|
|
||||||
\begin{frame}{Page à balises}
|
|
||||||
\begin{itemize}
|
|
||||||
\item Copier-coller le dossier \colorbox{highlightbg}{\texttt{page\_balises}} dans votre dossier personnel.
|
|
||||||
\item Ouvrir avec Notepad++ le fichier \colorbox{highlightbg}{\texttt{page\_balises.html}}.
|
|
||||||
\item Étudier le code source pour identifier les balises.
|
|
||||||
\end{itemize}
|
|
||||||
|
|
||||||
\begin{center}
|
|
||||||
\includegraphics[scale=0.2]{./fig/page_balise}
|
|
||||||
\end{center}
|
|
||||||
\end{frame}
|
|
||||||
|
|
||||||
\end{document}
|
|
Binary file not shown.
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
Before Width: | Height: | Size: 134 KiB |
@ -2,7 +2,7 @@ WEB
|
|||||||
###
|
###
|
||||||
|
|
||||||
:date: 2020-09-08
|
:date: 2020-09-08
|
||||||
:modified: 2020-09-09
|
:modified: 2020-09-08
|
||||||
:authors: Benjamin Bertrand
|
:authors: Benjamin Bertrand
|
||||||
:tags: Web
|
:tags: Web
|
||||||
:category: SNT
|
:category: SNT
|
||||||
@ -30,22 +30,10 @@ Cours: languages du web.
|
|||||||
Étape 2: Étudier du HTML
|
Étape 2: Étudier du HTML
|
||||||
========================
|
========================
|
||||||
|
|
||||||
.. image:: ./2P_etude_web.pdf
|
|
||||||
:height: 200px
|
|
||||||
:alt: Consigne pour l'étude du web
|
|
||||||
|
|
||||||
À partir de la page à balises, les élèves doivents retrouver les balises qui entoure le contenu affiché sur la page.
|
À partir de la page à balises, les élèves doivents retrouver les balises qui entoure le contenu affiché sur la page.
|
||||||
|
|
||||||
.. image:: ./2E_etude_web.pdf
|
|
||||||
:height: 200px
|
|
||||||
:alt: Retrouver les balises html
|
|
||||||
|
|
||||||
Cours: Le language html et les balises html
|
Cours: Le language html et les balises html
|
||||||
|
|
||||||
.. image:: ./2B_html.pdf
|
|
||||||
:height: 200px
|
|
||||||
:alt: Bilan sur les balises html
|
|
||||||
|
|
||||||
Étape 3: Écrire du HTML
|
Étape 3: Écrire du HTML
|
||||||
=======================
|
=======================
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@ Modélisation suite
|
|||||||
##################
|
##################
|
||||||
|
|
||||||
:date: 2020-08-24
|
:date: 2020-08-24
|
||||||
:modified: 2020-09-09
|
:modified: 2020-09-08
|
||||||
:authors: Benjamin Bertrand
|
:authors: Benjamin Bertrand
|
||||||
:tags: Suite, Programmation, Tableur, Modélisation
|
:tags: Suite, Programmation, Tableur, Modélisation
|
||||||
:category: TST
|
:category: TST
|
||||||
@ -33,6 +33,8 @@ Cours: Suites arithémtiques et géométriques sans la formule explicite juste l
|
|||||||
:height: 200px
|
:height: 200px
|
||||||
:alt: Cours sur le modèle linéaire et exponentiel
|
:alt: Cours sur le modèle linéaire et exponentiel
|
||||||
|
|
||||||
|
Traiter une tableau de valeurs ???
|
||||||
|
|
||||||
Étape 2: Exercices techniques
|
Étape 2: Exercices techniques
|
||||||
=============================
|
=============================
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user