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:18]
pourcelot [Présentez-vous]
2017_2018:s1:webdoc:td1 [2017/11/08 14:47] (current)
pourcelot [Présentez-vous]
Line 389: Line 389:
 <box round rgb(185,​211,​238) 95%|**A Faire :**  > <box round rgb(185,​211,​238) 95%|**A Faire :**  >
   * 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.)   * 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/>''​ (sauf cas particuliers)~?​   * 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 />''​
Line 402: Line 403:
   * Un menu avec des liens internes permettant d'​accéder aux différentes parties de la page.   * 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 410: Line 410:
 Bref, à ce stade, le code doit être beau, mais 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 416: 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.1510042691.txt.gz · Last modified: 2017/11/07 09:18 by pourcelot