This shows you the differences between two versions of the page.
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] 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 : |