Sommaire: Cours création et conception de site web
I Introduction
Qu’est-ce qu’un site web ?
Les étapes de la création d’un site
Des pages web aux applications web
II Les premiers pas en HTML, plutôt en XHTML
Infrastructure et premiers éléments du langage HTML
Ecrire et tester du code HTML
Les images et les liens
III La représentation visuelle d’un document
Définitions : le langage CSS et les règles de style
L’intégration des styles et les propriétés de style
Le système de boites et le positionnement
IV Plus avant avec HTML
Les tableaux
Les formulaires
V Premières applications de Javascript
Le langage Javascript
Objets et évènements
Applications aux formulaires
VI Conception de sites web
Conception adaptée au public et à l’écran
Structuration et navigation
Publication d’un site web
…….
I Introduction
La création et la conception d’un site web est un processus qui implique plusieurs étapes qui peuvent,suivant l’importance du site, mettre en oeuvre des moyens importants et des compétences diverses.
I.1 Qu’est-ce qu’un site web ?
1 Définition
Un site Web est un ensemble de pages web et d’éventuelles autres ressources hyperliées en un ensemble cohérent, pouvant être consulté avec un navigateur à une adresse web donnée.
Un site est publié (entendons par là qu’il est mis en ligne sur un serveur web) par un propriétaire (une entreprise, une administration ou un particulier). Le propriétaire du site choisit l’adresse Web à laquelle le site est accessible. Il peut créer et maintenir le site à jour lui-même ou faire appel à une entreprise spécialisée, une agence web.
2 Les technologies mises en oeuvre pour un site web
Protocole de communication : HTTP, HTTPS http est un protocole qui permet le transfert de fichier (essentiellement au format HTML)localisé grâce à une chaîne de caractères appelée url entre un navigateur (le client) et unserveur.
Formats de données C’est la manière utilisée en informatique pour représenter des données sous forme de nombres binaires. C’est une convention utilisée pour représenter des informations représentant un texte (UTF-8, ASCII), une image (GIF, JPEG, et PNG), un son, un fichier exécutable. Lorsque ces données sont stockées dans un fichier (unité informationnelle stockée), on parle de format de fichier.
3 Histoire
Tim Berners-Lee, l’inventeur du World Wide Web, a mis en ligne le tout premier site internet en 1991,faisant de lui le tout premier concepteur de site (web designer). Il utilisait le maillage de l’internet, non pas uniquement à travers ses différents chemins (gain en tolérance de panne) mais pour ses nœuds. Il proposait une ramification de documents stockés sur des serveurs et accessibles par des liens hypertexte (dispositif offrant une organisation non linéaire des informations).
4 Les constituants des pages et le périmètre du contenu de ce cours
-La structure de contenu de la page va être décrite en XHTML
-La présentation (l’affichage) est assurée via des feuilles de style CSS.
-Des objets multmédias peuvent être ajoutés et intégrés (GIF, JPG, PNG, FLASH)
-Une première manipulation de scripts côté client à l’aide de Javascript
Ce cours se limite à une formation au langage HTML, englobant un langage de script (Javascript) et l’utilsation de feuilles de styles CSS. La programmation côté serveur (Java, PHP, …) ne relève pas de cet enseignement.
I.2 Les étapes de la création
En fonction du type de site, du contexte et des moyens disponibles pour le mettre en oeuvre certaines de ces étapes peuvent être optionnelles voire inutiles.
-Réflexion sur l’objectif du site, sa rentabilité, les moyens financiers à engager …
-Réflexion sur l’autonomie souhaitée et le type de moyens humains pour faire la mise à jour.
Choix éventuel d’une agence web (qui peut s’occuper de tout ce qui suit).
1.3 Des pages web aux dernières applications web
La métaphore de la page
Il y a plusieurs types de pages web : des sites institutionnels, des sites d’e-commerce éléctronique, des annuaires et moteurs de recherche, des messageries web, des forums internet,des wikis, des blogs,
……
