散乱した画像ファイルをフォルダにまとめたい…♪

ホームページのお勉強お疲れ様です。講師Mです。

 

さて、初回のお題！　『散乱した画像ファイルをフォルダにまとめたい…♪』　です。

 

ホームページビルダーを無造作に使っていると、トップフォルダ（デスクトップもフォルダの一つです。）に写真やイラストなどのファイルが鬼の様に散乱してしまう悲劇に遭遇することがあります。(^_^;)

 

通常であれば、画像ファイル（写真、イラスト）は一つのフォルダ内で保存管理するようにします。

 

たとえば、

 

image　フォルダ…画像用

jpg　フォルダ…写真用

gif　フォルダ…イラスト用

 

てな具合に、フォルダを作って該当するファイルをそのフォルダに入れて管理するのが一般的！！

 

ですが、トップフォルダ（index.htmlファイルが存在するフォルダ)内に、あるわあるわ…山ほどの画像ファイルに手を焼くことがあります。

前述のフォルダ分けを意識しないで作成しまくったツケが後から回ってくるわけです。(笑)

 

では、この画像ファイル達を別なフォルダに単純に移動するとどうなるでしょうか？

 

★画像のリンク（保存場所情報）切れてしまい、表示できない状況になってしまいます。★

 

そこで、ホームページビルダーには、『　リンクの自動更新　』という機能が備わっております。

 

『　リンクの自動更新　』のやり方

 

１、　リンクの自動更新をしたいホームページをサイトとして開きます。

２、　メニュー　→　サイト　→　ビジュアルサイトビューを開く　を実行します。

３、　ビジュアルサイトビューの左上角の　リンク／フォルダ　の表示の　フォルダをクリックします。

４、　トップフォルダのアイコンをクリックします。

５、　トップフォルダ内の画像ファイルを確認します。←　jpeg や jpg や gif や png　など…

　　　（拡張子とは…ファイル名の末尾の３〜４文字のこと）

６、　画像ファイルを選択します。（ドラッグまたは、シフトキーもしくは、コントロールキーを使って）

７、　移動先の image フォルダに　ドラッグ＆ドロップ します。

 

 

８、　ドラッグ＆ドロップした瞬間にリンクの自動更新という別画面がでます。

９、　OK　をクリックします。

 

 

１０、　ホームページ・ビルダーの外部で変更されました…　　とアラート（警告）が出ます。

１１、　はい　をクリックします。

 

 

１２、　プレビューで、画像がちゃんと表示されていることを確認します。

 

 

今回はここまでです。