Upload
madridal
View
304
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
Présenté Par : Khouloud GHARBI
1996 2000 2005 20080
20000000
40000000
60000000
80000000
100000000
120000000
140000000
160000000
180000000
200000000
nombre de sites web
Evolution du nombre de sites web
PAR OU COMMENCER?
I. LES LANGAGES:
1.HTML
Sert à taper le contenu de votre site web.
contient des informations logiques.
<Ceci est mon titre>
<c’est mon menu>
<c'est le texte principal de la page>
<là il y a une image>
2.CSS
Sert à personnaliser votre site web
Mes titres sont en rouge et sont soulignés
mon texte est dans la police arial
mon nom est centré
mon menu a un fond blanc
De quel logiciel je vais avoir
besoin pour créer mon site web ?
II.L’EDITEUR:
Bloc-notes !!
NOTEPAD++
III.LES BALISES
1. Definition
<balise>
Invisibles aux visiteurs. MARQUEURS pour le
navigateur.
Une balise commence par "<" et se termine par ">"
2.Types
Les balises existant par paire :
<title> titre du site </title>
Les balises seules :
<img /> Les commentaires
<!-- Commentaire -->
Dans la balise <head>
<title> Mon titre</title>
<link href =``infocept.ico`` rel=``icon`` / >
<meta />
3.Exemples
Dans la balise <body>
<p> Un paragraphe </p>
<br /> Saut de ligne
<strong> texte en gras </strong>
<h1> Titre très important </h1>
<h6> Titre moins important </h6>
IV.LES ATTRIBUTS
Donner des précisions sur une balise
Essentiels ou optionnels
Utilisables avec tout type de balise
Par paires
Seules
1. Definition
<img src="images/infocept.jpg" alt="infocept" />
Src : attribut
"images/infocept.jpg" : sa valeur
2. Exemple
IV.LES LIENS
<a href=``http:\\infocept.ept``> infocept </a>
<a href=``dossier\mapage.html``> texte </a>
<a href="mailto:[email protected]"> nous contacter </a>
1. Syntaxe
<a href=‘‘#infocept’’ > infocept </a>
<a href=‘‘monsite.html#infocept’’ > infocept </a>
2. Les ancres
MISE EN PLACE
CSS
Stylesheet
Création d’un fichier d’extension .css
<link rel="stylesheet" media="screen" type="text/css" href="chemin\mon style.css" />
Le CSS plus simple plus efficace
body{
background: url("data/infocept.jpg") no-repeat top center;
}
ATTRIBUTSID / CLASS
CSS
Class