Comment utiliser Dropbox pour héberger un site Web HTML simple

Pour héberger même les sites Web les plus simples, vous devez en savoir beaucoup sur des choses comme les noms de domaine, l'espace d'hébergement Web, les serveurs, le CMS, etc. Cela est particulièrement troublant si vous êtes novice dans ce genre de choses. Cela étant dit, si vous souhaitez héberger des sites Web complexes comme RTT, vous n'avez pas d'autre moyen que de passer en revue toutes les choses que j'ai dites plus tôt. Cependant, si tout ce dont vous avez besoin est un site Web simple avec seulement quelques pages, par exemple un site de portefeuille ou un site de petite entreprise, le processus n'a pas besoin d'être si compliqué.

La plupart d'entre nous utilisent Dropbox pour stocker et partager des fichiers. Non seulement pour stocker et partager, mais vous pouvez également utiliser Dropbox pour beaucoup d'autres choses. L'un d'entre eux héberge gratuitement votre propre site Web sur Dropbox. Donc, si vous avez besoin d'un site Web simple, voici comment utiliser Dropbox pour héberger des sites Web en quelques clics.

Voici le site Web de démonstration  que nous avons hébergé sur Dropbox.

Limites

Eh bien, lorsque vous choisissez d'héberger votre site Web avec Dropbox, vous devez tenir compte de certaines limitations. En effet, Dropbox est un service de stockage en nuage et n'est pas conçu pour héberger des sites Web. Vous trouverez ci-dessous certaines choses que vous devez garder à l'esprit.

  • L'espace libre n'est que de 2 Go. Vous pouvez l'augmenter avec des références.
  • Vous ne pouvez héberger que des sites Web HTML statiques. Vous ne pouvez pas héberger de sites Web dynamiques utilisant PHP, Java, etc.
  • La bande passante est limitée et si votre site Web reçoit un trafic élevé, votre site peut être en panne pour la plupart d'entre eux.
  • Vous n'avez pas accès au serveur ni aux configurations avancées que vous obtenez lorsque vous hébergez votre site sur un hébergeur dédié.
  • Étant donné que vous n'aurez aucun éditeur visuel pour créer des fichiers HTML, vous devez connaître un peu HTML, CSS et une ou deux choses sur l'édition Markdown.
  • Pour héberger un domaine personnalisé, vous devrez opter pour la version premium.

Utiliser Dropbox pour héberger un site Web

Il existe plusieurs services gratuits qui vous permettent d'héberger des sites Web sur Dropbox. Pour ce tutoriel particulier, j'utilise DropPages. Avec le compte gratuit, vous êtes limité à l'utilisation du sous-domaine DropPages avec 50 Mo de stockage. Si vous souhaitez utiliser votre propre nom de domaine avec un stockage plus élevé, vous devez vous inscrire à leur plan premium.

Pour commencer, rendez-vous sur DropPages puis cliquez sur le bouton « Se connecter » apparaissant sur la page d'accueil.

L'action ci-dessus vous amènera à l'écran d'authentification Dropbox. Ici, cliquez sur le bouton "Autoriser" pour accorder les autorisations à DropPages. Ne vous inquiétez pas, DropPages n'aura l'autorisation d'accéder qu'à son propre dossier. Il ne pourra pas accéder aux autres dossiers ou fichiers de votre compte Dropbox.

Après avoir donné les autorisations requises, vous serez redirigé vers DropPages. Ici, cliquez sur le bouton "Créer un nouveau site".

Cela vous amènera à la page de sélection de domaine. Ici, entrez votre nouveau nom de domaine comme example.droppages.com et cliquez sur le bouton "Créer". N'oubliez pas de remplacer "exemple" par votre propre nom personnalisé. Puisque vous êtes sur un forfait gratuit, vous ne pouvez pas ajouter de domaine personnalisé.

C'est tout ce qu'il y a à faire. Vous avez créé avec succès un site Web à l'aide de Dropbox et de DropPages. En vous dirigeant vers le domaine que vous avez créé, vous pouvez accéder à votre nouveau site Web. Bien sûr, il n'y aura pas grand-chose tant que vous n'y ajouterez pas de contenu.

Tous les fichiers créés par DropPages seront stockés dans votre compte Dropbox. Si vous ouvrez votre compte Dropbox et accédez à /Apps/My.DropPages/, vous verrez un nouveau dossier avec votre nom de domaine.

Dans ce dossier, vous verrez trois autres sous-dossiers. Voici ce qu'ils sont et ce qu'ils font.

Contenu : le dossier de contenu est utilisé pour télécharger les fichiers texte écrits en langage Markdown. Ces fichiers texte sont ensuite rendus au format HTML à l'aide du dossier Template. Vous n'avez pas besoin d'utiliser spécifiquement les fichiers texte avec Markdown pour créer du contenu pour votre site, mais cela vous facilitera grandement la vie.

Public : Ce dossier héberge tous les fichiers publics tels que CSS, JS, Images et de votre contenu téléchargeable comme les fichiers PDF, ZIP, etc.

Modèles : vous pouvez utiliser ce dossier pour héberger tous vos fichiers HTML. Ce dossier est également responsable du rendu des fichiers HTML avec les fichiers texte du dossier Content.

Pour ajouter du contenu à votre nouveau site, téléchargez les fichiers HTML dans le dossier Modèles et d'autres fichiers tels que des images, CSS et JS dans le dossier Public. Si tout se passe bien, votre nouveau site Web sera opérationnel en un rien de temps.

Maintenant, si vous allez sur votre nom de domaine, vous verrez que la mise en page est assez basique avec seulement deux lignes de texte. Pas d'images ni de css.

Vous pouvez soit télécharger vos propres fichiers HTML et CSS dans le contenu et le dossier public.

Ou, DropPages propose également  3 thèmes gratuits . Téléchargez n'importe lequel d'entre eux, extrayez le contenu et vous trouverez trois dossiers - Contenu, Public et Modèles. Téléchargez simplement le contenu de ces dossiers dans le répertoire respectif de votre Dropbox et vous obtiendrez un site Web comme celui -ci . (voir la capture d'écran en haut).

Pour modifier l'entrée de texte et d'images sur le site Web, mettez à jour le dossier Contenu et Public.

Il existe plusieurs thèmes HTML gratuits qui peuvent vous aider à créer le site Web que vous souhaitez. Voici un bon site pour vous permettre de démarrer avec de bons thèmes HTML. Si vous ne savez pas comment écrire du HTML, vous pouvez utiliser cet outil gratuit pour créer du contenu HTML.

N'oubliez pas non plus de lire la documentation DropPages pour en tirer le meilleur parti.

Cela étant dit, si vous êtes sérieux au sujet de votre site Web, je vous recommande de l'héberger sur un hébergeur approprié avec un nom de domaine approprié. La vidéo suivante vous aidera à créer un site Web professionnel avec WordPress en moins de 10 minutes.

J'espère que cela vous aidera et commentez ci-dessous en partageant vos réflexions et vos expériences sur l'utilisation de la méthode ci-dessus pour utiliser Dropbox pour héberger un site Web.


10 trucs et astuces pour utiliser la recherche Google plus efficacement

10 trucs et astuces pour utiliser la recherche Google plus efficacement

Nous avons tous entendu parler de Google et de son produit le plus renommé, la recherche Google. La plupart d'entre nous l'utilisent probablement aussi quotidiennement. Mais tirez-vous le meilleur parti du puissant moteur de recherche ?

5 applications de signets spécialisées pour enregistrer des liens de manière unique

5 applications de signets spécialisées pour enregistrer des liens de manière unique

Internet a beaucoup à offrir et vous voudriez tout garder pour l'avenir. Que vous souhaitiez la confidentialité ou un moyen de vous rappeler pourquoi vous avez enregistré un lien, ces applications peuvent changer la façon dont vous utilisez les signets.

5 applications pour protéger votre vie privée sur YouTube et empêcher Google de vous suivre

5 applications pour protéger votre vie privée sur YouTube et empêcher Google de vous suivre

YouTube est le plus grand service de streaming vidéo gratuit de la planète. Mais vous payez un prix avec votre vie privée. Heureusement, il existe des applications pour rendre YouTube plus privé et sécurisé ou utiliser des alternatives avec des fonctionnalités similaires.

5 applications de Noël gratuites pour que les enfants profitent de festivités adaptées aux enfants

5 applications de Noël gratuites pour que les enfants profitent de festivités adaptées aux enfants

Les enfants méritent un Noël joyeux et heureux, n'est-ce pas ? Essayez ces moyens gratuits de susciter la joie de Noël pour les enfants avec des applications, des jeux et des sites Web interactifs.

Les 6 meilleurs sites Web pour apprendre le référencement

Les 6 meilleurs sites Web pour apprendre le référencement

Avec tout maintenant en ligne, le marketing de contenu est devenu essentiel. Avoir un contenu de qualité ne suffit plus si vous ne pouvez pas le sauvegarder avec des stratégies de référencement robustes lorsque vous publiez quelque chose.

Comment supprimer un avis Google

Comment supprimer un avis Google

Peu importe à quel point vous essayez de fournir des services de premier ordre, vous ne pouvez toujours pas satisfaire tous vos clients. Même quelques mauvaises critiques peuvent dissuader des clients potentiels de vous confier leur entreprise.

Google Chrome vous déconnecte ? Voici comment résoudre le problème

Google Chrome vous déconnecte ? Voici comment résoudre le problème

Ne serait-il pas ennuyeux de devoir ressaisir vos informations d'identification à chaque fois que vous ouvrez le navigateur Chrome ? Certainement. Bien que Chrome soit connu pour sa vitesse, sa simplicité et sa convivialité, vous pouvez rencontrer certains bogues.

Figma vs Sketch : quelles sont les meilleures applications de prototypage pour les débutants

Figma vs Sketch : quelles sont les meilleures applications de prototypage pour les débutants

Confus entre les applications de conception Figma et Sketch? Voici une comparaison approfondie pour faciliter le processus de décision pour les débutants.

Une astuce simple pour contourner Google reCaptcha dans Chrome Incognito

Une astuce simple pour contourner Google reCaptcha dans Chrome Incognito

Voici une solution simple lorsque vous obtenez une erreur reCaptcha en mode Chromes incoginito.

Comment créer un GIF dans Canva à partir dimages et de vidéos

Comment créer un GIF dans Canva à partir dimages et de vidéos

Vous voulez créer des GIF accrocheurs ? Apprenez à créer un GIF dans Canva avec des images et des vidéos pour animer votre site Web et votre flux de médias sociaux.