0% ont trouvé ce document utile (0 vote)
3 vues7 pages

Introduction aux langages Web SNT

Transféré par

arthurcab62232
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
3 vues7 pages

Introduction aux langages Web SNT

Transféré par

arthurcab62232
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Sciences Numériques et Technologie (SNT) SECONDE

Lycée André Malraux


Béthune
SYNTHÈSE  20 min

Thème de la séquence N°1 : Le Web

1) Modèle client/serveur :

[Link]
Source: [Link]

2) http versus https :

1/7
Source : livre SNT edition Foucher

3) URL :

2/7
4) Utilisation de contenu :

3/7
5) Moteur de recherche :

Source : [Link]

6) Les langages de description :


6.1) Le HTML :
Le HTML est un langage informatique descriptif qui s’occupe de la structure et du contenu des pages Web.

6.2) Le CSS :
Le CSS est un langage informatique descriptif qui s’occupe de la forme des pages Web. Généralement, pour
des questions de rigueur, le code CSS est séparé du code HTML dans un fichier qui lui est propre.

4/7
6.3) Incorporer une image :
<img src="mon_image.png">

6.4) Référence au fichier CSS dans une balise HTML:


<head>
<link rel="stylesheet" href="[Link]" />
</head>

6.5) Syntaxe du langage CSS et lien avec le HTML :

Document CSS

Document HTML

<p> …………..</p>

5/7
Document HTML Document CSS

<div id="identifiant_unique">……..</div> #identifiant_unique


{
width:355px;
height:320px;
text-align:left;
font-size:0.8em;
}

Document HTML Document CSS

<div class="ma_classe">……..</div> .ma_classe


{
<h1 class="ma_classe">……..</h1> height:310px;
text-align:justify;
<p class="ma_classe">……..</p> font-size:0.9em;
}

Document HTML Document CSS

<p>………………………………………..</p> p
{
color:green;
6/7 }
7) Schéma récapitulatif :

Source : livre SNT edition Foucher

7/7

Vous aimerez peut-être aussi