| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| nsi:premiere:html [2021/10/22 23:35] – ↷ Liens modifiés en raison d'un déplacement. goupillwiki | nsi:premiere:html [2022/10/14 19:08] (Version actuelle) – goupillwiki |
|---|
| ====== Initiation à HTML ===== | ====== Initiation à HTML ===== |
| |
| //Ce document inclus des éléments de [[nsi:tds:serveur_web20:langages:html:start|HTML]]// | //Ce document inclus des éléments de [[nsi:langages:html:start|HTML]]// |
| |
| {{section>nsi:tds:serveur_web20:langages:html:start#Bref historique&nofooter}} | {{section>nsi:langages:html:start#Bref historique&nofooter}} |
| |
| {{section>nsi:tds:serveur_web20:langages:html:start#Langage à balise interprété&nofooter}} | {{section>nsi:langages:html:start#Langage à balise interprété&nofooter}} |
| |
| === Exercice 1 === | === Exercice 1 === |
| |
| <wrap download>{{ :nsi:premiere:mapage.zip |}} -- Décompressez avant utilisation !</wrap> | <wrap download>{{ nsi:premiere:web:mapage.zip |}} -- Décompressez avant utilisation !</wrap> |
| |
| - Ouvrir le fichier ''mapage.html'' avec un éditeur de texte. | - Ouvrir le fichier ''mapage.html'' avec un éditeur de texte. |
| ====== ====== | ====== ====== |
| |
| {{section>nsi:tds:serveur_web20:langages:html:start#Page élémentaire&nofooter}} | {{section>nsi:langages:html:start#Page élémentaire&nofooter}} |
| |
| {{section>nsi:tds:serveur_web20:langages:html:start#block et inline&nofooter}} | {{section>nsi:langages:html:start#block et inline&nofooter}} |
| |
| {{section>nsi:tds:serveur_web20:langages:html:start#Les balises&nofooter}} | {{section>nsi:langages:html:start#Les balises&nofooter}} |
| |
| === Exercice 2 === | === Exercice 2 === |
| Écrire le fichier ''page.html'' qui produit le résultat suivant dans un navigateur. | Écrire le fichier ''page.html'' qui produit le résultat suivant dans un navigateur. |
| |
| {{ :nsi:premiere:mapage.png?direct&600 |}} | |
| | {{ :nsi:premiere:web:mapage.png?direct&600 |}} |
| |
| //Le fichier image peut être trouvé sur la [[https://fr.wikipedia.org/wiki/ZX80#/media/Fichier:ZX80.jpg|page wikipedia du ZX80]].// | //Le fichier image peut être trouvé sur la [[https://fr.wikipedia.org/wiki/ZX80#/media/Fichier:ZX80.jpg|page wikipedia du ZX80]].// |
| ====== ====== | ====== ====== |
| |
| {{section>nsi:tds:serveur_web20:langages:html:start#Styles&nofooter}} | {{section>nsi:langages:html:start#Styles&nofooter}} |
| |
| === Exercice 3 === | === Exercice 3 === |
| |
| <wrap download>{{ :nsi:premiere:page_vrac.zip |}} -- Décompressez avant utilisation !</wrap> | <wrap download>{{ nsi:premiere:web:page_vrac.zip |}} -- Décompressez avant utilisation !</wrap> |
| |
| On vous fournit un fichier ''%%page_vrac.html%%'' qui contient des éléments de style dispersés ici et là dans la page. C'est une très mauvaise méthode. On est obligé de répété constamment que l'on veut justifier le texte, parfois on oubli, la présentation n'est pas homogène... | On vous fournit un fichier ''%%page_vrac.html%%'' qui contient des éléments de style dispersés ici et là dans la page. C'est une très mauvaise méthode. On est obligé de répété constamment que l'on veut justifier le texte, parfois on oubli, la présentation n'est pas homogène... |
| |
| Améliorez la gestion des styles comme indiqué dans le cours. | Améliorez la gestion des styles comme indiqué dans le cours. |
