Construction d'un site web

.

SITE WEB :

.

.

Le code html :

.

convert mp4 to webm by EasyHtml5Video.com v3.9.1

.

Le code html :

.

.

Aperçu de la page d’accueil du site

.

_images/ht018.PNG

.

Le code html

.

_images/ht015.PNG

Télécharger les images téléchager theme .

_images/htmltheme.PNG

.

Le code css :

.

code CSS

Le corps du document a en couleur de fond background-color: #A0D8D1 , on peut changer de couleur chaque page du site. _images/ht001.PNG
On peut créer un domaine top de hauteur 100 pixels , avec un texte de où on détermine la taille de la poloce, la couleur , la justification du texte; _images/ht002.PNG
top.petit signifie que la police du texte diminue, on peut créer un {top.grand` pour augmenter la taille de la police. _images/ht003.PNG
Création d’un container dans lequel on peut placer le menu; _images/ht004.PNG
Création du menu : c’est un bouton centré, de hauteur 100 pixels. _images/ht005.PNG
ul début d’un tableau contenant li qui un élément du tableau. _images/ht007.PNG
  _images/ht008.PNG
a:hover execution de la commande quand la souris est sur le bouton; _images/ht009.PNG
  _images/ht011.PNG
  _images/ht012.PNG
  _images/ht013.PNG
  _images/ht014.PNG

.

Code css complet

.

_images/ht016.PNG

_images/ht019.PNG

.

Les textes  RST

.

  • Mise en forme de Base
    1. Section et sous-sections

    On souligne le texte avec le code suivant :

    # pour les parties

    • pour les chapitres

    -, pour les sous-sections

    ^, pour les sous-sous-sections

    « , pour les paragraphes

    1. Mise en forme et listes

    Mettre du texte en italique

    Mettre du texte en gras

    Mettre du texte en courier pour le code

    Ce qui donne en code

    Mettre du texte en italique

    Mettre du texte en gras

    Mettre du texte en courier pour le code Liste d’items non numérotées

    Ce qui donne en code

    • item 1
    • item 2
    • item 3

    On peut aussi faire des listes imbriquées (attention à prendre soin de mettre une ligne supplémentaire) avec d’autres marqueurs :

    en voici un une liste avec une liste imbriquée et un sous-item on continue ici la liste initiale Que l’on code

    • en voici un
    • une liste
      • avec une liste imbriquée
      • et un sous-item
    • on continue ici la liste initiale

    Liste d’items numérotées

    Liste numérotée “à la main”. Deuxième item. Liste numérotée automatiquement. Deuxième item. Que l’on code

    1. Liste numérotée « à la main ».
    2. Deuxième item.
    3. Liste numérotée automatiquement.
    4. Deuxième item.

    L’autre nom d’un tuple est n-uplet, un tuple est une liste non modifiable, la qualité principale des tuples est leur rapidité ;

    .

    Les titres

    .

    _images/ht051.PNG _images/ht050.PNG

    .

    Tableau

    .

    Il y deux façons de faire des tableaux:

    _images/tableau01.PNG
    Ligne 0 position[0][0]
    Ligne 1 123456789
    Ligne 3