User Tools

Site Tools


2013_2014:s1:docweb:html:start

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
Last revision Both sides next revision
2013_2014:s1:docweb:html:start [2013/11/06 13:24]
blay [Rendre votre page web accessible depuis l'extérieur]
2013_2014:s1:docweb:html:start [2013/11/06 16:39]
blay [Rendre votre page web accessible depuis l'extérieur]
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 316: Line 320:
  
   * Vous êtes sur Sophia ou sur Nice : Vous devez déposer vos fichiers web sur ''​lindmz.unice.fr''​ dans un dossier ''​web''​ à la racine de votre répertoire personnel sur ce serveur : (putty->​linserv1) et modifier les droits (chmod 755)   * Vous êtes sur Sophia ou sur Nice : Vous devez déposer vos fichiers web sur ''​lindmz.unice.fr''​ dans un dossier ''​web''​ à la racine de votre répertoire personnel sur ce serveur : (putty->​linserv1) et modifier les droits (chmod 755)
-         * Accès extérieur via http://​lindmz.unice.fr/​users/​etudiant/​n/​nom/web +         * Accès extérieur via http://​lindmz.unice.fr/​users/​etudiant/​n/​nomIdentifiant/web 
-         * Accès local via http://linserv.unice.fr/​users/​etudiant/​n/​nom/web/+         * Accès local via http://linserv1/​users/​etudiant/​n/​nomIdentifiant/web/
  
  
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é ?
2013_2014/s1/docweb/html/start.txt · Last modified: 2013/11/11 20:53 by rey