User Tools

Site Tools


2017_2018:s1:webdoc:td1

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
2017_2018:s1:webdoc:td1 [2017/11/07 09:13]
pourcelot [Présentez-vous]
2017_2018:s1:webdoc:td1 [2017/11/08 14:47] (current)
pourcelot [Présentez-vous]
Line 388: Line 388:
  
 <box round rgb(185,​211,​238) 95%|**A Faire :**  > <box round rgb(185,​211,​238) 95%|**A Faire :**  >
-  * Créer ​un fichier ​sous ''​WEB'',​ ''​index.html'',​ il contiendra votre page personnelle. Si vous travaillez en binôme, présentez votre binôme.+  * Dans ''​WEB'',​ créez ​un sous-dossier ​''​www'', ​et dans ce sous-dossier créez un fichier ​''​index.html'',​ il contiendra votre page personnelle. ​(Si vous travaillez en binôme, présentez votre binôme.) 
 +  * Créez également un sous-dossier ''​images''​ dans ''​WEB/​www/''​ qui devra contenir toutes les images.
  
 Pour l'​instant,​ votre page doit contenir au moins les éléments suivants :  Pour l'​instant,​ votre page doit contenir au moins les éléments suivants : 
-  * structurer ​votre page en utilisant des titres de niveaux différents : ''<​h1>''​ … ''</​h1>''​ à ''<​h6>''​ … ''</​h6>''​ le plus petit, non obligatoire,​ mais au moins deux niveaux doivent être utilisés. +  * Structurer ​votre page en utilisant des titres de niveaux différents : ''<​h1>''​ … ''</​h1>''​ à ''<​h6>''​ … ''</​h6>''​ le plus petit, non obligatoire,​ mais au moins deux niveaux doivent être utilisés. 
-  * Sauter une ligne : ''<​br />''​ pour voir ce que ça fait. Puis effacez la vite. Pourquoi faut-il éviter d'​utiliser ''<​br/>'' ​dans la majorité des cas~?+  * Sauter une ligne : ''<​br />''​ pour voir ce que ça fait. Puis effacez la vite. Pourquoi faut-il éviter d'​utiliser ''<​br/>'' ​(sauf cas particuliers)~?
   * Tracer une ligne horizontale : ''<​hr />''​   * Tracer une ligne horizontale : ''<​hr />''​
   * Insérer des commentaires : ''<​ !- - Ceci est un commentaire - - >''​ (attention pas d'​espace entre les tirets!!)   * Insérer des commentaires : ''<​ !- - Ceci est un commentaire - - >''​ (attention pas d'​espace entre les tirets!!)
Line 400: Line 401:
         * Vers un fichier : l'​export PDF de votre CV         * Vers un fichier : l'​export PDF de votre CV
         * Vers votre adresse email : <code html> <a href="​mailto:​toto@unice.fr">​Ecrire à toto</​a></​code>​         * Vers votre adresse email : <code html> <a href="​mailto:​toto@unice.fr">​Ecrire à toto</​a></​code>​
 +  * Un menu avec des liens internes permettant d'​accéder aux différentes parties de la page.
   * Et tout ce qui vous amuse et vous semble utile (avec les réserves ci-après).   * Et tout ce qui vous amuse et vous semble utile (avec les réserves ci-après).
-  * Faites une archive ZIP de votre environnement,​ puis respectez les contraintes de rendu données. 
  
 Votre page ne doit **pas** contenir de mise en forme : Votre page ne doit **pas** contenir de mise en forme :
Line 407: Line 408:
   * **pas** d'​alignement   * **pas** d'​alignement
  
-Bref, à ce stade, le code doit être beau et votre page (très) laide.+Bref, à ce stade, le code doit être beau, mais votre page (très) laide.
 Nous verrons comment soigner la mise en forme sans massacrer le code dès le TD2 (CSS powered). Nous verrons comment soigner la mise en forme sans massacrer le code dès le TD2 (CSS powered).
- 
 </​box> ​ </​box> ​
  
Line 415: Line 415:
 {{ :​2016_2017:​s1:​webdoc:​block-example.png?​nolink&​300 |}} {{ :​2016_2017:​s1:​webdoc:​block-example.png?​nolink&​300 |}}
  
-=====  Rendre votre page web accessible depuis l'​extérieur ===== + 
 +<note important>​ 
 +**Consignes de rendu :** 
 + 
 +Vous avez deux boîtes de dépôt sur Jalon pour votre groupe (ne vous trompez pas de groupe). 
 + 
 +Vous devez rendre (dans la bonne boîte de dépôt) : 
 +  * votre site web, archivé (format ZIP) 
 +  * votre feuille de réponse, nommée ''​nom-prenom_TD1.html'',​ ou ''​nom1-prenom1_nom2-prenom2_TD1.html''​. Cette feuille doit être structurée : ''<​h1>'',​ ''<​h2>'',​ ''<​p>'',​ ''<​a>''​ pour indiquer vos sources si vous avez trouvé des réponses sur internet, etc.) 
 + 
 + 
 + 
 + 
 +Les dates de rendu seront fixés sur Jalon par l'​enseignant en charge du TD. 
 + 
 + 
 +</​note>​ 
 + 
 + 
 + 
 +=====  Rendre votre page web accessible depuis l'​extérieur ​(facultatif)  ​===== 
  
 Pour en savoir plus :  Pour en savoir plus : 
2017_2018/s1/webdoc/td1.1510042429.txt.gz · Last modified: 2017/11/07 09:13 by pourcelot