Archives pour la catégorie Master 2 – CPE

Produire des documents structurés, techniques documentaires

image_pdfimage_print

FF :  "production de documents scruturé et techniques documentaires pour la recherche"

Quelques ressources pour le traitement de texte

Texte "tablettes", à mettre en forme. http://villemonteix.u-cergy.fr/cem/ex/article_tablettes.rtf

  • Appliquez les styles ci-dessous, modifiés :
  • Enlevez du texte les indications superflues (1, 2.1,…)
  • Créez le sommaire de l’article au début du document, avant l’introduction.
  • Dans le document, vous intégrerez les courbes réalisées à partir des données issues du document : http://villemonteix.u-cergy.fr/cem/ex/donnees.docx
  • Le point d’insertion des courbes se situe à la fin de l’introduction.
  • Enregistrer le document au format .doc (ou .docx)
  • envoyez le document à l'adresse fvillemonteix@gmail.com

Styles à appliquer :

  • « normal » ou « standard » : taille 10 pts, police : « cambria » ; justifié, retrait positif première ligne : 1,5 cm ; espace avant 6 pts ;
  • « Titre » (titre et nom de l’auteur) : taille 18 pts; police « cambria » ; centré ; gras ; espace après 12 points ;
  • « références » (noms des auteurs, universités de rattachement, résumé et mots clés) : taille 10 ; cambria ; pas d’espace avant ;
  • « Titre 1 » : taille 14 ; police cambria ; espace avant 12 points ;
  • « Titre 2 » : taille 12 ; police « cambria » ; espace avant 12 points

Quelques ressources pour produire :

Classe inversée:

 

 

Petite initiation html (M1)

image_pdfimage_print

Tutoriels html :

Préparez votre environnement de travail

  1. Créez un dossier sur le bureau que vous appelez "mon site"
  2. Créer un document vide avec le texteur (Bloc Notes ou Textedit); "enregistrer sous" puis donnez le nom "index"
  3. Fermer le texteur, aller dans le dossier créé puis renommez le fichier qui s'y trouve ainsi :  index.html
  4. cliquez-droit sur le fichier renommé et demandez à ce qu'il s'ouvre avec Firefox ("ouvrir avec…"
  5. dimensionnez votre navigateur en sorte qu'il n'occupe que la partie droite de votre écran,
  6. réouvrez votre texteur et dimensionnez le dans la partie gauche, puis chargez le document index.html

Vous êtes prêt(e) à écrire votre page web : vous avez un dossier "mon site" il contient la page "index.html", votre page d'accueil. Il contiendra par la suite vos pages et vos ressources. Au fur et à mesure, les pages créées seront déposées dans ce dossier, ainsi que les dossiers qui contiendront les médias apparaissant sur vos pages.

Toute page web, afin d'être interprétée par le navigateur doit lui indiquer qu'elle est écrite dans un langage qu'il va comprendre. Pour ce faire, écrivez dès à présent les deux balises <html> et </html> l'une au-dessous de l'autre dans votre texteur. Le navigateur interprétera ainsi TOUT ce qui se trouvera entre ces deux balises et qui constituera votre page web

Qu'écrire entre ces deux balises ?

Vous allez écrire une page de présentation (votre carte d'identité). Elle se compose d'un titre (votre nom) et de plusieurs titres de niveau 1 (présentation, mon parcours, mes goûts) et de paragraphe de textes.

Chaque portion de texte, selon la forme que vous souhaitez lui donner, est encadré par des balises (exemple <b> ce texte sera en gras <b>

Quelques balises simples pour commencer

  • <b> texte en gras </b>
  • <i> texte en italiques </i>
  • <u> texte souligné </u>
  • <br> mise à la ligne (pas la peine de fermer la balise
  • <title> nom du document (apparaîtra dans la barre de titres de votre navigateur) </title>
  • Faire un lien vers google en cliquant sur le mot "chercher" : <a href = "http://www/google.fr"> chercher </a>
  • Faire un lien vers une image se trouvant dans votre dossier, dont le nom est "photo.jpg" : <img src = "images/photo.jpg".
  • <h1> Titre de niveau 1 </h1>
  • <h2> titre de niveau 2 </h2>

Donc, cela donne :

  • <html>
  • <title> Mon nom </html>
  • <h1> Présentation </h1>
  • blablabla
  • <h1> mon parcours </h1>
  • blabla
  • <h1> mes activités professionnelles </h1>
  • blabla
  • </html>