Scribd Logo
Importer

Bienvenue sur Scribd !

  • 37 vues

    Cours Chapite1

    Transféré par

    slim yaich
    Ce document présente un cours de programmation web. Il contient un plan détaillé du cours couvrant des sujets comme HTML, CSS, JavaScript et PHP. Le document explique également le fonctionnement du web et les langages utilisés pour créer des sites web.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    Cours Chapite1

    Transféré par

    slim yaich
    37 vues10 pages
    Ce document présente un cours de programmation web. Il contient un plan détaillé du cours couvrant des sujets comme HTML, CSS, JavaScript et PHP. Le document explique également le fonctionnement du web et les langages utilisés pour créer des sites web.

    Description originale:

    Titre original

    Cours_Chapite1

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Ce document présente un cours de programmation web. Il contient un plan détaillé du cours couvrant des sujets comme HTML, CSS, JavaScript et PHP. Le document explique également le fonctionnement du web et les langages utilisés pour créer des sites web.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    37 vues10 pages

    Cours Chapite1

    Transféré par

    slim yaich
    Ce document présente un cours de programmation web. Il contient un plan détaillé du cours couvrant des sujets comme HTML, CSS, JavaScript et PHP. Le document explique également le fonctionnement du web et les langages utilisés pour créer des sites web.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 10

    COURS

    PROGRAMMATION WEB

    Enseignante: Sana REKIK

    L’Institut International de Technologie Sfax (IIT)

    Année Universitaire: 2021/2022


    PLAN DU COURS
     Partie 1 : Introduction au développement Web

     Partie 2 : Le langage HTML5

     Partie 3 : Structuration du site

     Partie 4 : Les formulaires

     Partie 5 : Les feuilles de style CSS3

     Partie 6 : Initiation à JavaScript


    HTML5 CSS3
     Partie 7 : Initiation à PHP
    Web
    2
    JS PHP
    2
    CHAPITRE 1 : INTRODUCTION AU
    DÉVELOPPEMENT WEB

    3 Sana REKIK
    [email protected]
    LE FONCTIONNEMENT DU WEB

    • Pour consulter un site Web, l’utilisateur tape l’adresse du site dans


    la barre d’adresse d’un navigateur Web (Chrome, Firefox, Internet
    Explorer, …), et le site s’affiche.

    Requête (URL) http://www.iit.tn/

    Page HTML

    Client Serveur Web

    4
    LE FONCTIONNEMENT DU WEB

    • La technologie du Web est basée sur l’architecture Client / Serveur.


    • Le serveur Web
    • Un type particulier d’ordinateur connecté à Internet sur lequel
    sont hébergés/publiés des sites Web
    • Son rôle est d’attendre les demandes de clients, et d’y répondre.
    • Le client Web
    • La machine permettant de consulter le site Web demandé
    • Le logiciel qui s’exécute sur cette machine c’est un navigateur
    Web (c’est la partie visible d’Internet).
    • C’est lui qui se charge d’afficher l’information venant du serveur
    5
    Web.
    5
    LE FONCTIONNEMENT DU WEB

    • La communication entre le client et le serveur


    • Pour se comprendre pendant leurs échanges, le client et le serveur
    Web utilisent un protocole de communication commun : HTTP
    (HyperText Transfer Protocol)
    • Le protocole HTTP est le protocole du transfert du Web : il permet
    d’encapsuler les données qui transitent entre le navigateur et le
    serveur Web.

    6
    LE FONCTIONNEMENT DU WEB

    • La communication entre le client et le serveur


    L’échange entre un client Web et un site Web lors de la consultation
    d’un site est de type requête/réponse.
    1. Le client envoie au serveur une requête pour consulter une
    ressource Web
    2. Le serveur prépare la page HTML associée
    3. Le serveur renvoie la page HTML (réponse) au client qui
    l’affiche.

    7
    HTML ET CSS

     Deux langages à utiliser pour créer un site Web :


    HTML et CSS
     Deux langages ont des rôles différents
     Deux langages qui se complètent

    8
    HTML ET CSS

     HTML (HyperText Markup Language) :


     Il est apparu dès 1991 lors du lancement du Web.
     Son rôle est de gérer et organiser le contenu (le fond).
    C'est donc en HTML que vous écrivez ce qui doit être
    affiché sur la page : du texte, des liens, des images,…

     CSS (Cascading Style Sheets, aussi appelées Feuilles de


    style) :
     Il vient de compléter le HTML en 1996.
     Son rôle est de mettre en forme le contenu en y
    ajoutant des styles (positionnement, décoration,
    couleurs, taille du texte,…).
    9

    9
    RÉALISATION D’UN SITE WEB

     Manuellement

     A l'aide d'un simple éditeur de texte (Bloc-notes, NotePad++, …)

     En utilisant un éditeur WYSIWYG

     What You See is What You Get (ce que vous voyez est ce que vous
    obtenez)

     Ces éditeurs permettent de générer automatiquement les balises


    HTML à l’aide d’un simple click de souris.

     Exemple : Frontpage, Dreamweaver, Webexpert, ...

     En utilisant un logiciel « assistant » au code HTML

     Exemple : HTML-Kit sur Windows, PageSpinner sur MacIntosh,


    10
    Amaya sur Unix, …
    10

    Vous aimerez peut-être aussi