Add html TP cinéma
This commit is contained in:
parent
991d5591a1
commit
7cb87ffeb0
5 changed files with 143 additions and 0 deletions
44
developpement-web/www/cinema/css/index.css
Normal file
44
developpement-web/www/cinema/css/index.css
Normal file
|
@ -0,0 +1,44 @@
|
|||
table {
|
||||
margin: auto;
|
||||
width: 760px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table,tr,th,td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
th {
|
||||
height: 100px;
|
||||
}
|
||||
td.two {
|
||||
height: 50px;
|
||||
}
|
||||
td.four {
|
||||
height: 100px;
|
||||
background-color: #efefef;
|
||||
text-align: center;
|
||||
}
|
||||
th h1 {
|
||||
color: #897ae2;
|
||||
}
|
||||
hr {
|
||||
width: 75%;
|
||||
height: 2px;
|
||||
background-color: black;
|
||||
}
|
||||
li h3, li h3 a {
|
||||
color: #39e932;
|
||||
padding-bottom: 30;
|
||||
}
|
||||
img.img1 {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
img.img2 {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
p.italique {
|
||||
font-style: italic;
|
||||
}
|
23
developpement-web/www/cinema/film.html
Normal file
23
developpement-web/www/cinema/film.html
Normal file
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="stylesheet" href="/css/index.css" type="text/css">
|
||||
<title>The Great Train Robbery</title>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tr><th colspan="3"><h1>The matrix</h1></th></tr>
|
||||
<tr><td class="two"></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
<tr><td></td><td></td><td></td></tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
BIN
developpement-web/www/cinema/image1.jpg
Normal file
BIN
developpement-web/www/cinema/image1.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 25 KiB |
BIN
developpement-web/www/cinema/image2.jpg
Normal file
BIN
developpement-web/www/cinema/image2.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
76
developpement-web/www/cinema/index.html
Normal file
76
developpement-web/www/cinema/index.html
Normal file
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="stylesheet" href="/css/index.css" type="text/css">
|
||||
<title>Cinéma</title>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tr><th><h1>Les débuts du cinéma</h1></th></tr>
|
||||
<tr><td class="two">One</td></tr>
|
||||
<tr>
|
||||
<td class="three">
|
||||
<ol>
|
||||
<li>
|
||||
<h3><a href="cineamericain">Cinéma américain</a></h3>
|
||||
<hr>
|
||||
<img class="img1" src="image1.jpg" alt="Image 1"/>
|
||||
<p>
|
||||
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, 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.
|
||||
</p>
|
||||
<p class="italique">
|
||||
Le premier western de l’histoire, The Great Train Robbery, du réalisateur Edwin S. Porter, prend d’assaut les écrans.
|
||||
</p>
|
||||
<img class="img2" src="image2.jpg" alt="Image 2"/>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3><a href="cinefrancais">Cinéma français</a></h3>
|
||||
<p>
|
||||
À 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 utilisateurs sont nombreux à se presser chez les Lumière pour se lancer dans la cinématographie.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3><a href="cineespagnol">Cinéma espagnol</a></h3>
|
||||
<p>
|
||||
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 <a href="http://cinema.fluctuat.net/pedro-almodovar.html" target="_blank">Pedro Almodóvar</a> 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 art.
|
||||
Les premiers studios de tournage voient le jour en 1909 à Barcelone et Madrid.
|
||||
Certains cinéastes étrangers y prennent leurs quartiers.
|
||||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="four">
|
||||
<p>Tous droits réservés</p>
|
||||
<p><a href="mailto:tunui.franken@efrei.net" target="_blank">webmaster</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue