Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

1 Département : SEG Semestre 3 Elément : Informatique Appliquée 2 Chapitre 3 :

1 Département : SEG Semestre 3 Elément : Informatique Appliquée 2 Chapitre 3 : Technologie Web Année Universitaire : 2013/2014 Université Hassane 1 Settat Faculté Polydisciplinaire Khouribga 2 1. Introduction : Le terme « web » désigne le service internet permettant de naviguer à travers des pages web. Le protocole utilisé pour ce type de communication est le protocole HTTP (HyperText Transfer Protocol), ce qui explique le fait que vous saisissiez des URL commençant par http://. Le protocole HTTP en est actuellement à sa version 1.1 (spécifié par le consortium W3C). Désormais, le protocole HTTPS (protocole HTTP sécurisé) est de plus en plus utilisé avec l'utilisation de systèmes de commerce électronique, car il s'agit d'un protocole sécurisé permettant de chiffrer les requêtes échangées entre le navigateur et le serveur. 2. Qu’est ce qu’un site web : Un site web (aussi appelé site internet ou page perso dans le cas d'un site internet à but personnel) est un ensemble de fichiers HTML stockés sur un ordinateur connecté en permanence à internet et hébergeant les pages web (on parle généralement de serveur car cet ordinateur possède un logiciel permettant de servir les pages web, il s'agit bien évidemment d'un serveur web). 2.1 catégories de sites web : Plusieurs catégories de sites web sont habituellement définies, selon le but poursuivi :  Les sites vitrine (appelés également sites plaquette ou site identité) sont des sites dont l'objectif est de mettre en avant l'image de marque de la société, en présentant par exemple ses produits ou ses services ;  Les sites catalogue sont des sites visant à présenter l'offre de l'entreprise ;  Les sites d'information sont des sites fournissant une information particulière à un type d'internautes ;  Les sites marchands sont des sites vendant directement des produits aux internautes et permettant éventuellement de payer en ligne ;  Les sites institutionnels sont des sites présentant l'organisation et ses valeurs. Ce type de site décrit généralement l'activité de l'organisation, des chiffres clés et donne les informations nécessaires aux clients ou aux bénéficiaires ;  Les sites personnels (parfois pages perso) sont des sites réalisés par des particuliers à titre de loisir, le plus souvent par passion pour un sujet ou une discipline ;  Les sites communautaires sont des sites réunissant des internautes autour d'un intérêt commun.  Les sites intranet sont des sites accessibles de l'intérieur d'une entreprise ou d'une direction, ayant pour objet la mise à disposition et le partage d'informations professionnelles. 3 2.2 Conception : La conception du site web est ainsi une phase essentielle du projet, dans laquelle une réflexion globale est menée dans un premier temps sur les objectifs du site et la cible potentielle, et, dans un second temps, sur la structure, l'ergonomie et la navigation. Cahier des charges  L'objet principal de la phase de conception est d'analyser l'ensemble des besoins, puis d'imaginer des contextes d'utilisation. L'analyse des besoins comporte ainsi deux volets :  Les besoins de l'organisation, correspondant à une stratégie d'objectifs.  Les besoins des utilisateurs, correspondant à une stratégie de cible. 2.3 Réalisation :  La réalisation du site concerne la création des pages web et des éléments graphiques. La création des pages web consiste à créer des fichiers HTML. Il existe deux façons de créer ce type de fichier:  En éditant les fichiers HTML « à la main », c'est-à-dire en saisissant le code HTML dans un fichier texte à l'aide d'un simple éditeur de texte. Cette solution est la plus fastidieuse (malgré la relative simplicité du langage HTML), mais reste toutefois la meilleure façon d'apprendre à réaliser un site, de comprendre comment celui-ci fonctionne, et d'être ainsi en mesure de créer un code optimisé et propre.  En Utilisant un éditeur HTML WYSIWYG (What You See Is What You Get, traduisez Ce que vous voyez est ce que vous obtenez). Il s'agit d'un logiciel permettant de créer des pages web visuellement en plaçant des objets et des contrôles. Le logiciel se charge de générer le code HTML automatiquement. Il s'agit d'une solution très pratique pour créer des pages web, car la complexité est en grande partie masquée. Cette méthode peut s'avèrer très ennuyeuse si l'éditeur ne permet pas de réaliser ce que l'utilisateur souhaite. Une connaissance du langage HTML est néanmoins souhaitable afin de pouvoir maîtriser les options d'édition avancées du logiciel, permettant notamment de modifier manuellement des attributs de style.  D'autre part, un site internet convivial doit contenir des images. Un logiciel de dessin sera nécessaire afin d'égayer le site avec des images (au format GIF, JPG ou PNG). 2.4 Hébergement  Une société mettant à disposition un serveur web connecté en permanence à internet est appelée hébergeur et offre un service appelé hébergement. On distingue deux principales catégories d'hébergeurs:  les hébergeurs gratuits. Ils prêtent gratuitement un espace disque sur un serveur pour créer vos pages web. Ce type de service est généralement totalement gratuit. Ils 4 gagnent de l'argent soit avec un espace publicitaire sur votre site (ce procédé se fait de plus en plus rare), soit uniquement grâce au trafic sur leur propre site.  les hébergeurs professionnels. Ce type d'hébergement garantit un service de qualité (bande passante) et de sécurité (sécurité des données et assurance d'un nombre de pannes réduit). Il s'avère assez indispensable dans le cas d'un site à trafic important (plus de 1000 visiteurs par jour) et permet l'achat d'un nom de domaine. 3. L’Ergonomie des sites web : L'ergonomie est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie, physiologie, médecine) dans le but d'améliorer son environnement de travail. L'ergonomie se caractérise généralement selon deux composantes :  L'efficacité, consistant à adopter des solutions appropriées d'utilisation d'un produit, au-delà du bon sens du concepteur ;  L'utilisabilité, marquant l'adéquation aux capacités de l'utilisateur. Elle se décline en Le confort d'utilisation, consistant à réduire au maximum la fatigue physique et nerveuse. La sécurité, consistant à choisir des solutions adéquates pour protéger l'utilisateur. Appliquée au domaine du web, l'ergonomie d'un site web peut être définie par sa capacité à répondre efficacement aux attentes des utilisateurs et à leur fournir un confort de navigation. La principale difficulté que tente de lever l'ergonomie est la diversité des profils des visiteurs. Les critères suivants sont généralement déterminant pour un site web :  attentes de l'utilisateur : tous les visiteurs du site ne recherchent pas nécessairement la même information ou n'ont pas nécessairement les mêmes exigences en terme de graphisme.  habitudes de l'utilisateur : elles correspondent à des comportements acquis.  âge de l'utilisateur : il caractérise en général la capacité d'adaptation de l'utilisateur et sa rapidité de navigation.  équipements : il s'agit d'une des difficultés majeures. En effet, l'affichage du site pourra varier d'un équipement à l'autre, en particulier selon le navigateur et la résolution d'affichage.  niveau de connaissances : tous les visiteurs du site ne sont pas nécessairement des as de l'informatique. L'ergonomie du site doit être pensée pour l'utilisateur le moins expérimenté. 5 3.1 Critères d’ergonomie : 6 7 3.2 Structuration du site web : La structuration du site web consiste à bâtir l'architecture globale du site web en organisant les différentes informations. Il s'agit dans un premier temps de faire l'inventaire des contenus du site web et de les regrouper par thématique afin de constituer des rubriques, on parle alors de rubriquage. Dès lors que les principales rubriques sont identifiées (on veillera à ne pas dépasser une dizaine de rubriques principales), il faut alors déterminer leur organisation et leur découpage en sous-rubriques. La plupart du temps la structuration du site peut se représenter sous la forme d'une arborescence dont la racine est la page d'accueil : 8 3.3 Classiques :  Certaines caractéristiques se retrouvent généralement d'un site web à l'autre :  Logo du site web en haut à gauche. Un clic sur ce logo conduit directement à la page d'accueil du site ;  Lien vers la page d'accueil présent sur chaque page du site ; Eléments de navigation présents sur chaque page afin de permettre à l'utilisateur de se situer dans le site et de revenir facilement à la rubrique principale. 4. Langage HTML : 4.1 Définition : HTML (Hyper Text MarkUp Language ) est d'un langage de description (et non pas d'un langage de programmation) qui va nous permettre de décrire l'aspect d'un document, d'y inclure des informations variées (textes, images, sons, animations etc.) et d'établir des relations cohérentes entre ces informations grâce aux liens hypertextes. 4.2 Types des pages :  les pages statiques sont adéquates pour présenter une information pérenne. Exemple : présentation d'une société ou d'un organisme, page de contact, présentation d'un produit ou d'un service, conditions générales de vente...  les pages dynamiques se justifient quand des modifications fréquentes doivent être effectuées, typiquement mensuelles, hebdomadaires ou quotidiennes. Exemple : les news, les annonces de recrutement, la liste des points de vente, un blog, les pages produits d'un site marchand. 9 4.3 HTML : Un langage à balises  La description uploads/Management/ cours-html 11 .pdf