dropboxについて

質問

現在、自宅でwebを制作中です。dropboxで、職場の同僚にも意見をもらおうと
職場の自分のpcにHTMLとCSSを落とそうとするのですが、共有できても
職場のpcでは、すべて文字となってでてきてしまいます。
完全なサイトとして現れません。
なぜなのでしょうか。宜しくお願いします。

回答No.2

asciiz

昨今のWebページでは、単一のHTMLファイルだけで構成されていることは、まず、ありません。
最低限、ページ内に組み込まれる画像ファイルと、基本的なCSSファイルの取り込み。そして普通はさらに別のcssファイルや、スクリプトを含むファイルの組み込みなどがいくつも、行われているでしょう。

例えばHTML(index.html)の中で、同フォルダ内にある画像ファイルなら
<img src="aaa.jpg">
cssフォルダにあるCSSファイルなら
<link rel="stylesheet" type="text/css" href="css/bbb.css" />
こんな感じに、記述されていると思います。

ですがDropboxにおいて、リンクによってフォルダを公開した場合に、その中のファイル一つ一つには、すべて個別の公開URLが付けられて、公開されます。

Dropbox公開フォルダからそれぞれの各URLを確認すると、
フォルダ：https://www.dropbox.com/sh/(ランダム文字列A)/(ランダム文字列B)
HTMLファイル:https://www.dropbox.com/sh/(ランダム文字列A)/(ランダム文字列X)/index.html
画像ファイル：https://www.dropbox.com/sh/(ランダム文字列A)/(ランダム文字列Y)/aaa.jpg
CSSファイル：https://www.dropbox.com/sh/(ランダム文字列A)/(ランダム文字列Z)/css/bbb.css
：
こんな感じになっています。

この状態でHTMLファイルをクリックしたならば、HTMLが存在するフォルダ(ランダム文字列Xフォルダ)のそばには、画像ファイルもcssファイルも存在しないので、読み込みエラーとなり、HTMLにある文字だけが表示されてしまう、と言うことになるわけです。

単一ファイルを公開するならば、URL(リンク)のDropbox共有で構いません。
しかしHTMLのように複数ファイルが関連するものは、Dropbox公開URLでは関連付けが引きちぎれてしまって、まともに表示できません。

全てダウンロードして、同じようにフォルダ構成してから、表示するか。(フォルダをダウンロードすれば、zipでダウンロードされるので「すべて展開」するだけです)
あるいはDropboxアプリをパソコンに入れて、HDD上に共有ファイルを同期して、それを表示するか。
そんな方法となるでしょう。

※Dropboxアプリをインストールした場合、職場PCに自分のDropboxアカウントで同期すると、個人用のファイルまですべてコピーされてしまいます。
そこで、「職場のDropboxアカウント」を作成し、公開用フォルダのみを「職場のアカウントと共有」と設定するのが良いでしょう。
それが出来たら、リンクによる共有は無駄なので、削除してしまって構いません。(「ランダム文字列」が看破される可能性は低いですが…リンクによる共有は全世界に公開してるのと一緒なので、不特定多数に公開するのでなければ、使わない方がいいです。)

回答No.1

noname#222867

publicフォルダに入れるだけだと思うが
bitlyだったかの短縮URL通すとええで