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