En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour assurer le bon fonctionnement de nos services.
En savoir plus

Site d'investigation policière - 1

Par VALERIE MORDASINI-CARIVEN, publié le lundi 22 janvier 2018 20:43 - Mis à jour le mardi 23 janvier 2018 15:17

Réalisation du jeu investigation policière à partir de pages WEB – 1

 

1ère partie séance

Créer le dossier qui contiendra l’ensemble des informations de votre site :

  1. Aller sur le site Bootstrap : https://startbootstrap.com/template-overviews/freelancer/
  2. Télécharger le template (modèle) proposé, le décompresser (clic droit extraire) et le renommer plus simplement (sans espace, sans caractère accentué)
  3. Le copier/coller dans votre dossier projetsmardi (numéro de votre groupe) dans l’espace commun sur le réseau.

Rappel : dans gestionnaire de fichiers, se connecter à un lecteur réseau :

davs://pbellevue.libreedu.ovh/devpub/mpsicn

  1. Ouvrir le fichier, vous allez retrouver la page index.html comme première page. L’ouvrir dans bluefish et sur le navigateur firefox.
  2. Repérer le dossier css qui contient les feuilles de style, et le dossier img qui contiendra vos images.

 

Créer une feuille de style pour personnaliser votre site :

  1. Ouvrir bluefish, fichier/enregistrez sous …dans le dossier css, nommez le notrestyle.css
  2. Pour tester que cela fonctionne taper (ou copier/coller) le code ci-dessous dans notrestyle.css et l’enregistrer

body {

   background : #0000FF ;

}

  1. Dans le fichier index.html, rajouter à la fin de la partie <head> le lien vers votre feuille de style.
  2. Enregistrer et vérifier le résultat dans le navigateur.

 

Préparer la page d’accueil du site d’investigation :

  1. Se repérer dans index.html et le modifier (titres, zone du menu …) – il y a des éléments à supprimer aussi - pour qu’il corresponde à votre structure de site.
  2. Enregistrez sous la page index.html en page1.html page2.html page3.html (plus ou moins selon vos besoins)
  3. Modifier alors menu de la page index.html pour qu’il renvoie vers ces pages de votre site et que les pages 1, 2 et 3 renvoies vers la page d’accueil

 

2ème partie séance :

  1. Avant de partir, réfléchir à l’image avec des zones cliquables qui représentera votre scène de crime (montage photo, création de la scène où vous serez acteur -prévoir les accessoires, le décor, …
  2. Tout en réfléchissant au droit à l’image
  3. Rédiger votre idée pour qu’elle apparaisse dans la page d’accueil à la future place de l’image cliquable.

 

 

Catégories
  • projet1