Scribd Logo
Importer

Bienvenue sur Scribd !

  • 106 vues

    Création D Une Page Web

    Transféré par

    Hamdi Bouneb
    Ce document décrit les étapes pour créer une page web simple avec du HTML et du CSS. Il explique comment ajouter du texte, des images, des liens et relier une feuille de style CSS à une page HTML.

    Droits d'auteur :

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

    Création D Une Page Web

    Transféré par

    Hamdi Bouneb
    106 vues9 pages
    Ce document décrit les étapes pour créer une page web simple avec du HTML et du CSS. Il explique comment ajouter du texte, des images, des liens et relier une feuille de style CSS à une page HTML.

    Titre original

    Création d une page web

    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 décrit les étapes pour créer une page web simple avec du HTML et du CSS. Il explique comment ajouter du texte, des images, des liens et relier une feuille de style CSS à une page HTML.

    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
    106 vues9 pages

    Création D Une Page Web

    Transféré par

    Hamdi Bouneb
    Ce document décrit les étapes pour créer une page web simple avec du HTML et du CSS. Il explique comment ajouter du texte, des images, des liens et relier une feuille de style CSS à une page HTML.

    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
    Vous êtes sur la page 1sur 9

    Création d’une page web

    Dans cette activité, chaque élève doit créer sa propre page web.

    La page doit présenter obligatoirement votre projet d’orientation en


    répondant à ces questions :
    - Quel métier voudriez-vous faire plus tard ?
    - Quelle est la formation adéquate à suivre ? Etc...
    Votre page doit comporter du texte, des liens ,
    Des images … vous pouvez créer d’autre pages aussi.
    Le développement web c’est de de la créativité.

    Le WEB 1
    Pour cela, vous devez créer 2 fichiers : un fichier qui contiendra du
    HTML (index.html) et un fichier qui contiendra du CSS (style.css)
    Utiliser un éditeur de texte comme Notepad, ou Notepad++ et créer
    un fichier index.txt.

    Partie I : Mettre l’entête d’un document HTML


    1- En tête de document, tapez <!DOCTYPE html>. Validez ensuite
    avec Entrée. Cette ligne indique au navigateur que ce document est
    écrit en HTML

    2- Tapez <html>, puis appuyez sur Entrée. Cette balise d’entrée


    ouvre à proprement parler le code HTML.

    3- Tapez <head>, puis appuyez sur Entrée. Ainsi est ouvert l’entête
    de votre document HTML. Tout ce qui sera tapé dans cette partie
    HEAD n’apparait pas à l’écran, sauf peut-être le titre de la page tout
    en haut de la fenêtre du navigateur, tout le reste concerne des
    métadonnées, des appels à fichiers externes.
    Le WEB 2
    4- Tapez <title>. C’est la balise qui permet de donner un titre à votre
    page web.

    5- Tapez ensuite le titre de votre page web.

    6- Tapez </title>, puis appuyez sur Entrée. Cette balise de fermeture


    est obligatoire pour que le titre apparaisse.

    7-Tapez </head>, puis appuyez sur Entrée. Cette balise indiquera au


    navigateur que l’entête est terminé. Pour résumer, votre code HTML
    commence toujours ainsi :

    Le WEB 3
    Partie II : Ajouter du texte à un document HTML
    1- Tapez <body> à la suite de la balise HEAD. Cette balise ouvre le
    corps du document : tout ce que vous taperez apparaîtra cette fois
    dans le navigateur Internet.

    2- Tapez <h1>. C'est une balise de titre dans votre document HTML.
    Le titre est par défaut en grands caractères larges et en gras dans la
    page web.

    3- Tapez le titre de votre page. Cela peut être le titre de la page ou


    une formule d’accueil.

    4- Tapez </h1> à la suite du titre, puis appuyez sur Entrée. Cette


    balise ferme la balise de titre précédemment ouverte.

    5- Taper <p> pour écrire un paragraphe puis </p>

    6- Pour insérer une image, utiliser la balise <img src=’’exemple.com’’>


    Le WEB 4
    Voici un exemple HTML :

    Pour ajouter une image on utilise cette balise :

    Pour insérer un lien, on utilise cette balise :

    Le WEB 5
    Voici un exemple CSS : Il faut créer un fichier style.txt et ensuite
    changer l’extension .txt par .css.

    Pour relier les deux fichier il faut utiliser la balise link.


     Memento HTML

    Le WEB 7
    Le WEB 8
     Memento CSS

    Le WEB 9

    Vous aimerez peut-être aussi