Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

TP HTML & CSS Questions de cours 1. Quelle est la balise de html qui permet d’a

TP HTML & CSS Questions de cours 1. Quelle est la balise de html qui permet d’afficher un texte préformaté ? 2. Quel est l’effet de la balise TT sur le texte qu’il englobe ? 3. Rappeler la définition d’un élément de type bloc. Donner l’exemple d’un élément de type bloc possédant des marges externes nulles par défaut. 4. Quelle est la propriété de CSS qui permet de répéter une image de font horizontalement et verticalement ? 5. Que représente l’unité em ? Exercice 2 1. Créer le fichier index.html dont le titre est "Cinéma" dans le dossier TP HTML 2. Créer un tableau centré dans la page web : largeur 760px, border 1, espace entre les cellules 0, nombre de colonnes 1, nombre de lignes 4, hauteur des cellules de la première ligne est 100px, hauteur des cellules de la deuxième ligne est 50px, hauteur des cellules de la quatrième ligne est 100px. 3. Placer au centre de la première cellule le titre "Les Débuts Du Cinéma" de type h1 et de couleur #897ae2. 4. Dans la cellule 4, mettez au centre et en utilisant un fond de -2 : "Tous droits réservés". Sur une nouvelle ligne, mettez le lien "webmaster" qui pointe sur votre email. 5. Dans la troisième ligne ⮚Insérer une liste énumérée de type A dont les éléments sont : Cinéma américaine ; Cinéma française ; Cinéma espagnole. ⮚Utiliser chaque élément de la liste précédente pour créer des liens vers les ancres dont les noms sont respectivement cineamercaine, cinefrancaise, cineespagnole. Les ancres associés seront définis par les titres : Cinéma américaine, Cinéma française, Cinéma espagnole. ⮚Insérez une ligne de largeur 75% et de taille 2. ⮚Mettez "Cinéma américaine" comme titre centré de taille h3 et de couleur #39E932. Puis, laissez un peu d’espace vertical. ⮚Insérer l’image 1 : alignement à gauche, espace horizontal égale à 5. Puis, copier et coller ce texte : Aux États-Unis, les balbutiements du septième art sont plus mouvementés qu’en France. En effet, dès 1897, George Eastman (industriel américain ; 1854-1932) et Thomas Edison (inventeur américain ; 1847- 1931) Edison intente plusieurs procès à tous ses concurrents dans le but d’être le seul à posséder le brevet d’un appareil dérivé du cinématographe, le kinétoscope, dont il se prétend le père. Face à ces différentes attaques, le représentant de Lumière en Amérique se voit contraint de quitter clandestinement le pays à bord d’un transatlantique, et peu de temps après, l’invention des deux frères français est confisquée. Durant ces événements, Page 1 / 7 quelques aventuriers, dont William Fox, un teinturier reconverti dans le cirque, Adolphe Zukor, un marchand de fourrures, et Warner, quatre frères réparateurs de bicyclettes, se lancent dans la production de films. ⮚Introduire ce texte en italique comme paragraphe séparé : le premier western de l’histoire, The Great Train Robbery, du réalisateur Edwin S. Porter, prend d’assaut les écrans. ⮚Copier-coller ce texte : Le premier grand événement marquant du cinéma américain se déroule en 1914, lorsque David W. Griffith, inspiré par le roman de Dixon, The Clansman, termine Naissance d’une nation, dont le tournage, pour lequel il eut du mal à trouver des financements, dura plus de quatre mois. Évoquant la vie d’une famille sudiste après la guerre de Sécession, le scénario prend, avec un racisme certain, partie pour le Sud, ce qui crée des émeutes, et amasse les foules dans les salles. Outre son incontestable réussite commerciale, ce film signe le début de l’hégémonie des mises en scène supérieures à 80 minutes, appelées aussi longs métrages. Mettez image 2 à l’intérieur du texte : alignement à droite, espace horizontal égale à 5. ⮚Mettez "Cinéma française" comme titre centré de taille h3 et de couleur #39E932. Puis, laissez un peu d’espace vertical. ⮚Insérer : À la fin du XIXe siècle, pendant les années héroïques du cinéma, la France fournit plusieurs pionniers importants. En premier lieu, les frères Auguste et Louis Lumière, inventeurs du cinématographe. Le 13 février 1895, ils déposent le brevet du Cinématographe avant de présenter, le 22 mars 1895, en projection privée à Paris à la Société d’encouragement à l’industrie nationale, la Sortie de l’usine Lumière à Lyon. Après une tournée triomphale en France devant des spectateurs choisis, les Frères Lumière tentent l’expérience commerciale. Le 28 décembre 1895, la première projection publique et payante se déroule à Paris dans le salon indien du Grand Café, 14 Boulevard des Capucines. Au programme notamment l’Arroseur arrosé, le Repas de bébé, la Sortie de l’usine Lumière à Lyon. 35 spectateurs payants sont recensés le premier jour ; 35 francs de recette et 5 francs de bénéfice pour un loyer fixé à 30 francs, l’affaire était encore rentable. Suite aux articles élogieux de la presse parisienne, 2000 à 2500 spectateurs se pressent rapidement tous les jours ; le loyer reste lui fixé à seulement 30 francs par jour pour une durée minimum d’un an, contrat oblige. L’affaire devient très juteuse. 1895 est bien l’an 1 du cinéma. Le genre en vogue est clairement le documentaire. Les opérateurs se contentent le plus souvent de poser leur caméra pour filmer la vie telle qu’elle est au bout de la rue ou à l’autre bout du monde. Les frères Auguste et Louis Lumière ont permis le passage délicat entre l’époque des chercheurs et celle des utilisateurs. Et les Page 2 / 7 utilisateurs sont nombreux à se presser chez les Lumière pour se lancer dans la cinématographie. ⮚Mettez "Cinéma espagnole" comme titre centré de taille h3 et de couleur #39E932. Puis, laissez un peu d’espace vertical. ⮚Insérer : S’il naît peu après son grand frère français, le cinéma espagnol va connaître un développement beaucoup plus lent, en raison de la dictature franquiste et de la censure féroce qui l’a longtemps frappé. Avec le retour de la démocratie, c’est l’explosion créative et la movida, dont Pedro Almodóvar est l’un des plus fervents représentants. Depuis le début des années 2000, la jeune garde ne démérite pas. L’Espagne emboîte rapidement le pas à la France, patrie du cinéma, avec de premiers films réalisés en 1896, soit un an seulement après la naissance du septième et Madrid. Certains cinéastes étrangers y prennent leurs quartiers. ⮚Chercher Pedro Almodóvar dans le texte ci-dessus et créer un lien qui pointe vers "http ://cinema.fluctuat.net/pedro-almodovar.html" Ce lien devra s’ouvrir dans une nouvelle fenêtre. 6. Créer le fichier film.html dans le dossier www/cinema/ 7. Préciser le titre : The Great Train Robbery. 8. Créer un tableau centré dans la page web : largeur 760px, border 1, espace entre les cellules 0, nombre de colonnes 3, nombre de lignes 10. 9. Ligne 1 : Fusionnez toutes les cellules. Centrez le titre The matrix en lui affectant la couleur bleue. 10. Ligne 2 : Fusionnez la première cellule avec les 4 cellules en dessous en lui donnant une largeur de 160px. Mettez dans la cellule obtenue l’image matrix.jpg. Fixez la largeur de la deuxième cellule à 120px en y mettant "Pays :". Dans la troisième cellule vous mettez USA. 11. Notez que dans les 4 lignes qui suivent nous avons que deux cellules. 12. Ligne 3 : mettez Genre : dans la première cellule et Science-fiction dans la deuxième. 13. Ligne 4 : mettez Durée : dans la première cellule et 2h15 dans la deuxième. 14. Ligne 5 : mettez Date de sortie : dans la première cellule et 1999 dans la deuxième. 15. Ligne 6 : mettez Langue : dans la première cellule et Anglais dans la deuxième. 16. Ligne 7 : mettez Réalisateurs : dans la première cellule. Fusionnez les deux dernières cellules et y mettez Larry Wachowski, Andy Wachowski. 17. Ligne 8 : mettez Acteurs : dans la première cellule. Fusionnez les deux dernières cellules et y mettez Keanu Reeves, Laurence Fishburne, Carrie-Anne Moss, Hugo Weaving, Joe Pantoliano. 18. Ligne 9 : Fusionnez toutes les cellules. Mettez hstoirefilm.gif comme fond d’écran. En laissant un peu d’espace horizontal, mettez Histoire en blanc. 19. Ligne 10 : Fusionnez toutes les cellules. Mettez dans la cellule obtenue le texte suivant : Page 3 / 7 Programmeur anonyme dans un service administratif le jour, Thomas Anderson devient Neo la nuit venue. Sous ce pseudonyme, il est l’un des pirates les plus recherchés du cyber-espace. A cheval entre deux mondes, Neo est assailli par d’étranges songes et des messages cryptés provenant d’un certain Morpheus. Celui-ci l’exhorte à aller au-delà des apparences et à trouver la réponse à la question qui hante constamment ses pensées : qu’est-ce que la Matrice ? Nul ne le sait, et aucun homme n’est encore parvenu à en percer les defenses. Mais Morpheus est persuadé que Neo est l’Elu, le libérateur mythique de l’humanité annoncé selon la prophétie. Ensemble, ils se lancent dans une lutte sans retour contre la Matrice et ses terribles agents... 20. Créer le fichier NewFilm.html dans le dossier TP HTML 21. Préciser le titre : Nouveau Film. 22. Insérer une zone pour la création d’un formulaire : method = "post", action ="". 23. Créer un tableau centré dans la zone du formulaire uploads/s3/ tp-web 1 .pdf