Il s'agit d'un programme codé en HTML extrait du site créer dans le cadre de la spécialité... -

29.03.2015

Il s'agit d'un programme codé en HTML extrait du site créer dans le cadre de la spécialité Informatique et Science du Numérique. Ainsi que la page CSS qui lui est associé.

<!DOCTYPE html> 
<html> 
        <head> 
                <meta charset="utf-8" /> 
                <title>Textes Officiels</title> 
                <link rel= "stylesheet" href= "StyleAcceuil.css"> 
        </head> 
  
    <body> 
     
        <header> 
            <h1>Textes officiels</h1> 
        </header> 
         
        <nav> 
            <ul> 
                <li><a href="index.html">Accueil</a></li> 
                <li><a href="Agenda.html">Agenda</a></li> 
                <li><a href="TP.html">Les TP</a></li> 
                <li><a href="Exposes.html">Les exposés</a></li> 
                <li><a href="Projet.html">Projet</a></li> 
                <li><a href="TextesOfficiels.html">Textes Officiels</a></li> 
            </ul>         
        </nav> 
         
        <section> 
            <h2>spécialité ISN</h2> 
            <article> 
            <nav> 
                <a href="http://www.education.gouv.fr/pid25535/bulletin_officiel.html?cid_bo=57572">programme officiel de l'épreuve de la spécialité ISN</a> 
            </nav> 
            </article> 
            <h2>modalité de l'épreuve au bac</h2> 
            <article> 
            <nav> 
                <a href="http://www.education.gouv.fr/pid25535/bulletin_officiel.html?cid_bo=57489">modalité de l'épreuve du bac</a> 
            </nav> 
            </article> 
            <h2>Grille des compétences évalué en ISN</h2> 
            <article> 
            <nav> 
                <a href="http://www.education.gouv.fr/pid25535/bulletin_officiel.html?cid_bo=59864">Grille des compétences évalués en ISN</a> 
            </nav> 
            </article> 
        </section> 
         
        <hr/> 
         
        <footer> 
         
        <nav>    
            <a href="http://www.lyc-lessouriau-les-ulis.ac-versailles.fr/"><em>Lycée l'Essouriau 2014-2015</em></a> 
        </nav> 
         
        </footer> 
         
    </body> 
     
</html>

Télécharger « TextesOfficiels.html »

body{

background-image: url("Images/StudioGhibli.png"); 

}

 
header{

    border:3px solid orange;

    border-radius: 50px;

    background-color:#F9D995;

    padding-left: 40px;

    opacity: 0.9;     
}

 
section{

    border:none;

    background-color: none;

    padding-bottom: 30px;

    opacity: 0.9;

}

 
nav{

    list-style-image: url("Images/totoro1.png");

    padding-left: 10px;

    margin: 10px 0px 20px 50px;

    opacity: 0.9;     
} 

 
nav2{

    border:3px solid orange;

    background-color:#F9D995;

    margin-top: 50px;

}

     
article{

    border:3px solid orange;

    border-radius: 100px;

    background-color:#F9D995;

    margin-right: 20px;

    margin-left: 20px;

} 

 
footer{

    padding-right: 35px;

    padding-top: 5px;

    opacity: 0.9;

    float: right;

}         
 
p{

    text-align: center;

    color: #000099

}

     
h1{

    color:#990099;

    font-family: Purisa,Comic Sans MS, Serif;

    font-weight: bold;

    font-style: italic;

    text-align: center;

}

 
h2{     
    color:#E35F07;

    font-family: Purisa,Comic Sans MS, Serif;

    text-align: center;

    border: 3px solid orange;

    border-radius: 10px;

    background-color:#F9D995;  

}

 
h3{

    color:#6931DC;

    font-family: Purisa,Comic Sans MS, Serif;

    text-align: center;

}     
 
a:link

{

    color: #990099;

    text-decoration: none;     
}     
 
a:visited

{

    color: #990000;   

}

 
a:hover

{

    text-decoration: underline;

    color: #F9D995;

}

     
ul li{     
    display: inline;

    list-style: none;

    margin:  0px 0px 0px 60px ;

}

 
ul li a{

    display: inline-block;  

    width: 100px;  

    padding: 12px 32px;  

    text-decoration: none;  

    text-align: center;

    text-indent: 10px;

    white-space: pre;

    font-style: italic; 

    border:5px dotted orange; 

    border-radius: 10px;

    background: url("Images/totoro1.png") no-repeat left, #F9D995;

}

Télécharger « StyleAcceuil.css »