:
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 |
|---|
 |
|
<! 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" > Tableau </a> </li> <li> <a href = "image.html" class = "btn3" > IMAGES </a> </li> <li> <a href = "javascript.html" class = "btn3" > Javascript </a> </li> <li> <a href = "css.html" class = "btn3" > CSS </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 |
|---|
 |
|
<! 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" > ACCUEIL </a> </li> <li> <a href = "image.html" class = "btn3" > IMAGES </a> </li> <li> <a href = "javascript.html" class = "btn3" > Javascript </a> </li> <li> <a href = "css.html" class = "btn3" > CSS </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' > ⏱ </span> </p> </td> <td> <p class = MsoNormal > <span style = 'font-size:180px;line-height:107%;font-family: "Segoe UI Emoji",sans-serif' > ⏲ </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' > ⏰ </span> </p> </td> <td> <p class = MsoNormal > <span style = 'font-size:180px;line-height:107%;font-family: "Segoe UI Emoji",sans-serif' > ⏱ </span> </p> </td> </tr> </tbody> </table> </div> </body> </html> |
.
Page.css
.
| Apparence de la page css.html |
|---|
 |
|
<! 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" > ACCUEIL </a> </li> <li> <a href = "image.html" class = "btn3" > IMAGES </a> </li> <li> <a href = "tableau.html#" class = "btn3" > Tableau </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> |