[PDF] [PDF] TP HTML/CSS

[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 - fnac-staticcom

Structure d'un document HTML 5 PDF, présentations de style diaporama ) Les corrigés de ces exercices ne figurent pas dans cet ouvrage pour ne pas l'alourdir inu- rectement par l'intermédiaire de ces derniers

[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

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] 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] 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] 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] TP1 : XHTML et CSS (Corrigé)

Nous allons utiliser pour tous les exercices (de ce tp et des suivants) le serveur public_html et un fichier exercice1 html dans TP1, pour accéder à ce fichier, < li > Cours XHTML/CSS

[PDF] Séance dExercices Dirigés HTML, CGI et PHP - Cnam

HTML, CGI et PHP Exercice 1 : Formulaire et script CGI Soit le formulaire suivant rempli par un utilisateur : 1°) Construire la page HTML qui présente ce 

[PDF] Séance dExercices Dirigés HTML et JavaScript - Cnam

☛ une procédure de correction dynamique du questionnaire (écrit en JavaScript) , ☛ un corrigé complet du test dans une page HTML 1° Le formulaire type QCM

[PDF] exercice html débutant

[PDF] exercice html formulaire corrigé

[PDF] exercice html tableau corrigé pdf

[PDF] exercice html tableau pdf

[PDF] exercice identité remarquable factorisation

[PDF] exercice identité remarquable seconde

[PDF] exercice immunité bac science

[PDF] exercice immunologie terminale s

[PDF] exercice imparfait passé simple cm2 ? imprimer

[PDF] exercice incertitude terminale s

[PDF] exercice induction mpsi

[PDF] exercice inégalité de bernoulli

[PDF] exercice infinitif radical terminaison cm2

[PDF] exercice information chiffrée terminale stmg

[PDF] exercice interactif javascript

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 : ipw

4)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" en

troisieme 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.

Exercice 3 - Structuration des pages

8)Modiez votre page principale an de lui ajouter :

Un en-t ^ete(balise

);

Un men ude na vigation(balise