Remerciez-le!

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

A. Zinedine Web Dynamique SMI Semestre S6 A. Zinedine 2 Plan du cours Partie 1

A. Zinedine Web Dynamique SMI Semestre S6 A. Zinedine 2 Plan du cours Partie 1 Généralités HTML et XHTML CSS Partie2 JavaScript Partie3 PHP Interfaçage Web/BD A. Zinedine 3 Généralités Généralités sur Internet Généralités sur le Web A. Zinedine 4 Généralités sur l’Internet Historique d’Internet Communication Sur Internet Services d’Internet L’Architecture Client/Serveur A. Zinedine 5 Internet Internet est un réseau informatique mondial C’est un réseau gigantesque qui englobe tous le globe terrestre C’est un réseau de réseaux A. Zinedine 6 Internet : Historique 1969 : le DoD (Departement of Defense) demanda à ARPA (Advenced Research Project Agency) de créer un réseau d’ordinateur capable de: Couvrir tous le territoire Américain Résister à une Attaque nucléaire Continuer de fonctionner même en cas de destruction partielle A. Zinedine 7 Internet : Historique C’est ainsi que le réseau ARPANET est conçu : Sans nœud dominant l’information peut être acheminer par plusieurs chemins A. Zinedine 8 Internet : Historique 1974: L’apparition de la suite de protocoles TCP/IP 1980: ARPA commence à évoluer les ordinateurs de ses réseaux vers TCP/IP ARPA se met à subventionner l’université de Berkeley pour intégrer TCP/IP dans son système UNIX A. Zinedine 9 Internet : Historique 1980: La plupart des départements informatiques commencèrent à se doter de réseaux locaux et à se connecter entre eux sous l’impulsion de la NSF (National Science Foundation) A. Zinedine 10 Internet : Historique 1983: Pour s’ouvrir au domaine civil, ARPANET est divisé en deux Réseaux: MILNET, qui est resté sous une autorité militaire ARPANET, qu’est mis sous une autorité universitaire 1986: La NSF construit son propre réseau NSFNET (reliant des universités et instituts américains) A. Zinedine 11 Internet : Historique 1990 : le nom ARPANET cesse d’exister, le nom INTERNET s’impose peu à peu 1992 : L’apparition du Web. C’est une grande poussée pour le développement d’Internet 1995 : NSFNET cesse aussi d’exister. Internet domine A. Zinedine 12 Communication Sur Internet Sur Internet, il y a des millions et des millions d’ordinateurs: De tout genre (PC, Macintosh,…) Qui appartient à des réseaux de types différents (Ethernet, Token Ring,…) Qui utilise des systèmes d’exploitations variés (Unix, Windows,…) Comment communiquer donc? A. Zinedine 13 Communication Sur Internet Deux ordinateurs sur un réseau communiquent en utilisant un protocole Un protocole : C’est un ensemble de règles à respecter par un ordinateur qui veux envoyer ou recevoir des informations sur un réseau Un protocole : C’est comme une «langue» commune utilisée par les ordinateurs d’un réseau A. Zinedine 14 Communication Sur Internet Sur Internet, les ordinateurs communiquent en utilisant les protocoles de la suite TCP/IP Cette suite contient plusieurs protocoles utilisés par les différents services d’Internet Exemples: HTTP, FTP, SMTP… A. Zinedine 15 Services d’Internet Sur Internet, On peut bénéficier de plusieurs services: Telnet : Accès à un ordinateur distant (généralement, en utilisant un compte et un mot de passe) FTP: l’utilisateur peut gérer les fichiers et les transférer de/vers un ordinateur distant A. Zinedine 16 Services d’Internet News: c’est un service qui permet un dialogue asynchrone entre plusieurs personnes Chat: C’est un service qui permet un dialogue instantané entre plusieurs personnes Email: Ce service, en mode différée, permet d’envoyer des courriers vers des destinataires dans l’autre bout du monde dans quelques instants A. Zinedine 17 Services d’Internet Le Web: c’est le WWW (World Wide Web). Il est comparable à une gigantesque bibliothèque où toute sorte d’information existe (textes, images, sons, vidéos…) Il se base sur la technique de liens Hypertextes qui permet de naviguer d’une page à une autre A. Zinedine 18 Services d’Internet Internet permet à travers ses différents service: Partage des ressources Réduction des coûts média de communication Accès facile à l’information Communication entre individus (Courrier électronique, Vidéoconférence, Newsgroup) Loisirs : Vidéo, Jeux… A. Zinedine 19 Architecture Client/Serveur Tous les services d’Internet utilisent des applications qui fonctionnent selon le modèle Client/Serveur Une telle application utilise deux logiciels Un logiciel qui s’appelle Serveur, c’est lui qui fournit le service Un logiciel qui s’appelle Client, c’est lui qui demande le service A. Zinedine 20 Architecture Client/Serveur La communication entre deux ordinateurs dans ce modèle se passe comme suit: L’ordinateur qui contient le logiciel Client envoie sa requête de service Le Serveur, est toujours à l’écoute. S’il détecte une requête sur le réseau il l’analyse et envoie la réponse au demandeur (le client) Le client reçoit la réponse et affiche le résultat à l’utilisateur A. Zinedine 21 Architecture Client/Serveur Un serveur peut répondre à plusieurs Clients Le Client et le Serveur peuvent être installés sur un même ordinateur A. Zinedine 22 Généralité sur le Web Historique du Web W3C Web et Client/Serveur Langages du Web A. Zinedine 23 Historique du Web Le Web (raccourcit de World Wide Web) ou WWW : C’est le service le plus populaire d’Internet World Wide Web = Toile d’araignée Mondiale C’est une gigantesque source d’informations multimédia (textes, images, sons, vidéo…) Il se base sur la technique de liens hypertextes A. Zinedine 24 Historique du Web 1989: Tim Bernes-Lee, Chercheur du CERN (Centre Européen de la Recherche Nucléaire) inventa la technique de liens hypertextes Cette technique permet une navigation facile entre les documents en cliquant tout simplement sur des liens. A. Zinedine 25 Historique du Web 1990 : Tim Bernes-Lee proposa le premier Serveur Web et le premier navigateur (Nexus) 1990-1993 : Beaucoup d’utilisateurs sont attirés par la simplicité du langage HTML proposé pour le Web 1993 : le CERN et la NCSA diffusent gratuitement le premier navigateur grand public: Mosaic A. Zinedine 26 Historique du Web Dans cette année (1993) près de 100 ordinateurs étaient équipés pour diffuser des pages HTML. Ce réseau de pages HTML fut baptisé World Wide Web Plusieurs navigateurs Web avaient été écrits pour permettre d’afficher les pages HTML A. Zinedine 27 Historique du Web Le World Wide Web croissait rapidement Des navigateurs capables d’afficher les images, le son et la vidéo ne tardèrent pas à apparaître 1994 : Tim Bernes-Lee fonde le W3C pour Contrôler l’évolution du Web A. Zinedine 28 W3C World Wide Web Consortium C’est une organisation, regroupant différentes sociétés actives sur le Web. Elle est chargée de contrôler l'évolution des technologies et des langages utilisés sur le Web Elle propose des normes et des recommandations. Les principaux acteurs sur le Web respectent ses recommandations A. Zinedine 29 Web et Client/Serveur Le Web utilise le modèle Client/Serveur Exemples de Serveurs Web : Apache, Microsoft IIS,… Exemples de Clients Web (s’appellent aussi navigateurs): Microsoft Internet Explorer, Netscape Navigator, Mozilla Firefox,… A. Zinedine 30 Web et Client/Serveur Quand vous tapez l’adresse d’un site Web dans la barre d’adresse de votre navigateur (Internet explorer par exemple) et vous validez, le client (IE) envoie la requête vers le serveur (par exemple Apache) installé sur un autre ordinateur Le serveur (Apache) envoie la page demandée Le Client (IE) interprète le code HTML et affiche le résultat A. Zinedine 31 HTML = HyperText Markup Language C’est un langage de balisage Ce n’est pas un langage de programmation: il permet seulement de décrire la mise en forme d’un document La notion de « HyperText » signifie la possibilité de naviguer d’une page à une autre en cliquant sur des liens A. Zinedine 32 Structure d’une page HTML <html> <head>  A. Zinedine 37 Les caractères accentués à = à è = è ù = ù é = é ê = ê î = î ô = ô Ç = ç ï = ï ü = ü A. Zinedine 38 Caractères spéciaux Pour afficher les caractères spéciaux suivants <, >, & et `` : < = < (lesser than) > = > (greater than) & = & (ampersand) `` = " (quote) A. Zinedine 39 La balise <br > Génère un retour à la ligne Accepte l’attribut clear (=left, right ou all) pour empêcher le texte de coller sur une image <br clear = ``left ``> A. Zinedine 40 La balise <HR> Permet de tracer une barre horizontale Attributs: Color = la couleur de la barre Size = la hauteur de la barre(en pixel) Width = la largeur (en pixel ou pourcentage) <hr color =``gold`` size = 2 width = ``60%``> A. Zinedine 41 La balise <pre> …</pre> Permet d’introduire du texte préformaté A. Zinedine 42 La balise <p> … uploads/Ingenierie_Lourd/ diapos-web-dynamique.pdf