Transcription of HTML : exercices - Yola
1 HTML : exercices Exercice 1 : Affichage de document HTML 1. Ouvrez le bloc-note, copiez-y le document suivant : <html> <head> <title> mon premier document </title> </head> <body> Il fait <b> beau </b>. Mais qu'est-ce que le beau temps s'il n'y a pas eu la <b> pluie </b> auparavant ? </body> </html> 2. Enregistrez le fichier sous le nom 3. A l aide d un navigateur, ouvrez le fichier que vous venez d crire Exercice 2 : Premier document HTML R alisez un fichier html qui aura cette apparence : Bonjour, bonne ann e 2005, bonne sant et surtout : Meilleurs v ux ! Donnez pour titre ce fichier bonne ann e . Enregistrez ce fichier et visualisez-le dans votre navigateur. Exercice 3 : Plus compliqu R alisez un fichier HTML qui aura l apparence suivante : Exercice 4 : Mini site lillois R alisez un mini site Web sur la ville de Lille comprenant Une page qui contient le texte (mis en forme) contenu dans le fichier est qui incorporera l image Une page , reprenant le texte du fichier En particulier, une image illustrant chaque personne devra tre incorpor e.
2 De plus, un petit sommaire devra tre pr sent en haut de la page et devra contenir des liens renvoyant vers chaque section. De plus, un lien Retour vers le sommaire apr s chaque personne doit renvoyer vers ce sommaire. Une page qui contient uniquement un plan de Lille (le fichier et un titre) Une page contenant une liste de liens sur Lille (voir pour les liens) Et enfin une page d accueil qui doit contenir le texte contenu dans et un sommaire du site dont les l ments pointeront vers chacune des pages ci-dessus. Par ailleurs, chacune des pages du site, hormis le sommaire, doit contenir un lien vers la page Vous choisirez une pr sentation standard pour le site, avec notamment une couleur de fond. Tous les fichiers n cessaires (notamment les images) se trouvent dans le r pertoire mini-site sur le serveur.
3 Mon repas de No l J ai eu la chance d avoir un repas de No l excellent, puisqu il tait compos des plats suivants : Du foie gras sur des toasts grill s ( a j adore) Du saumon rose De la pintade avec une pur e Une b che glac e Et le tout arros de Champagne ! Apr s, j'ai pu d baller tous mes cadeaux : 1. Mamie Lulu : des DVD 2. Mamie Elisabeth : des CD 3. Tonton Hugues : des livres Exercice 5 : Balise META Renseignez convenablement l ent te de votre page d accueil . Vous indiquerez en particulier les informations suivantes : o Le nom de l auteur o Le logiciel utilis pour cr er la page (le bloc-note) o La langue o Le codage utilis o Les mots cl s (lille, histoire) o Et une description (Ce site raconte l histoire de la ville de lille) Exercice 6 : Tableau de statistiques Ajoutez votre site une page statistique contenant le tableau suivant. Vous utiliserez dans ce tableau les attributs width, cellpading, cellspacing et border afin de le rendre plus pr sentable.
4 R gion Nord-Pas de Calais(chef-lieu) D partement Nord (Pr fecture) Population totale 191 164 habitants (1999) Maire : Martine Aubry Code postaux 59000, 59800 Superficie 3483 ha = 34,83 km Densit 6103 Exercice 7 : Mise en page Ajoutez aux pages de votre site (au moins quelques unes dont et ) un menu sur la gauche qui pointe vers les diff rentes pages de votre site, ainsi qu une cellule de titre Lille en haut. Les pages de votre site auront donc la structure suivante. Vous veillerez ce que votre site soit color . LILLE votre menu Le contenu de la page Exercice 8 : Css : premi re feuille de style o Reprenez en supprimant toute balise <font> et tout l ment de coloration. o R alisez une feuil le de style pour la page de votre mini-site. Cette feuille de style devra : Mettre le titre de la page en tr s gros, en blanc sur fond rouge. Mettez le texte en times Utilisez le symbole carr pour les listes <ul>, le texte des listes devra tre en plus petit (small) Faites en sorte que le menu apparaisse de la mani re suivante : Conservez la disposition g n rale de la feuille o Appliquez ensuite cette feuille de style toutes les pages de votre site.
5 Exercice 9 : La page Momo o D finissez le fichier associ afin de repr senter la page de la mani re suivante (sans y toucher) : La page Momo Ma page ! bienvenue dans ma page moi, o je raconte tout ce que je veux ! Enregistrez ce fichier, et r alisez-en un deuxi me pour avoir la mise en page suivante : La page Momo o accueil o Ma photo Ma page ! bienvenue dans ma page moi, o je raconte tout qu est ce qu'est ce que je veux accueil Histoire Celebrit accueil Ma photo Exercice 10 : Feuille de style Lille Appliquez une pr sentation sur l ensemble de votre site. Chaque page devra avoir un titre et un menu. Vous choisirez une pr sentation qui utilisera : Une couleur de fond Une pr sentation particuli re pour votre titre (couleur, taille du ) Une pr sentation pour le menu (au choix, horizontal ou vertical) Les images devront tre entour es d un contour noir pointill.
6 Une pr sentation pour les titres int rieurs de votre document (h1, h2 et h3) Exercice 11 : Avec Dreamwaver ? R alisez la page suivante (HTML + CSS) l aide de Dreamwaver.
