Cours au département INFO - IUT - UNS

User Tools

Site Tools

Trace:
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 revisionPrevious revision
Next revision		Previous revision
2013_2014:s1:docweb:html:start [2013/11/06 07:50] – [Rendre votre page web accessible depuis l'extérieur] blay2013_2014:s1:docweb:html:start [2013/11/11 19:53] (current) – [Autres balises] rey
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 63: Line 73:
 </box> </box>
  
 +<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 "Paramètrage", puis l'onglet "Nouveau document", sélectionner [[http://fr.wikipedia.org/wiki/UTF-8|UTF-8 sans BOM]], fermer la fenêtre et créer un nouveau document 
-   * 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 183: Line 186:
 <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire :  > <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire :  >
   * Placer un lien vers l'IUT.   * Placer un lien vers l'IUT.
-  * Faites en sorte d'ouvrir une autre fenêtre (attribut ''target'') 
 </box> </box>
  
Line 250: Line 252:
 </box> </box>
 ===== Autres balises ===== ===== Autres balises =====
-Extrait de cours de Gaétan Rey+Extrait de cours de Gaëtan Rey
  
  
Line 296: Line 298:
   * Sauter une ligne : ''<br />''    * Sauter une ligne : ''<br />'' 
   * Tracer une ligne horizontale : ''<hr />''   * Tracer une ligne horizontale : ''<hr />''
-  * Insérer des commentaires : ''< !- - Ceci est un commentaire - - >''+  * Insérer des commentaires : ''< !- - Ceci est un commentaire - - >'' (attention pas d'espace entre les tirets!!)
   * Utiliser des listes    * Utiliser des listes 
   * Un tableau    * Un tableau 
Line 318: 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/edutiant/n/nom/web +         * Accès extérieur via http://lindmz.unice.fr/users/etudiant/n/nomIdentifiant/web 
-         * Accès local via http://linserv/users/edutiant/n/nom/web/+         * Accès local via http://linserv1/users/etudiant/n/nomIdentifiant/web/
  
  
Line 340: 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é ?
Line 348: Line 350:
      * <code><a href="mon fichier.html"> mon lien </a></code>      * <code><a href="mon fichier.html"> mon lien </a></code>
      * <code><p> un paragraphe</p></code>      * <code><p> un paragraphe</p></code>
 +     * <code><ol> toto <li> sous-titre1</li> <ul> sous-titre niveau 2</ul> </ol> </code>
 +     * <code><H1> Titre 1 </H1></code>
   * Quelles informations doivent être données dans mon document pour faciliter sa lecture par les navigateurs et favoriser son « identification » par les robots du web ?   * Quelles informations doivent être données dans mon document pour faciliter sa lecture par les navigateurs et favoriser son « identification » par les robots du web ?
   * Quelles informations non visibles sont également utiles à certains internautes ?   * Quelles informations non visibles sont également utiles à certains internautes ?
   * Quel fichier est affiché si seul le nom d'un répertoire est donné ? Que se passe-t-il si ce fichier n'existe pas ? Est-ce toujours le cas ?   * Quel fichier est affiché si seul le nom d'un répertoire est donné ? Que se passe-t-il si ce fichier n'existe pas ? Est-ce toujours le cas ?
 +  * Quand utiliser ''th''? ''td''?
  
 </box> </box>
- 
- 
  
  
2013_2014/s1/docweb/html/start.1383724253.txt.gz · Last modified: 2013/11/06 07:50 by blay