ドロップボックスの利用 | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ ドロップボックスの利用

オンラインストレージサービスは色々ありますが、ドロップボックス(Dropbox)
ついて説明します。


追記
ドロップボックスを利用した画像の記載に関しては、PCでは表示されますが、
携帯電話では表示されない様なので注意してください。
スマホなどは不明。




● ドロップボックスのインストール


① ドロップボックス(Dropbox)のダウンロードページは下記
https://www.dropbox.com/install

② アカウント作成ページは下記
フリーメールアドレス(ヤフーなど)も使えます。
https://www.dropbox.com/register


③ 導入方法などは下記を参照
http://senryaku.sengoku-jidai.com/Freesoft/Dropbox.html

http://life-is-once.jp/%E3%82%B3%E3%83%84/dropbox-%E3%82%B3%E3%83%84/dropbox%EF%BC%88%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%EF%BC%89%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E6%96%B9%E6%B3%95/



④ インストールが終わったら、下記のURLにアクセス(クリック)して
  Public フォルダーを作成してください。
  (現在は、インストールしてもPublicフォルダが自動作成されないため

https://www.dropbox.com/enable_public_folder


● インターネットへの公開

① Dropboxを起動するとフォルダーが開きます。

上記④を行うとPublicフォルダーが作成されます。
このフォルダーにインターネットに公開したい
フォルダーやファイルを入れてください。
公開したくないファイルは別のフォルダーに入れてください。



リアナのカスタマイズ日記(CSS編集用デザイン)



② PublicのフォルダーをダブルクリックしてPublicのフォルダーの中身を表示します。



リアナのカスタマイズ日記(CSS編集用デザイン)



③ インターネットに公開されているファイルを右クリックして、公開リンクをコピー
  クリックします。
  そうすれば、クリップボードに公開リンクのURLがコピーされます。


リアナのカスタマイズ日記(CSS編集用デザイン)




★ 公開リンクのコピーは、自分のDropBoxのWeb上からもできます。
(右クリック→公開リンクをコピー)



リアナのカスタマイズ日記(CSS編集用デザイン)







● Dropbox を使った例


① 画像ファイル

<img src="https://dl.dropboxusercontent.com/u/192658020/2009070714210002_3520439.jpg">







② CSSファイル(拡張子が、txtのケース)


<a href="https://dl.dropboxusercontent.com/u/192658020/kiyoto_777_test.txt" target="_blank">CSSファイル</a>



CSSファイル




③ CSSファイル(拡張子が、cssのケース)


<a href="https://dl.dropboxusercontent.com/u/192658020/kiyoto_777_test.css" target="_blank">CSSファイル</a>



CSSファイル



◆ IEの場合は、CSSの拡張子は、メモ帳で開きます。
   txtの拡張子はブラウザで開きます。




● その他

① 使用可能容量は下記から確認できます。

https://www.dropbox.com/getspace