Archives pour la catégorie Master 1 – PE

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>

Recherche d’information, quelques ressources (M1, M2)

image_pdfimage_print

Moteurs de recherches spécialisés

Articles

Partage de signets – "marquage social"

Utilisation des ressources pédagogiques : utilisation d'oeuvres protégées