Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Importer

Bienvenue sur Scribd !

  • 607 vues

    TP 01

    Transféré par

    Ousmane Diol
    Ce document présente les étapes pour installer et configurer un serveur web local avec XAMPP, installer un éditeur HTML avec Dreamweaver, et créer une première page web simple avec du texte.

    Droits d'auteur :

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

    TP 01

    Transféré par

    Ousmane Diol
    607 vues2 pages
    Ce document présente les étapes pour installer et configurer un serveur web local avec XAMPP, installer un éditeur HTML avec Dreamweaver, et créer une première page web simple avec du texte.

    Description originale:

    tp

    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 les étapes pour installer et configurer un serveur web local avec XAMPP, installer un éditeur HTML avec Dreamweaver, et créer une première page web simple avec du texte.

    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
    607 vues2 pages

    TP 01

    Transféré par

    Ousmane Diol
    Ce document présente les étapes pour installer et configurer un serveur web local avec XAMPP, installer un éditeur HTML avec Dreamweaver, et créer une première page web simple avec du texte.

    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 2

    1

    Introduction aux langages HTML et CSS – Introduction

    TRAVAUX PRATIQUES / DIRIGES N° 1


    Titre TP/TD

    1. Objectif du TP Ou TD

     Installer un serveur Web


     Installer un éditeur HTML
     Créer un site web
     Lancer une page HTML depuis un navigateur

    2. Prérequis

    Cours correspondant à la séquence 1

    3. Exercice 1: (Installation et configuration de XAMPP)

    Les tests dans ce cours peuvent être effectués sans serveur Web. Cependant il est meilleur de les effectuer
    dans un environnement Web local. C’est la raison de l’utilisation de XAMPP qui est un
    ensemble de logiciels permettant de mettre en place facilement un serveur Web local,
    un serveur FTP et un serveur de messagerie électronique. Il est libre et téléchargeable depuis
    https://www.apachefriends.org/download.html.

    1. Télécharger et installer XAMPP en suivant les étapes décrites dans la page suivante :
    https://www.wikihow.com/Install-XAMPP-for-Windows
    2. Démarrer le serveur Apache
    3. Créer un site (un dossier) nommé monsite dans le dossier c:\xampp\hdocs.
    4. Tester votre site en ouvrant l’adresse http://localhost/monsite depuis un navigateur

    4. Exercice 2: (Installation et configuration d’un éditeur HTML)

    Il existe de nombreux logiciels pour développer en JavaScript sur toutes les plateformes : Windows, Mac et
    Linux. Certains sont des éditeurs de texte, et d'autres des IDE.
    Et parmi les éditeurs de texte, on a les éditeurs WYSIWYG, « What You See Is What
    You Get » comme BlueGriffon et Dreamweaver, et les éditeurs de codes standards
    comme Notepad++ et Sublime Text. On suppose que l’étudiant dispose de l’éditeur
    Dreamweaver.

    1. Télécharger et installer Dreamweaver CS6


    2. Configurer le site monsite précédemment créé. Vous pouvez vous baser sur la vidéo
    https://www.youtube.com/watch?v=1KKNe-JkeAc
    TP/TD 1 : Introduction et présentation emnguer@gmail.com Introduction aux langages HTML et CSS
    2
    Introduction aux langages HTML et CSS – Introduction
    3. Configurer Dreamweaver pour que les pages créées soient compatible à HTML5. Pour cela allez
    dans Edition, puis dans Préférences, puis Nouveau document et dans Type de document Choisir
    HTML 5. Vous devez obtenir l’entête <!DOCTYPE html> dans le document HTML.

    5. Exercice 3: (Création et test d’une page HTML)

    1. Créer une page HTML nommé exple1.html contenant le code suivant :

    <!DOCTYPE html>
    <html>
    <head>
    <title>Titre de la page</title>
    </head>
    <body>

    <h1>Ma premiere entête </h1>


    <p>Mon premier paragraphe.</p>

    </body>
    </html>

    2. Tester la page sur vos différents navigateurs (Chrome, IE, Firefox, etc).

    TP/TD 1 : Introduction et présentation emnguer@gmail.com Introduction aux langages HTML et CSS

    Vous aimerez peut-être aussi