CRÉATION DES SITES WEB
Présentation
Dr Demba COULIBALY
Maître – Assistant
USSGB - IUG
PLAN
Définitions
HTML et CSS
Editeurs
Navigateurs
Résumé
DIFINITIONS
Internet : C'est le réseau informatique mondial
accessible au public.
Web : Le World Wide Web (WWW), littéralement la
« toile (d’araignée) mondiale », communément
appelé le Web, et parfois la Toile, est un système
hypertexte public fonctionnant sur Internet.
Site web : Un site ou site web (website) est un
ensemble de pages web (texte + multimédia) et de
ressources liées et accessible via une adresse web.
Langages de création des sites Web : Il s'agit de
langages informatiques qui permettent de créer
des sites web. Il s'agit des langages HTML (Hyper
Text MarkUp Language) et CSS (Cascading Style
Sheets).
HTML & CSS (1/3)
Le langage HTML a été inventé par Tim
Berners-Lee en 1991.
Langage de balises
HTML permet d’écrire le fond (contenu et
structure) des pages
CSS permet la mise en forme des pages
Interprétés par les navigateurs web.
HTML & CSS (2/3)
HTML 1 : c'est la toute première version créée par Tim
Berners-Lee en 1991.
HTML 2 : de1994 à1996. Les règles et le fonctionnement de
cette version sont donnés par le W3C.
HTML 3 : de1996 à 1998. Rajoute les tableaux, les applets, les
scripts, le positionnement du texte autour des images, etc.
HTML 4 : de 1998 aux années 2005. Rajoute de frames, des
tableaux plus complexes, des améliorations sur les formulaires.
L’exploitation des feuilles de style (CSS )
HTML 5 : Dernière version, apparue àprès 2005. Elle apporte
l'inclusion facile des vidéos, un meilleur agencement du
contenu, de nouvelles fonctionnalités pour les formulaires, etc.
C'est cette version que nous allons découvrir ensemble.
HTML & CSS (3/3)
CSS 1 : Première version en1996. Elle pose
les bases de ce langage qui permet de
présenter sa page web, comme les couleurs,
les marges, les polices de caractères, etc.
CSS 2 : apparue en 1999 puis complétée par
CSS 2.1, cette nouvelle version de CSS
rajoute de nombreuses options. Utilisation
des techniques de positionnement très
précises.
CSS 3 : c'est la dernière version, qui apporte
des fonctionnalités particulièrement
attendues comme les bordures arrondies, les
dégradés, les ombres, etc.
EDITEURS DE TEXTE (1/3)
Les éditeurs de texte permettent de rediger
les pages web.
Il y a deux groupes d'éditeurs :
Les WYSIWYG (What You See Is What You
Get - Ce Que Vous Voyez Est Ce Que Vous
Obtenez). Exemples : Mozilla Composer,
Microsoft Expression Web, Dreamweaver.
Les éditeurs de texte : ce sont des
programmes dédiés à l'écriture de code.
EDITEURS DE TEXTE (2/3)
Exemples :
Sous Windows
Notepad++;
jEdit;
PSpad;
ConTEXT;
Sous Mac OS X
jEdit;
Smultron ;
TextWrangler.
EDITEURS DE TEXTE (3/3)
Sous Linux
gEdit ;
Kate ;
vim ;
Emacs ;
jEdit.
NAVIGATEURS
Le navigateur est le programme qui nous
permet de voir les sites web. Un navigateur
est un programme extrêmement complexe.
Quelques navigateurs web : Internet
Explorer, Mozilla FireFox, Opéra, Google
Chrome, Safari.
RÉDACTION D’UN SITE WEB
Quelles informations pour quel(s)
public(s) ?
Organisation de l’information
Hiérarchisation structurelle et rubriquage :
Organiser les contenus et les services dans le site
Arborescence = plan du site
La conception du site
Charte de conception : organiser les contenus et
services dans les pages
Charte graphique
Calendrier d’exécution
Plan pour la promotion et le
référencement des sites web
RESUME (1/2)
Le Web a été inventé par Tim Berners-Lee au
début des années 1990.
Pour créer des sites web, on utilise deux
langages informatiques :
HTML : permet d'écrire et organiser le
contenu de la page (paragraphes,
titres…) ;
CSS : permet de mettre en forme la page
(couleur, taille…).
RESUME (2/2)
Il y a eu plusieurs versions des langages HTML
et CSS. Les dernières versions sont HTML5 et
CSS3.
Le navigateur web est un programme qui
permet d'afficher des sites web. Il lit les
langages HTML et CSS pour savoir ce qu'il doit
afficher.
Il existe de nombreux navigateurs web
différents : Google Chrome, Mozilla Firefox,
Internet Explorer, Safari, Opera.
Chacun affiche un site web de manière
légèrement différente des autres navigateurs.
