Le Web - [Tableaux Maths]

Le Web

Mes premières pages Web

Article mis en ligne le 29 février 2020

dernière modification le 2 mars 2020

Les documents du cours


TP1: Ma première page Web


TP2: Pages et liens


TP3: Le surfeur aléatoire et le référencement


Cours_Web: La synthèse


Cours_Web_Diaporama: Diaporama de synthèse

Vidéo d’introduction

TP1 : Ma première page web

1) Dans votre PEDA, créez un dossier Web puis un sous dossier Page1

2) Ouvrez NotePad et copiez/collez le code ci-dessous :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
    <title>Ma première page Web</title>
    <link rel="stylesheet" type="text/css" href="theme.css">
</head>

<body>

<!-- Contenu principal -->

<h1>Ma première page Web</h1>

<p>Bienvenue sur ma page Web</p> 

<p>Il lui manque des images, des couleurs, des liens ... </p> 

<div class="bloc1">
    <p class="citation">

        Le premier qui ayant enclos un terrain s'avisa de dire : ceci est à moi, et trouva des gens assez simples pour le croire, fut le vrai fondateur de la société civile.

    </p>

    <p class="auteur">

    Jean-Jacques Rousseau

    <p>
</div>
<div class="bloc2">
    <p class="citation">

        Dans la vie on ne fait pas ce que l'on veut mais on est responsable de ce que l'on est.

    </p>

    <p class="auteur">

    Jean-Paul Sartre

    <p>

</div>
<div class="pied">

    <p>Au revoir</p>

</div>

</body>
</html>

3) Enregistrez-le dans Page1 sous le nom page1.html

4) Ouvrez ce fichier page1.html avec un navigateur Internet.

5) Copiez/collez le code ci-dessous dans un autre fichier NotePad et enregistrez sous le nom theme.css :

body {
    font-family: Georgia;
    color: #00FF99;
    background-color: purple;
}

h1 {
    text-align: center;
    background-color: grey;
}

.bloc1, .bloc2 {
    width: 44%;
    height: 150px;
    float: left;
    margin-left: 4%;
    font-weight: bold;
}

.bloc1 {
    background-color: grey;
}

.bloc2 {
    background-color: #0033CC;
}

.auteur {
    font-style: italic;
    text-align: right;
}

.pied {
    margin-top: 200px;
    background-color: grey;
    text-align: center;
}

6) Revenez sur le navigateur Internet de la première page puis faites F5 pour rafraîchir la page.

7) Complétez/modifiez les fichiers page1.html et theme.css pour obtenir une page avec 9 citations de votre choix.

TP3 : Page Rank

Voici le code Python à utiliser :

import random

def calcul_PR_cas(n):
    Res = []
    page = random.randint(1,6)
    Res.append(page)
    for i in range(n):
        if page == 1 :
            page = random.choice([2,4])
            Res.append(page)
        elif page == 2:
            page = random.choice([3,5])
            Res.append(page)
        elif page == 3:
            page = 4
            Res.append(page)
        elif page == 4:
            page = 5
            Res.append(page)
        elif page == 5:
            page = random.choice([1,2])
            Res.append(page)
        elif page == 6:
            page = 1
            Res.append(page)
    return Res
    
Visites = calcul_PR_cas(1000))

print(Visites)