Valeur de cette activité : 5 points
Compétence :
04- Éditeur en ligne de feuilles de style

A-Module 03 : CSS : 5 points - difficulté : 2

Éditeur en ligne de feuilles de style

Présentation

Vous avez appris à récupérer des feuilles de style et à les utiliser dans vos pages web. Vous allez maintenant être en mesure de personnaliser davantage vos feuilles de style en utilisant un éditeur en ligne.

Description

  1. En utilisant un des sites suivants :
    1. http://www.xmldir.de/quickcss/
    2. http://www.xhtmlcoder.com/css-coder.htm
    3. http://jimtools.com/html.html
    4. GUISTUFF (Inscription requise)
    5. http://www.cstrois-lacs.qc.ca/chenebleu/informatique/ladifference/test.asp
  2. Utilisez cet éditeur en ligne afin de générer le code d'une feuille de style de votre choix :
    - la feuille de style créée doit contenir les 4 Sélecteurs suivants : H1, P, IMG et A.


    - la feuille de style créée doit contenir un minimum de 4 propriétés différentes pour chacun des sélecteurs.

  3. Ajoutez une page à votre portfolio en affichant la directive 2103
  4. Affiche les assistants et
  5. Inscrivez dans le champ Titre "Utilisation d'un éditeur Css en ligne"
  6. Inscrivez la matière INFORMATIQUE
  7. Inscrivez dans le champ no de la directive : 2103
  8. Cliquez le bouton NOUVEAU
  9. Insérez entre les balises <HEAD> et </HEAD> le code identifiant votre feuille de style <STYLE> </STYLE>
  10. Insérez entre les balises <STYLE> et </STYLE> le code de votre feuille de style dans votre page
  11. Consultez le site http://www2.ville.montreal.qc.ca/biodome/site/gabarit.php?dossier=visite&page=ecosysteme&menu=ecosysteme
    et
    choisissez un des aspects technologiques présentés :
  12. Produisez ensuite entre les balises <BODY> et </BODY> une courte fiche concernant cet aspect technologique du Biodôme qui devra inclure au minimum:
    - un titre de niveau 1 contenant le texte LE BIODÔME
    - un paragraphe contenant un court texte (pas de copier/coller s.v.p.)
    - et une image.
    - un lien vers l'éditeur Css en ligne utilisé.

  13. Visualisez votre page et apportez des modifications au besoin.