Question 1:

Étant donné ce code de départ :  

https://caohuutitou-8939.trinket.io/sites/tp1_start-html (Essayez d'ajouter plus de cases lors du redimensionnement du navigateur, que voyez-vous ? Est-ce du Web réactif ?)

Donnez le changement/l'ajout que vous devez apporter au code affiché ( dans les cases "interactives" ci-dessus) pour que votre résultat ressemble exactement à ceci :

https://caohuutitou-8939.trinket.io/sites/copy-of-tp1_end-html   (redimensionnez votre navigateur pour voir "web responsive").

Donnez-moi la modification/l'ajout que vous avez effectué : ___________________________________________________________________________________

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 noter votre travail. Ensuite, affichez votre résultat sous forme de page Web à :

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

Question 2:

Étant donné ce code de départ :  

https://trinket.io/html/f21f8a5603
Compte tenu de la modification/ajout que vous devez apporter au code affiché ( dans les cases ) ci-dessus pour que votre résultat ressemble exactement à ceci :

https://caohuutitou-8939.trinket.io/sites/hw2_001_end-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/q2.html


Question 3:

Étant donné ce code de départ :   

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

Donnez le changement/ajout que vous devez apporter au code ci-dessus pour que votre résultat ressemble exactement à ceci :
https://caohuutitou-8939.trinket.io/sites/q3_b-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/q3.html


Question 4 :

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

à votre page Web à l'adresse :

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

(b) Modifiez votre code 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 :
Code de démarrage :

ht tps://trinket.io/html/b4f1cb03e2

Votre résultat devrait ressembler à ceci : html

Affichez votre résultat sous forme de page Web à : http://oldtown.glendon.yorku.ca/~yourlastname/2925/animation/q5.html

Questions 6 :

(a) Compte tenu de la page Web :

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

Intégrez-le (le lien bibelot ci-dessus) à 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/nom/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