Differences

This shows you the differences between two versions of the page.

--- 2013_2014:s1:docweb:html:start [2013/11/06 07:38] – [Votre environnement de travail pour commencer] blay
+++ 2013_2014:s1:docweb:html:start [2013/11/11 19:53] (current) – [Autres balises] rey
@@ Line 30: / Line 30: @@
   - Sous le répertoire ''WEB'', créer un répertoire ''TD1''. A chaque séance, vous créerez un nouveau répertoire.
-Vous pouvez aussi faire le choix de créer directement des pages accessibles depuis l'extérieur, 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 =====
@@ Line 63: / Line 73: @@
 </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
-   * 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)
@@ Line 183: / Line 186: @@
 <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire :  >
   * Placer un lien vers l'IUT.
-  * Faites en sorte d'ouvrir une autre fenêtre (attribut ''target'')
 </box>
@@ Line 250: / Line 252: @@
 </box>
 ===== Autres balises =====
-Extrait de cours de Gaétan Rey
+Extrait de cours de Gaëtan Rey
@@ Line 296: / Line 298: @@
   * Sauter une ligne : ''<br />''
   * 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
   * Un tableau
@@ Line 317: / Line 319: @@
 <note tip>**Pour rendre votre page web accessible depuis l'extérieur**
-  * Vous êtes sur Sophia ou sur Nice
+  * 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/nomIdentifiant/web
+         * Accès local via http://linserv1/users/etudiant/n/nomIdentifiant/web/
-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.
   * Vous êtes sur Sophia
@@ Line 339: / Line 342: @@
 <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 ?
-  * Comment nommer une page web ?
+  * Comment "donner un titre" à une page web ?
   * Qu'est-ce que le balisage sémantique ?
   * Comment vérifier que mon document est bien formé ?
@@ Line 347: / Line 350: @@
      * <code><a href="mon fichier.html"> mon lien </a></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 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 ?
+  * Quand utiliser ''th''? ''td''?
 </box>