Déf

Conception de site web :
Video 1 : https://www.youtube.com/watch?v=jkXR0UvZAwc
Un éclairage simple et passionnant sur les découvertes et les inventions
majeures. Aujourd'hui : le World Wide Web, inventé par un programmateur
de génie, sir Timothy Berners-Lee,Timothy John Berners-Lee, KBE, né le 8
juin 1955 à Londres, est un citoyen britannique, principal inventeur du
World Wide Web au tournant des années 1990.
Surfer sur Internet est devenu l'une de nos activités les plus courantes.
Informations, jeux, transactions bancaires : des milliards de données
sont envoyés, acheminées et réceptionnées chaque minute. La technologie
qui permet cela s'appelle le World Wide Web. Son invention est le fait
d'un programmateur de génie, sir Timothy Berners-Lee, qui cherchait à
relier entre eux des documents présents sur plusieurs ordinateurs…
Les grandes dates de la science et de la technique rediffusé sur Arte le
dimanche 14 Septembre 2014
Origine : ARTE
Pays : Allemagne
Année : 2005
Catégorie
Science et technologie
Licence
Licence YouTube standard
Structure des pages
Un site web est un ensemble de pages qui peuvent être consultées en
suivant des hyperliens à l'intérieur du site. L'adresse web d'un site
correspond en fait à l'URL d'une page web, prévue pour être la première
consultée : la page d'accueil. La consultation des pages d'un site
s'appelle une « visite », car les hyperliens devraient permettre de
consulter toutes les pages du site sans le quitter (sans devoir consulter
une page web hors du site). Une visite peut commencer par n'importe
quelle page, particulièrement lorsque son URL est donnée par un moteur de
recherche. Techniquement, rien ne distingue la page d'accueil d'une autre
page.
On distingue deux types de sites : les sites statiques et les sites
dynamiques.
Sites statiques
Ces sites ont le mécanisme de fonctionnement le plus simple : les URL
correspondent à un fichier renvoyé par le serveur web. Le contenu des
pages d'un site statique ne dépend donc pas de variables telles que la
date ou de bases de données. Pour changer le contenu d'une page, il est
nécessaire de changer le contenu du fichier.
En outre, les visiteurs peuvent seulement voir le contenu du site mais
pas y participer. Pour les réaliser, seuls les langages dits de
d'interface utilisateur (frontend) sont nécessaires, c'est-à-dire HTML,
CSS et JavaScript (en théorie, il est toutefois possible d'utiliser
uniquement le HTML).
Le HTML permet d'écrire le contenu de sa page ;
Le CSS permet de la décorer ;
JavaScript permet d'ajouter du dynamisme, mais uniquement du côté du
navigateur (par exemple des animations graphiques).
Sites dynamiques
Au contraire ces sites offrent un contenu qui peut évoluer dans le temps.
Des programmes tournent du côté des serveurs, à l'arrière plan, (backend)
pour générer les pages du site. Ces programmes peuvent se servir de bases
de données ou autres sources de données pour composer les pages qui
seront affichées dans le navigateur.
Ce dynamisme apporte des fonctionnalités que ne peuvent offrir les sites
dits statiques. Par exemple les visiteurs peuvent y participer
(commentaires sur un blog, changement du contenu des pages d'un wiki...).
Pour les réaliser, on a également besoin de HTML, de CSS et de
JavaScript, mais les programmes qui tournent du côté serveur utilisent
d'autres langages qui peuvent créer dynamiquement les pages. Il existe
plusieurs langages pour créer ces pages (Java, C#, PHP, Ruby, Python,
etc.). Leurs rôles est d'analyser les requêtes des visiteurs pour ensuite
fabriquer une réponse adaptée.
Technologies
Les technologies mises en œuvre pour un site web sont multiples. On peut
les classer ainsi :
Protocoles de communication
Hypertext Transfer Protocol (HTTP)
Hypertext Transfer Protocol Secured (HTTPS)
Formats de contenus web
Formats de documents :
Hypertext Markup Language (HTML) ;
Extensible HyperText Markup Language (XHTML).
Cascading Style Sheets (En français : Feuilles de style en cascade)
(CSS).
Formats d'images graphiques. Utilisés pour agrémenter les pages et sont
reconnus par tous les navigateurs web.
Graphics Interchange Format (GIF)
JPEG File Interchange Format (JFIF)
Portable Network Graphics (PNG) ;
Autres formats souvent utilisés, requièrent un module d'extension, ou
plug-in, sur le navigateur pour fonctionner :
Applets Java
Macromedia Flash
SVG
Technologies serveur
Server Side Includes (SSI) ;
PHP: Hypertext Preprocessor (PHP) ;
JavaServer Pages (JSP) ;
JavaServer Faces (JSF) ;
Common Gateway Interface (CGI) ;
Base de données ;
Active server pages (ASP).
Ergonomie: La navigation sur une page web
Video 2 : https://www.youtube.com/watch?v=5S1WydlidDM
Ergonomie : La page d'accueil d'un site web
video 3 : https://www.youtube.com/watch?v=7Cnin0YSnzI
Utilisabilité :
vidéo 4 : https://www.youtube.com/watch?v=0wtOosC8x6g
video : comment améliorer l'utilisabilité de page web :
https://www.youtube.com/watch?v=0wtOosC8x6g
video : comment creer un site web :
https://www.youtube.com/watch?v=RIq5O7ooHG0
video : concevoir un site web accessible :
https://www.youtube.com/watch?v=80SI3dZiARk
Pages :
http://fr.wikipedia.org/wiki/Site_web
http://fr.wikipedia.org/wiki/Conception_de_site_web
http://fr.wikipedia.org/wiki/Utilisabilit%C3%A9
http://fr.wikipedia.org/wiki/Ergonomie_informatique
http://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_web
http://fr.wikipedia.org/wiki/Programmation_web
http://cybermarketing.pagesperso-orange.fr/Ergonomie.htm