I n s t i t u t S u p é r i e u r d e s E t u d e s Te c h n o l o g i q u e s d e S o u s s e

D é p a r t e m e n t d e Te c h n o l o g i e s d e l ' i n f o r m a t i q u e Année universitaire :

Licence appliquée en Informatique 2020/2021
Semestre : 1
EXAMEN TP Date : 4 Janvier 2021
Durée : 1h30
U n i t é d ’e n s e i g n e m e n t : P r o g r a m m a t i o n W e b

Documents Matière : Base de données Classe : TI1.5

Non autorisés Enseignant : Hichem ZORGATI Nombre de Pages : 4

On commence par créer le dossier "cinema" dans "c :/cinema/".

1. Créer le fichier [Link] dont le titre est "Cinéma".
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ées 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, 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 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 art.
Les premiers studios de tournage voient le jour en 1909 à Barcelone 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 ://[Link]/[Link]".
Ce lien devra s’ouvrir dans une nouvelle fenêtre.
6. Créer le fichier [Link] dans le dossier /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 bleu.
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 [Link]. 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 [Link]
comme font d’écran. En laissant un peux d’espace horizontal,
mettez Histoire en blanc.
19. Ligne 10 : Fusionnez toutes les cellules. Mettez dans la cellule
obtenue le texte suivant: 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 [Link] dans le dossier /cinema/
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 : largeur
760px, border 1, espace entre les cellules 0, nombre de colonnes 3,
nombre de lignes 11.
24. Mettez comme titre du tableau Introduction d’un nouveau Film
(taille h1).
25. Ligne 1 : La première cellule est de largeur 120px et contient
"Titre :". On fusionne les deux cellules restantes et on y met une
balise input : type text, nom titre, taille 80.
26. Ligne 2 : La première cellule est de largeur 120px et contient
"Genre :". On fusionne les deux cellules restantes et on y met une
balise input : type text, nom genre, taille 80.
27. Ligne 3 : La première cellule contient "Pays :". On fusionne les
deux cellules restantes et on y met une balise select nommé pays.
Les options sont : France, Espagne, Égypte, USA, Maroc. Les valeurs
correspondant : france, espagne, egypte, usa, maroc.
28. Ligne 4 : La première cellule est de largeur 120px et contient
"Durée :". On fusionne les deux cellules restantes et on y met une
balise input : type text, nom duree, taille 3, nombre maximum de
caractères 4.
29. Ligne 5 : La première cellule est de largeur 120px et contient
"Année de sortie :". On fusionne les deux cellules restantes et on y
met une balise input : type text, nom anneesortie, taille 3, nombre
maximum de caractères 4.
30. Ligne 6 : La première cellule contient "Langue :". On fusionne
les deux cellules restantes et on y met une balise select nommé
langue. Les options sont : Arabe, Anglais, Espagnole, Français. Les
valeurs correspondantes : arabe, anglais, espagnole, francais.
31. Ligne 7 : La première cellule contient "Réalisateurs :". On
fusionne les deux cellules restantes et on y met une balise select
nommé realisateurs qui permet plusieurs choix. Les options sont :
Larry Wachowski, Andy Wachowski. Les valeurs correspondantes :
Larry Wachowski, Andy Wachowski.
32. Ligne 8 : La première cellule contient "Acteurs :". On fusionne
les deux cellules restantes et on y met une balise select nommé
acteurs qui permet plusieurs choix. Les options sont : Keanu Reeves,
Laurence Fishburne, Chuck Norris, Lenore Kasdorf, Joe Pantoliano,
Carrie-Anne Moss, Hugo Weaving. Les valeurs correspondant : Keanu
Reeves, Laurence Fishburne, Chuck Norris, Lenore Kasdorf, Joe
Pantoliano, Carrie-Anne Moss, Hugo Weaving.
33. Ligne 9 : La première cellule est de largeur 120px et contient
"Affiche :". On fusionne les deux cellules restantes et on y met une
balise input : type file, nom affiche, taille 60.
34. Ligne 10 : La première cellule est de largeur 120px et contient
"Histoire :". On fusionne les deux cellules restantes et on y met une
 balise textarea :nom histoire, nombre de colonnes maximal 50,
nombre de ligne maximal 5.
35. Ligne 11 : On fusionne les trois cellules et on y met une balise
input : type reset, valeur Rafraîchir. On laisse un peu d’espace
horizontal et on rajoute une balise input : type submit, valeur
Envoyer.