Vous devez savoir qu’il est possible d’héberger un mini site Web sur sa Dropbox en utilisant un service tiers comme Site44.

 illustration-google-drive

On peut réaliser la même chose sur Google Drive. En effet, Google vient de donner la possibilité d’héberger des pages Web en passant par son service Google Drive ce qui permet de mettre en ligne rapidement quelques pages Web constituant un mini site.

La différence avec Dropbox est importante, car il n’est pas obligatoire de passer par un service tiers pour effectuer la manipulation, tout le nécessaire est intégré à Google Drive.

Marche à suivre :

  • Sur Google Drive, créer un nouveau dossier, nommer-le et partager-le en mode Public. Pour partager ce nouveau dossier, cocher le dans la liste puis cliquer sur l’icône Partager qui se trouve à droite du bouton Nouveau dossier.
    drive-nouveau-dossierDans les Paramètres de partage, cliquer sur Modifier… et choisir Public
    drive-partage-dossier
    drive-partage-publicPour finir, cliquer sur le bouton Enregistrer puis sur OK.
  • Dans le dossier, copier un fichier HTML. À titre d’exemple, j’ai utilisé le code ci-dessous dans un fichier appelé page_accueil.html :
    <HTML>
    <HEAD>
    <TITLE> Mini site Web </TITLE>
    </HEAD>
    <BODY>
    <strong>Bonjour, je suis une page Web</strong>
    </BODY>
    </HTML>
    On peut aussi utiliser des fichiers de style CSS, du JavaScript à appeler depuis le fichier HTML.
  • Ouvrir le fichier HTML en cliquant dessus puis cliquer sur le bouton Aperçu
    drive-apercu-fichier
  • Tout en restant en mode Aperçu, récupérez l’Url d’accès qui est affichée dans la barre d’adresses du navigateur. Elle commence par https://googledrive.com/host/xxxx. Il s’agit de l’adresse du mini site Web, constitué d’une seule page pour cet exemple, à communiquer aux personnes de votre choix, éventuellement en la raccourcissant : http://bit.ly/12ydpSJ

Le mini site est accessible à tous du moment que son adresse est connue.

Il est bien sûr possible d’élaborer des relations entre différents fichiers HTML d’un même dossier sur Google Drive. Il s’agit de liens relatifs qui peuvent référencer des images, d’autres fichiers HTML, des feuilles de style CSS, des fichiers JavaScript…

Boutons de partage :
Twitter Facebook Google Plus Linkedin email
Article rédigé par Eric Weyland