Informatique


Les liens hypertextes

  • Pour cette page:
    • Crée uniquement un container aside directement dans le body
    • Crée un tableau de trois lignes (la première pour le titre)
    • Intègre 3 liens externe vers: Google (www.google.be), Alsacreations (www.alsacreations.com) et le W3Schools www.w3schools.org
    • Les liens doivent ouvrir les pages dans une autre fenêtre que celle de ton site
    • Vérifie le bon fonctionnement des liens

  • Créer 5 barres de navigation, une par fichier, entre les fichiers suivants:
    Liste des fichiers:
    • index.htm dans le dossier www.
    • intro_ec.htm dans le dossier ecole.
    • intro_va.htm dans le dossier vacances.
    • intro_sp.htm dans le dossier sport.
    • intro_jo.htm dans le dossier job.




    • la barre doit être incluse dans un container nav
    • Pour chaque fichier le contenu se limite à un titre rappelant le nom du fichier et la barre de navigation
    • Forme de la barre de navigation pour tous les fichiers:

    Home - Mon école - Mes vacances - Mon sport - Mon Job

  • Réaliser la barre de menu dans chaque fichier, celle-ci doit impérativement être intégrée dans la balise <nav>.
    Le menu est inclus dans un container ul (liste) rendu inline
    La barre aura la forme suivante pour tous les fichiers:

    Accueil - Le temps - Les sélecteurs - Les tableaux - Insérer - Exercices



    Créer l'arborescence

    Créer les fichiers:

    • index.htm dans le dossier www (avec dans le header "Accueil")
    • temps_tem.htm dans le dossier tem (avec dans le header "Le temps en php")
    • selec_jqu.htm dans le dossier jqu (avec dans le header "Les sélecteurs jquery")
    • table_htm.htm dans le dossier htm (avec dans le header "Les tableaux en HTML")
    • inser_sql.htm dans le dossier sql (avec dans le header "Insérer des tuples")
    • exer1_exe.htm dans le dossier exe (avec dans le header "PHP, exercice1")


  • Réalise la barre de navigation suivante:
    • la barre est incluse dans un container ul (liste) rendu inline
    • toutes les images sont placées dans le dossier images
    • La barre de navigation est placées dans le fichier index.htm qui se trouve dans le dossier phetph
    • Créer les fichiers candace.htm, perry.htm, heinz.htm, phineas.htm et isabella.htm
    • Chaque fichier est minimaliste et ne contient que le nom du personnage directement dans la balise <body>

  • Créer le système de FAQ suivant en utilisant des ancres.
    • le fichier faq.htm et l'image top.jpg (la loupe) sont dans le même dossier (utiliser le dossier principal)
    • Placer la faq dans un container section
    • Pour le titre H1
    • Pour le sous-titre H2
    • Les questions sont placées dans un container ul
    • Les réponses sont placées dans un container ul

  • Dans le fichier index.htm suivant, découper la carte de Belgique en trois liens vers fland_fl.htm, bruxe_br.htm et wallo_wa.htm.
    • Utiliser le mot "Belgique" pour nommer la map
    • Pour Bruxelles, prévoir une zone circulaire
    • Pour Flandre, prévoir une zone rectangulaire
    • Pour Wallonie, prévoir une zone polygonale
    Liste des fichiers:
    • index.htm dans le dossier www.
    • fland_fl.htm dans le dossier flandre.
    • bruxe_br.htm dans le dossier bruxelles.
    • wallo_wa.htm dans le dossier wallonie.