This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
2013_2014:s1:docweb:html:start [2013/11/06 13:25] blay [Rendre votre page web accessible depuis l'extérieur] |
2013_2014:s1:docweb:html:start [2013/11/06 15:52] blay [Je sais répondre à] |
||
---|---|---|---|
Line 31: | Line 31: | ||
**Vous pouvez aussi faire le choix de créer directement des pages accessibles depuis l'extérieur**, ce qui change un peu la structure, voir [[https://mbf-iut.i3s.unice.fr/doku.php?id=2013_2014:s1:docweb:html:start#rendre_votre_page_web_accessible_depuis_l_exterieur|ici]] | **Vous pouvez aussi faire le choix de créer directement des pages accessibles depuis l'extérieur**, ce qui change un peu la structure, voir [[https://mbf-iut.i3s.unice.fr/doku.php?id=2013_2014:s1:docweb:html:start#rendre_votre_page_web_accessible_depuis_l_exterieur|ici]] | ||
+ | |||
+ | ==== Choix des outils ==== | ||
+ | Vous pouvez utiliser : | ||
+ | * **notepad++** s'il fonctionne sur votre machine, dans ce cas, il vous faut sélectionner le bon encodage de vos fichiers | ||
+ | * dans "Encoding", sélectionner [[http://fr.wikipedia.org/wiki/UTF-8|UTF-8 sans BOM]] | ||
+ | * dans "Langage", sélectionner "HTML" | ||
+ | * VisualStudio 2010 (ou [[2013_2014:s1:docweb:html:visual2012|2012]] selon les machines) | ||
+ | * créer un fichier ... fractionner etc. | ||
+ | * [[http://codepen.io/anon/pen/eAayL|codePen]] (Très pratique pour le 1e TD pour tester en ligne) | ||
+ | |||
===== Mon premier exemple ===== | ===== Mon premier exemple ===== | ||
Line 64: | Line 74: | ||
<note important>Attention, les copier-coller posent parfois des problèmes sur les caractères spéciaux.</note> | <note important>Attention, les copier-coller posent parfois des problèmes sur les caractères spéciaux.</note> | ||
- | ==== Choix des outils ==== | + | |
- | Vous pouvez utiliser : | + | |
- | * **notepad++** s'il fonctionne sur votre machine, dans ce cas, il vous faut sélectionner le bon encodage de vos fichiers | + | |
- | * dans "Encoding", sélectionner [[http://fr.wikipedia.org/wiki/UTF-8|UTF-8 sans BOM]] | + | |
- | * VisualStudio 2010 (ou [[2013_2014:s1:docweb:html:visual2012|2012]] selon les machines) | + | |
- | * créer un fichier ... fractionner etc. | + | |
- | * [[http://codepen.io/anon/pen/eAayL|codePen]] (Très pratique pour le 1e TD pour tester en ligne) | + | |
==== Balisage sémantique ==== | ==== Balisage sémantique ==== | ||
Line 338: | Line 342: | ||
<box round rgb(255,204,153) rgb(255,255,204) 97%|Je sais répondre à : > | <box round rgb(255,204,153) rgb(255,255,204) 97%|Je sais répondre à : > | ||
* Ecrivez la structure minimale d'un document en (X)HTML5 ? | * Ecrivez la structure minimale d'un document en (X)HTML5 ? | ||
- | * Comment nommer une page web ? | + | * Comment "donner un titre" à une page web ? |
* Qu'est-ce que le balisage sémantique ? | * Qu'est-ce que le balisage sémantique ? | ||
* Comment vérifier que mon document est bien formé ? | * Comment vérifier que mon document est bien formé ? |