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
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/11 20:53] (current)
rey [Autres balises]
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 248: Line 252:
 </​box>​ </​box>​
 ===== Autres balises ===== ===== Autres balises =====
-Extrait de cours de Gaétan ​Rey+Extrait de cours de Gaëtan ​Rey
  
  
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.1383740664.txt.gz · Last modified: 2013/11/06 13:24 by blay