public_html et un fichier exercice1 html dans TP1, pour accéder à ce fichier, vous devez h1 un titre de niveau 1 non < li > Cours XHTML/CSS
Previous PDF | Next PDF |
[PDF] Cours et exercices corrigés - fnac-staticcom
L,insertion d,une animation Flash en HTML 5 calibrées (fichiers PDF, présentations de style diaporama ) Cellule 1 de tableau
[PDF] Examen Final
k (1 point) Une fois le document de la question précédente corrigé afin que son HTML et son CSS soient valides, le texte « Bienvenue sur
[PDF] TP HTML Exercice 1 : Votre première page HTML Ecrivez lextrait de
Exercice 3 : Un formulaire avec plein de choses Ecrivez le code HTML qui affiche le formulaire ci-dessous : Page 3 Exercice 4 :
[PDF] Correction dexamen
9 fév 2013 · Le W3C est un consortium qui a pour but de normaliser les technologies liées au web, dont HTML, CSS et javascript D'où son nom, Word
[PDF] Cours et exercices corrigés
HTML 5 et CSS 3 CHAPITRE 9 Couleurs et images de fond 257 La couleur d'avant-plan
[PDF] Programmation Web TP1 - HTML 1 - Une première - Academie pro
Exercice 1 : création de votre première page html Préparez votre espace Tapez le code html en respectant bien l'écriture des balises • Visualisez le résultat
[PDF] TP1 : XHTML et CSS (Corrigé)
public_html et un fichier exercice1 html dans TP1, pour accéder à ce fichier, vous devez h1 un titre de niveau 1 non < li > Cours XHTML/CSS
[PDF] TP HTML/CSS
Attention (bis) : ne faites surtout pas de copier/coller depuis ce sujet, car les caract`eres générés dans le pdf ne sont
[PDF] Travaux dirigés - Chingatome
pas le cas, vous pouvez vous reporter à l'annexe du TD de KompoZer qui “ HTML Validator” vous propose de corriger les erreurs présentes dans votre page
[PDF] Développement web - Cedric-Cnam
6 fév 2017 · table, th, td {border: solid 2pt black;} C'est la seul r`egle css, le reste correspond au rendu par défaut de la struc- ture décrite par le code HTML
[PDF] examen informatique 2 1ere année st
[PDF] examen informatique bureautique pdf
[PDF] examen introduction ? l économie s1
[PDF] examen istqb français
[PDF] examen java avec correction
[PDF] examen java corrigé
[PDF] examen javascript corrigé
[PDF] examen juge arbitre athletisme
[PDF] examen logique combinatoire
[PDF] examen math 2 st pdf
[PDF] examen math 3 st
[PDF] examen math 3 st pdf
[PDF] examen mecanique des fluides corrigé
[PDF] examen mecanique du point corrigé
![[PDF] TP1 : XHTML et CSS (Corrigé) [PDF] TP1 : XHTML et CSS (Corrigé)](https://pdfprof.com/Listes/25/21322-25tpCorrigesXhtmlCss.pdf.pdf.jpg)
IUT de Villetaneuse
TP1 : XHTML et CSS (Corrigé)
Nous allons utiliser pour tous les exercices (dece tp et des suivants) le serveur de l'IUT qui s'appelle aquanux. Il permet de mettre en lignetous les documents quevous souhaitez. Pour cela, il vous suffit de mettreces documents dans lerépertoire public_html qui se trouve dans votre répertoire home . Pour accéder à ces documents à travers un navigateur, il faut alors taper l'adresse Web : où chemin correspond au chemin où se trouve votre fichierà partir du répertoire public_html. Parexemple, si votre numéro d'étudiant est le 001, si vous créez un dossier TP1 dans votre répertoire
public_html et un fichier exercice1.html dans TP1 , pour accéder à ce fichier, vous devez spécifier l'adresse Web : http://aquanux/~001/TP1/exercice1.html Comme le navigateur sait interpréter les codes XHTML et CSS, il est possible d'afficher unepage en local, c'est-à-dire sans passer par le Web. Il suffit pour cela d'ouvrir un fichier avec lena-
vigateur (le protocole utilisé n'est alors plus http mais file). Cependant, pour tous les tps, nous
ouvrirons les documents de la manière décriteprécédemment car, parla suite, nous utiliserons
le langage PHP que lenavigateur est incapable d'interpréter. Il seradonc impératif d'ouvrirles fichiers en passant parle serveur. Pour tous les exercices,nous utiliserons le navigateur Mozilla Firefox.Remarque :
Dans tous les TPs, les exercices notés par une astérisque ont été repris du cours réalisé par Marcel BOSC, enseignant à l'IUT de Villetaneuse.Exercice 1 : Première page Web
Écrire une première page en XHTML contenant un titre de niveau 1et un paragraphe. Véri- fier que cette page estvalide grâce au validateur http://www.validome.org/. L'afficher avec lenavigateur Firefox. Vérifier que le code sourcede la page est bien celui qui a été écrit. Ajouter
ensuite une liste ordonnée contenant 3 items etune liste non ordonnéecontenant 2 items. (Véri-
fier systématiquement que le code est valide grâce au validateur). Ajouter ensuite le tableau suivant
Nom de la balise Utilisée pour définirbalise auto-fermante p un paragraphenon img une imageoui ol une liste ordonnéenon ul une liste non-ordonnéenon li un item d'une listenon h1 un titre de niveau 1non a un lien hypertextenon br un saut de ligneouiCorrection :�
1 3
4
5< title >Un essai title >
6
7
Mathieu LACROIX
32Introduction Web, 1èreannée
Département informatique
8
9 Ceci est mon premiertitre
10
Ceci est mon premiertitre
et ceci mon premierparagraphe
11
12< li > point numéro 1
13< li > point numéro 2
14< li > point numéro 3
15
1617
18< li > Une chose
19< li > Encore une chose
20
21
Nom de la balise | Utilisé pour définir | balise auto-fermante |
---|---|---|
p | un paragraphe | non |
img | une image | oui |
ol | une liste ordonnée | non |
ul | une liste non-ordonnée | non |
li | un item d'une liste | non |
h1 | un titre de niveau1 | non |
a | un lien hypertexte | non |
br | un saut de ligne | oui |
36
37
Exercice 2 : Comprendre l'interaction client/serveur*Nous allons réellementvoir quels sont les messages envoyés par le client et par le serveur. Pour
cela, nous allons utiliserle logiciel netcat (ce logiciel se lance grâce à la commande nc) qui permet :
- en mode client : de se connecter à un serveur et dialoguer avec lui,- en mode serveur : decréer un "serveur", c'est-à-dire, d'écouter surle réseau en attendant
qu'un client se connecte, puis dialoguer avec lui.Remarque :
Pour communiquer surun réseau les programmes doivent spécifier des "ports" quisont identifiés par des numéros. Par exemple, le port pour le Web (protocole http) est normalement
le port numéro 80. Donc, quand on tape l'adresse Web http://exemple.org/fichier.html, le navigateur se connecteau port 80 du serveur exemple.org. Pour spécifier le portà utiliser dansune adresse, il suffit derajouter le numéro du port après le nom du domaine (ou l'adresse IP)en
séparant les deux par lesymbole ":" - par exemple http://exemple.org:80/fichier.html.Question 2.1 :
Pour comprendre comment fonctionne le logiciel netcat, nous allons commencerpar créer un serveur etun client dans deux terminaux différents et établir un dialogue entreles
deux.1. Ouvrir deux terminaux et les mettre côte àcôte (pour pouvoir les voir en même temps)
2. Créer un serveur dans un terminal à l'aide de la commande nc -l -p 1234
Explication :
-l signifie "listen" (écouter) et -p 1234 indique qu'il faut utiliser le port1234. (On aurait pu prendre n'importe quel port supérieur à 1024.) Attention, sur certaines
distributions linux, il faut supprimer les caractères -p de la commande.3. Dans l'autre terminal, se connecter au serveur en lançant un clientgrâce à la commande
nc localhost 1234Introduction Web, 1èreannée
33Mathieu LACROIX
IUT de Villetaneuse
Explication :
localhost est le nom de la machine sur laquelle vous êtes.4. Taper du texte suivid'entrée dans les deux terminaux, normalementil devrait s'afficher sur
l'autre.Voila, vous avez établi un dialogue client/serveur! Vous pouvez terminer le dialogue avec le racourci
ctrl-D qui signifie "fin de fichier". (Si ctrl-D ne fonctionne pas, utilisez ctrl-C.) Question 2.2 : netcat en serveur, Firefoxen clientDans l'exercice précédent, deux nc ont dialogué entre eux. Maintenant, nous allons faire dialoguer
un "nc" en serveur, etle client sera cette foisle navigateur (Firefox).