Nouveau site

Nouveau site WEB

.

index.html

.

Un site démarre par la page index.html, elle dirige vers les autres pages du site.

Apparence de la page index.html
image0

<! DOCTYPE html >

<html xmlns = " http://www.w3.org/1999/xhtml " lang = "fr" >

<head>

<meta http-equipv= "content-Type" content = "text/html" charset = "UTF-8" >

<title> Education Numérique </title>

<link href = "menu1.css" rel = "stylesheet" media = "screen" >

</head>

<body style = " background-color:#A6E5BB" >

<h2   style = "text-align: center;color:#FFFFFF ;background:#FFFFF" >

<span style = "font-size:15px;" > . </span>

</h2>

<h3 style = "text-align: center;color:#F1F2F6 ;background:#004C8C" >

<span style = "font-size:35px;" > Les images et les tableaux </span>

</h3>

<h2 style = "text-align: center;color:#FFFFFF ;background:#FFFFF" >

<span style = "font-size:25px;" > . </span>

</h2>

<div id = "menu1" >

<ul>

<li>

<a href = "tableau.html#" class = "btn3" > &nbsp; Tableau &nbsp; </a>

</li>

<li>

<a href = "image.html" class = "btn3" > &nbsp; &nbsp; IMAGES &nbsp; &nbsp; </a>

</li>

<li>

<a href = "javascript.html" class = "btn3" > Javascript </a>

</li>

<li>

<a href = "css.html" class = "btn3" > &nbsp; &nbsp; &nbsp; CSS &nbsp; &nbsp; &nbsp; </a>

</li>

</ul>

</div>

<h3 style = "text-align: center;color:#FFFFFF ;background:#FFFFF" >

<span style = "font-size:35px;" > . </span>

</h3>

<h3 style = "text-align: center;color:#F1F2F6 ;background:#004C8C" >

<span style = "font-size:35px;" > Les images et les tableaux </span>

</h3>

<strong>

<p> Le  Menu à changé, il est formé par le fichier menu1.css </p>

<p> Les figures du premier site sont contenues dans un tableau </p>

<p> Les images vont êtres positionnées de plusieurs façons </p>

<p> Le code de style1.css et menu1.css peux être copier </p>

</strong>

<h3 style = "text-align: center;color:#F1F2F6 ;background:#004C8C" >

<span style = "font-size:35px;" > fichiers css et js </span>

</h3>

</div>

</body>

</html>

.

tableau.html

.

tableau.html
image0

<! DOCTYPE html >

<html xmlns = " http://www.w3.org/1999/xhtml " lang = "fr" >

<head>

<head>

<meta http-equipv= "content-Type" content = "text/html" charset = "UTF-8" >

<title> Education Numérique </title>

<link href = "style1.css" rel = "stylesheet" media = "screen" >

<link href = "menu1.css" rel = "stylesheet" media = "screen" >

</head>

<h3 style = "text-align: center;color:#F1F2F6 ;background:#004C8C" >

<span style = "font-size:35px;" > TABLEAU </span>

</h3>

<h2 style = "text-align: center;color:#FFFFFF ;background:#FFFFF" >

<span style = "font-size:25px;" > . </span>

</h2>

<div id = "menu1" >

<ul>

<li>

<a href = "index.html"   class = "btna" > &nbsp; ACCUEIL &nbsp; </a>

</li>

<li>

<a href = "image.html" class = "btn3" > &nbsp; &nbsp; IMAGES &nbsp; &nbsp; </a>

</li>

<li>

<a href = "javascript.html" class = "btn3" > Javascript </a>

</li>

<li>

<a href = "css.html" class = "btn3" > &nbsp; &nbsp; &nbsp; CSS &nbsp; &nbsp; &nbsp; </a>

</li>

</ul>

</div>

<table border = "1" class = "bordered" width = "100%" style = "font-size:15px;" >

<colgroup>

<col width = "100%" />

</colgroup>

<thead valign = "center" >

<tr class = "row-odd" >

<th class = "head" > Description de l'application </th>

</th>

</tr>

</thead>

<tbody valign = "top" >

<tr class = "row-odd" >

</td>

<td class = "linenodiv" >

<strong>

<p> Le  tableau est formé par le fichier style1.css </p>

<p> Les figures du premier site sont contenues dans un tableau </p>

<p> Un tableau peut avoir plusiuers lignes et plusieurs colonnes </p>

<p> Le code de tableau.html peux être copier </p>

<p> Il y a deux fichiers css  pour cette page html : menu1.css et style1.css </p>

</strong>

</td>

</tr>

</tbody>

</table>

<table border = "1" class = "bordered" width = "100%" style = "color:#0526F5 ;font-size:15px;" >

<colgroup>

<col width = "50%" />

<col width = "50%" />

</colgroup>

<thead valign = "center" >

<tr class = "row-odd" >

<th class = "head" >

<strong> Largeur = 50 % </strong>

</th>

<th class = "head" >

<strong> Largeur = 50 % </strong>

</th>

</tr>

</thead>

<tbody valign = "top" >

<tr class = "row-even" >

<td>

<p class = MsoNormal >

<span style = 'font-size:180px;line-height:107%;font-family:

"Segoe UI Emoji",sans-serif' > &#9201; </span>

</p>

</td>

<td>

<p class = MsoNormal >

<span style = 'font-size:180px;line-height:107%;font-family:

"Segoe UI Emoji",sans-serif' > &#9202; </span>

</p>

</td>

</tr>

<tr class = "row-even" >

<td>

<p class = MsoNormal >

<span style = 'font-size:180px;line-height:107%;font-family:

"Segoe UI Emoji",sans-serif' > &#9200; </span>

</p>

</td>

<td>

<p class = MsoNormal >

<span style = 'font-size:180px;line-height:107%;font-family:

"Segoe UI Emoji",sans-serif' > &#9201; </span>

</p>

</td>

</tr>

</tbody>

</table>

</div>

</body>

</html>

.

Page.css

.

Apparence de la page css.html
image0

<! DOCTYPE html >

<html xmlns = " http://www.w3.org/1999/xhtml " lang = "fr" >

<head>

<meta http-equipv= "content-Type" content = "text/html" charset = "UTF-8" >

<title> Education Numérique </title>

<link href = "style1.css" rel = "stylesheet" media = "screen" >

<link href = "style2.css" rel = "stylesheet" media = "screen" >

<link href = "menu1.css" rel = "stylesheet" media = "screen" >

</head>

<body >

<h3 style = "text-align: center;color:#F1F2F6 ;background:#004C8C" >

<span style = "font-size:35px;" > CSS </span>

</h3>

<h2 style = "text-align: center;color:#FFFFFF ;background:#FFFFF" >

<span style = "font-size:25px;" > . </span>

</h2>

<div id = "menu1" >

<ul>

<li>

<a href = "index.html"   class = "btna" > &nbsp; ACCUEIL &nbsp; </a>

</li>

<li>

<a href = "image.html" class = "btn3" > &nbsp; &nbsp; IMAGES &nbsp; &nbsp; </a>

</li>

<li>

<a href = "tableau.html#" class = "btn3" > &nbsp; Tableau &nbsp; </a>

</li>

<li>

<a href = "javascript.html" class = "btn3" > Javascript </a>

</li>

</ul>

</div>

<div style = "background-color:#E8E8CC" >

<table border = "1" class = "bordered" width = "100%" >

<colgroup>

<col width = "100%" />

</colgroup>

<thead>

<tr class = "row-odd" >

</th>

<th class = "head" > Description de l'applications </th>

</th>

</tr>

</thead>

<tbody valign = "top" >

<tr class = "row-odd" >

</td>

<td class = "linenodiv" >

<strong>

<p> Le fichier CSS sur le site educationdunumerique.fr contient les codes  de fichiers.css </p>

<p> style.css; style1.css; style2.css ; menu1.css </p>

<p> tous les fichiers css peuvent être copier </p>

</strong>

</td>

</tr>

</tbody>

</table>

</div>

</body>

</html>