Question 1:

(a) Étant donné ce code de départ (starting code):  

https://caohuutitou-8939.trinket.io/sites/tp1_start-html (Réduisez la taille de votre fenêtre pour voir l'image s'adapter à la taille de l'écran.)

Faire les changements que vous devez apporter au code (de depart) pour que votre résultat ressemble exactement à ceci :

https://caohuutitou-8939.trinket.io/sites/copy-of-tp1_end-html  

Donnez-moi la modification que vous avez effectuée : ___________________________________________________________________________________


(b) Créez votre URL: http://oldtown.glendon.yorku.ca/~yourlastname/2925/animation 

et protégez-la avec un nom d'utilisateur et un mot de passe. Dites-moi ce que c'est pour que je puisse voir votre travail. 

(c) Affichez maintenant votre résultat comme une page Web à l'URL:

http://oldtown.glendon.yorku.ca/~votrenom/2925/animation/q1.html


Question 2:

(a) Étant donné ce code de départ (starting code):  

https://trinket.io/html/f21f8a5603

 (Réduisez la taille de votre fenêtre pour voir l'image s'adapter à la taille de l'écran.)

Faire les changements que vous devez apporter au code (de depart) pour que votre résultat ressemble exactement à ceci :

https://caohuutitou-8939.trinket.io/sites/hw2_001_end-html (Réduisez la taille de votre fenêtre pour voir l'image s'adapter à la taille de l'écran.)

Donnez-moi la modification que vous avez effectuée : ___________________________________________________________________________________


(b) Affichez maintenant votre résultat comme une page Web à l'URL:

http://oldtown.glendon.yorku.ca/~votrenom/2925/animation/q2.html


Question 3:


(a) Étant donné ce code de départ (starting code):  

https://trinket.io/html/7e29faae15

Faire les changements que vous devez apporter au code (de départ) pour que votre résultat ressemble exactement à ceci :

https://caohuutitou-8939.trinket.io/sites/q3_b-html  (Réduisez la taille de votre fenêtre pour voir l'image s'adapter à la taille de l'écran.)

Donnez-moi la modification que vous avez effectuée : ___________________________________________________________________________________


(b) Affichez maintenant votre résultat comme une page Web à l'URL:

http://oldtown.glendon.yorku.ca/~votrenom/2925/animation/q3.html


Question 4 :

(a) Examinez, puis intégrez (embed) cette URL  https://trinket.io/html/3c14e0a931 

à votre page Web à l'adresse :

http://oldtown.glendon.yorku.ca/~yourlastname/2925/animation/q4-a.html 

(b) Modifiez votre code dans (a) pour que votre résultat final ressemble à ceci :

https://caohuutitou-8939.trinket.io/sites/tran004-html

Affichez votre résultat (code) à : http://oldtown.glendon.yorku.ca/~yourlastname/2925/animation/q4-b.html

---

Voir aussi : https://www.w3schools.com/css/css3_transitions.asp


Questions 5 :


(a) Étant donné ce code de départ (starting code):  

https://trinket.io/html/b4f1cb03e2

Faire les changements que vous devez apporter au code (de départ) pour que votre résultat ressemble exactement à ceci :

https://caohuutitou-8939.trinket.io/sites/q3_b-html  (Réduisez la taille de votre fenêtre pour voir l'image s'adapter à la taille de l'écran.)

Donnez-moi la modification que vous avez effectuée : ___________________________________________________________________________________


(b) Affichez maintenant votre résultat comme une page Web à l'URL:

http://oldtown.glendon.yorku.ca/~votrenom/2925/animation/q5.html



Questions 6 :

(a) Compte tenu de la page Web :

https://trinket.io/library/trinkets/171266a60a

Intégrez-la (embed) à votre URL :

http://oldtown.glendon.yorku.ca/~lastname/2635/march/midterm/page1.html

(b) Protégez VOTRE lien en (a) avec 3 noms d' utilisateur et mots de passe distincts.
    Votre fichier .htpasswd doit être conservé en dehors du répertoire WWW, pour plus de sécurité, et à :
    /home/yourlastname/2635/mars/

(c) En utilisant Avidemux et Audacity, faites jouer la vidéo en (a), hcthesun.mp4, à un tempo de 92 %.

Display your result (the slower video) at your URL here: http://oldtown.glendon.yorku.ca/~lastname/2635/march/midterm/hcthesun.html

Question 7:

Given the URL: http://oldtown.glendon.yorku.ca/~titou/css/mdn/new1s/box-models.html

(i) Add 2 more boxes with different sizes (use margin or padding)?

(ii) How do you make all the boxes have the SAME size while keeping the different margins and paddings for each box.

Give me the change/addition you have made: ___________________________________________________________________________________

Question 8 :

Given this starting code:  

https://trinket.io/html/6fc70faaa4
Given the change/addition you have to make to the code shown (in boxes) above to that you result looks exactly  like this:

https://caohuutitou-8939.trinket.io/sites/copy-of-demo5-html (redimensionnez votre navigateur pour voir "web responsive").
Donnez-moi la modification/l'ajout que vous avez effectué : ___________________________________________________________________________________
Affichez votre résultat sous forme de page Web sur :
http://oldtown.glendon.yorku.ca/~votrenom/2925/animation/q9.html

question 9 :

Révision :  http://oldtown.glendon.yorku.ca/~titou/css/mdn/flex/_sample_.setting_flex_item_distribution.html


#### Fin des éventuelles questions de mi-session.
#### Vous remettrez quelques   questions sélectionnées ( 3 ) parmi les questions ci-dessus.
#### Il y a un délai de 48 heures (date à préciser) car il s'agit d'un test.
Autres exemples :
https://trinket.io/html/90e42c65b0
https://trinket.io/html/8fcfc31544
https://trinket.io/html/029a101c06
http://oldtown.glendon.yorku.ca/~titou/css/mdn/flex/_sample_.setting_flex_item_distribution.html
http://oldtown.glendon.yorku.ca/~titou/css/mdn/flex2/center.html
http://oldtown.glendon.yorku.ca/~titou/mdn/march11/go/fonts/sample_examples1.html
https://coryrylan.com/blog/css-gap-space-with-flexbox