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
| Previous PDF | Next PDF |
[PDF] Cours et exercices corrigés - fnac-staticcom
HTML 5 Il définit les règles pour créer un document conforme aux spécifications du WHATWG (Web
[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] Cours et exercices corrigés
HTML 5 et CSS 3 CHAPITRE 9 Couleurs et images de fond 257 La couleur d'avant-plan
[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] Examen Final
Exercice 1 : Architecture du Web (10 points) a (1 point) (1 point) Quelle est la spécificité des noms de fichier index html ou index php par rapport (1 point) Une fois le document de la question précédente corrigé afin que son HTML et son
[PDF] Programmation Web TP1 - HTML 1 - Une première - Academie pro
Le code associé en HTML : Exercice 1 : création de votre première page html Préparez votre espace de travail en créant un dossier "public_html_local" dans
[PDF] TP1 : XHTML et CSS (Corrigé)
О Exercice 2 : Comprendre l'interaction client/serveur* < li > Cours XHTML/CSS 31
[PDF] Travaux dirigés - Chingatome
“HTML Validator” vous propose de corriger les erreurs présentes dans votre page Les exercices ci-dessous sont conçus pour faire le tour de quelques unes
[PDF] HTML - Inria
Exercice 8 Les styles CSS 1 Une feuille de style Insérez, dans la balise < head> de votre page HTML, la balise suivante : Cette balise vous permet de créer
[PDF] Exercice 1 La structure minimale dune page HTML
html dans le répertoire /EnvSystemeReseau/tp-html Puis, copiez-y le contenu du fichier base html 2 Dans la balise , insérez des éléments
[PDF] exercice hydrostatique tube en u
[PDF] exercice ias 8
[PDF] exercice identité remarquable 3ème avec correction
[PDF] exercice identité remarquable difficile
[PDF] exercice image et antécédent d'une fonction
[PDF] exercice incertitude terminale s
[PDF] exercice inequation 3eme pdf
[PDF] exercice infinitif radical terminaison cm2
[PDF] exercice internet pdf
[PDF] exercice interpolation de lagrange
[PDF] exercice intervalle seconde corrigé
[PDF] exercice intonation voix
[PDF] exercice irrationalité de racine de 2
[PDF] exercice ishikawa maintenance
TP HTML/CSS
2019/2020
L'objectif de ce TP est de preparer une page d'introduction a la programmation web. Rappel : n'hesitez pas a consulter le cours correspondant surHtmletCss. !!! Attention, dans la suite,loginest a remplacer par votre nom d'utilisateur ENSIIE!!!!!! Attention (bis) : ne faites surtout pas de copier/coller depuis ce sujet, car les caracteres generes dans le pdf ne
sont pas toujours les bons...!!!!!! Attention (ter) : pour que le TP fonctionne, il faut que votre repertoire home et son sous-repertoirepublichtml
soient traversables donc vous devrez possiblement eectuer la commandechmod o+xsur ces repertoires, y compris sur
votre home :chmod o+x!!!1)Creez un repertoire~/publichtml(public tiret bas html). Ce nom est indique dans la conguration du serveur
web donc ne pas le changer : 'est dans ce repertoire qu'Apache (le serveur web) ira chercher les documents a acher
(pages web .html ou .php). Dans ce repertoire, creez un sous-repertoire appeletp1dans lequel vous placerez les
chiers de ce TP.Exercice 1 - Contenu des pages
2)Creez un chierindex.htmlque vous sauvegarderez dans le sous-repertoiretp1et commencez a le remplir, avec
sa declaration de document, son en-t^ete et le corps du document ne contenant qu'un titre de niveau 1 "Introduction
a la programmation web". N'hesitez pas a consulter la documentation duW3csurHtml.3)Achez ce chier avec un navigateur web en allant a l'adressehttp://pgsql/~login/tp1ouhttp://pgsql/
login/tp1/index.html(par defaut les pages index sont achees). Les pages du repertoire~/publichtmlsont achees a l'adressehttp://pgsql/~login.Note : depuis l'exterieur de l'ecole, l'adresse serahttp://pgsql.ensiie.fr/~login. Il peut y avoir une
fen^etre de connexion; auquel cas, les informations a donner sont les suivantes : compte : eleve mdp : ipw4)Veriez l'encodage de votre page : attention a declarer dans votre documentHtmlque l'encodage est UTF-8,
ainsi quelorsque vous sauvegardez votre chier (sous emacs : Options!Mule!Set Coding Systems!For Saving
This Buer : utf-8).
5)Completez votre page an qu'elle contienne les elements suivants (voir gure 1) :
Le titre de la page "Programmation w ebENSI IE"d oitse trouv eren titre sur le na vigateur;Un paragraphe de pr esentationde la page expliq uantson ob jectif,comme par exemple "Cette page a p our
objectif de faire le point sur quelques informations enHtml/Css.". Une partie de ce texte devra ^etre mise en
valeur en italique;Un tableau de trois colonnes et au moins 4 lignes pr esentantplusieurs elementset ind iquants'ils doiv ent^ etre
geres par leHtmlou leCss(dierents de ceux donnes en exemple). Ce tableau doit comporter la legende 1 "HTML ou CSS?", et avoir une ligne d'en-t^etes comportant "HTML" en deuxieme colonne, et "CSS" entroisieme colonne, ainsi qu'indique sur l'exemple (par defaut, il n'y a pas de bordures; pour acher les bordures,
il faudra creer une feuille de style, ce qui fait l'objet de l'exercice 2);Un lien v ersune autre page, pagetest.html, comportant le m^eme titre, un unique paragraphe contenant le
texte suivant : "Cette page est une page de test (bac a sable).", et un lien retour versindex.html. Une liste de liens utiles, pr ecedesdu logo des sites (le logo du W3cest dans le repertoire/pub/pw); Une vid eode d emonstrationen Html5. Vous pouvez copier dans votre repertoiretp1les chiers w3schoolstabexample.mp4(typevideo/mp4) etw3schoolstabexample.ogv(typevideo/ogg) presents dans/pub/pw.Code pour acher une videomovie.ogv:
6)Testez la validite de votre page (et corrigez votre html si besoin!) avec le validateur duW3c.
Exercice 2 - Presentation des pages
7)Creez une feuille de styleCssa laquelle vous ferez appel dans votre chierHtmlan de prendre en compte les
elements suivants de presentation : Les titres principaux doiv ent^ etrede couleur bleue ( #58acfapar exemple); Les tableaux doiv entcom porterun eb ordurevisible grise ( grey); Les liens doiv ents'ac heren cyanlorsque l'utilisateur passe sa souris dessus; Le texte mis en v aleurdoit s'ac heren r ouge(en plus d' ^etreen italique) ; Cr eezu neclasse sigleque vous appliquerez aux dierents sigles de la page (Html5, Css, W3c);Et toute autre mo dicationde st ylequi v oussem blerap ertinente: v otrefeuille de st yledoit comp orterau
moins 10 declarations. N'hesitez pas a consulter la documentation duW3csurCss.