Scribd Logo
Importer

Bienvenue sur Scribd !

  • TP Css

    Transféré par

    Lotfi Diaf
    10 vues1 page
    un travail pratique en langage css

    Titre original

    tp-css

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    un travail pratique en langage css

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    10 vues1 page

    TP Css

    Transféré par

    Lotfi Diaf
    un travail pratique en langage css

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 1

    Vous allez exploiter ce que vous venez d'apprendre, et le mettre à profit dans le projet de Robbie

    Lens.
    Ici, vous allez :
     créer un fichier CSS commun (style.css);
     appliquer la couleur (black) à l'ensemble des liens ;
     mettre le logo et les liens de navigation en haut des pages "Accueil" et "À propos" dans une
    balise (div) ;
     mettre les différents logos en bas des deux pages dans une autre (div) ;
    sur la page d'accueil, dans le paragraphe d'introduction, vous allez appliquer le style suivant :color:
    #A5B4FC; au mot "professionnalisme" et au mot "passion" avec l’attribut (class=important). Pour
    l'instant, vous utiliserez un <span> , mais nous le modifierons dans le prochain chapitre pour
    utiliser <em>. <!DOCTYPE html>
    <html lang="fr">
    <!DOCTYPE html>
    <html lang="fr">
    <head>
    <head>
    <meta charset="utf-8">
    <meta charset="utf-8">
    <title>À propos - Robbie Lens Photographie</title>
    <title>Accueil - Robbie Lens Photographie</title>
    <link href="style.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
    </head>
    </head>

    <body>
    <body>
    <div>
    <div>
    <a href="index.html">
    <img src="images/logo.png" alt="Logo Robbie Lens">
    <img src="images/logo.png" alt="Logo Robbie Lens">
    <a href="a-propos.html">À propos</a>
    </a>
    </div>
    <a href="index.html">Accueil</a>
    <h1>Photographie</h1>
    </div>
    <p>
    <h1>À propos de Robbie Lens</h1>
    Où <span class="important">professionalisme</span> s’allie
    <p>
    avec <span class="important">passion</span>. Depuis
    Photographe depuis plus de 5 ans, je réalise des reportages aux photos
    plus de 5 ans maintenant, j’exerce mon métier avec la passion
    dynamiques et pertinentes pour vos
    qui m’anime : capturer l’essence de chaque instant.
    projets de communication. Créativité, qualité, et sérénité pour vous! Je gère
    </p>
    tout, depuis la direction
    <img src="images/robbie-lens.png" alt="Portrait avec effet de la
    artistique, la réalisation du reportage jusqu’à la livraison de vos photos
    photographe Robbie Lens">
    retouchées, prêtes à l’emploi.
    <div>
    </p>
    <img src="images/logo.png" alt="Logo Robbie Lens">
    <h2>Services</h2>
    <a target="_blank" href="https://twitter.com/">
    <ul>
    <img src="images/twitter.png" alt="Logo Twitter">
    <li>Portrait seul ou à plusieurs</li>
    </a>
    <li>Shooting mode</li>
    <a target="_blank" href="https://www.instagram.com/">
    <li>Retouches sur mesure</li>
    <img src="images/instagram.png" alt="Logo Instagram">
    <li>Developpement</li>
    </a>
    </ul>
    </div>
    <div>
    </body>
    <a href="index.html">
    </html> <img src="images/logo.png" alt="Logo Robbie Lens">
    </a>
    a{ <a target="_blank" href="https://twitter.com/">
    <img src="images/twitter.png" alt="Logo Twitter">
    color: black;
    </a>
    } <a target="_blank" href="https://www.instagram.com/">
    <img src="images/instagram.png" alt="Logo Instagram">
    .important { </a>
    </div>
    color: #a5b4fc;
    </body>
    }
    </html>

    Vous aimerez peut-être aussi