Construction des pages su site web

Construction d’un site WEB

html video tutorial by EasyHtml5Video.com v3.9.1

.

La page de départ : index.html

.

Un site démarre par la page index.html, elle dirige vers les autres pages du site.

Explication du code , ce sont des balises.

On ajoute des adresses pour accéder à quatre pages

image0

Encadrer par <ul> </ul> on a ajouté à href l’adresse de chaque page du site

image1

Rappel du code

font-family

Police du texte

font-size

Taille de la police du texte

color

Couleur du texte

background-color

Couleur du fond

height

Hauteur

width

Largeur

margin

Taille des marges sur les quatre côtés de l’élément

line-height

Hauteur de la ligne

no-repeat

Afficher une seule fois.

bottom

Afficher jusqu’au bas.

center

Entrer l’affichage

link

lien avec le fichier.

href rel=”stylesheet” media=”screen”

Adresse du fichier par rapport au fichier index.html Représente la feuille de style Le média est l’écran

.

Fabrication des pages du site

.

image3

Mettre des images dans le menu

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

.

Le fichier css

.

CSS sont les initiales de Cascading Style Sheets. C’est un langage destiné à modifier l’apparence des pages et les mettre en forme, c’est un changement de style que l’on peut faire de façon personnelle.

Un fichier css contient toutes les modifications que l’on veut avoir sur le site. Pour que le fichier page0.html utilise un fichier css il faut la balise :

<link href= »page0.css » rel= »stylesheet » media= »screen »>

link

lien avec le fichier.

href

Adresse du fichier par rapport au fichier index.html

rel= »stylesheet »

Représente la feuille de style

media= »screen »

Le média est l’écran

.

page0.html

.

Changer la couleur du fond de la page et l’apparence du Nom du titre

image2

.

Code page0.html

.

image3

.

Page0.css

.

image4

.

page1.html

.

image5

.

Code page1.html

.

image6

.

Code page1.css

.

image7

.

page2.html

.

image8

.

Code page2.html

.

image9

.

Code page2.css

.

image10

.

page3.html

.

image11

.

Code page3.html

.

image12

.

Code page3.css

.

image13

education.numerique@outlook.fr

education-du-numerique.fr. Tous  droits réservés. D Pérarnaud Limoges.