前回までの作業で、ホームページは完成しましたが、内容を付け足したり、必要な写真をアップロードしたりして、さらに有意義で内容の濃いホームページに仕上げていくことができます。

今回は、効果的かつハイセンスなホームページに仕上げるポイントでもある画像のアップロードについて、一緒に見ていきましょう。

管理画面トップページ

作成ガイドでホームページを作り終わってから、管理画面にはいると、画像１のような画面が表示されます。これは「ダッシュボード」と呼ばれる画面で、管理画面トップページです。ホームページの更新やコンテンツの追加、写真のアップロードや、インターネットビルダーからのお知らせ、契約状況、マニュアルなどの、インターネットビルダーを操作したり、ご利用いただくためのすべてが、ここに収まっています。オンラインマニュアルがダウンロードできますので、機能の詳細に関してはそちらをご参照ください。

(画像1)

インターネットビルダーで作成されたホームページ。メニューの位置やホームページのデザインは、いつでも変更可能だ。

画像をアップロードしてみよう！

ホームページに写真や画像があるかないかで、ホームページの華やかさが一気に変わりますよね。インターネットビルダーでは「無料写真素材集」も提供していますが、自分で撮影した写真や会社資料など、自分でアップロードしないといけない場合もあります。インターネットビルダーでは、とってもカンタンに写真をアップロードすることができるんです。

インターネットビルダーでは、記事の作成画面からも画像をアップロードすることができますが、前もって写真をアップロードして準備することもできます。今回は、前もって写真をアップロードするための手順をみてみましょう。なお、記事の作成画面から写真をアップロードするときも、手順はすべて同じです。それでは、画像アップロードの手順を見てみましょう。

画像管理機能を使う

まず、管理画面トップページの右側の方の、画像２の赤枠にあるアイコンをクリックしてください。そうすると、次の画面では画像３のような画面が表示されますので、画像３の赤枠のアイコンをクリックします。

(画像2)

管理画面から画像管理機能ボタンを押して、作業を開始

(画像3)

Javaアプレット起動時の注意事項

初めてお使いになる場合、Javaアプレットの認証を求められることになります。画像４のような画面が表示されますので「実行」または「信頼する」などのボタンを押してください。「中止」または「信頼しない」というボタンや他のボタンを押すと、画像アップロード機能が正常に機能しないことがありますので、お気をつけください。

(画像4)

このような画面が出現したら「実行」「信頼する」といったボタンをクリックする。
ここで作る情報はホームページに反映される。

画像をアップロードしてみよう

画像４のボタンを押してしばらくすると、画像５のような画面が表示されます。ここでは、アップロードしたい画像をアップロードします。画像５の赤枠で囲まれた空白のエリアに該当するファイルをドラッグアンドドロップしてください。ここでは最大10枚までアップロードできます。(画像6)
また、写真の向きが違う場合などは、写真選択中に画像６のように該当写真の下両端に回転マークが表示されますので、お好みによって画像を回転し、その状態でアップロードすることができます。

ドラッグアンドドロップして、
(画像5)


(画像7)

画像７のような状態になったら、画面下の「画像をアップロードする」ボタンを押して、アップロードしましょう。画面８のようなプログレスバーが登場して、現在のアップロード状況を確認できます。

(画像8)

画像アップロード中の画面。現在のアップロード状況を確認することができる。

画像がアップロードされたら、画像９の中央にある「了解」ボタンを押して、アップロード作業を終了します。画像管理ページに戻る場合は、画面下の「画像管理ページに戻る」ボタンを押して下さい。
(画像9)

画像管理ページを使ってみる

(画像10)

画像管理ページに戻ったら、画像１０のように先ほどアップロードしたばかりの画像のサムネイル画像（縮小画像）が表示されています。必要のない画像は、サムネイル画像下にある「削除」ボタンを押すことで、削除することができます。画像を使用したコンテンツを作っていく場合、使用中の画像が謝って削除してしまうことがないように、使用中画像の削除ボタンは無効になります。

フォルダ管理で画像を整理

(画像11)

大量の画像をアップロードしますと、どうしても画像の管理が煩雑になってきます。インターネットビルダーでは、こうした画像管理を少しでも効率よくできるように、フォルダ管理できるようにしています。新しいフォルダを作って、画像を振り分けてみましょう。

画像１０の左上赤枠にある「フォルダ管理」をクリックすると、画像１１の画面になりますので、左上赤枠の中の「新規フォルダ作成」ボタンをクリックしてください。

(画像12)

「新規フォルダ作成」ボタンを押すと、画像１２の画面が表示されますので、赤枠の中にフォルダ名を記入してください。分かりやすいフォルダ名を設定すると、後々管理がしやすくなります。またフォルダ名は後から変更することができます。記入が終わったら、画面下の次へボタンを押して、フォルダ管理ページに戻りましょう。

(画像13)

フォルダ管理ページに戻ると、画像１３のように、先ほど作ったばかりのフォルダが表示されています。すでに複数作っている場合はリスト形式で表示されています。フォルダ名を変更する場合は、入力フォームに直接新しいフォルダ名を記入し、記入後に画像１３の「保存して反映」ボタンを必ず押してください。フォルダの作成が終わったら、画面下の「画像管理へ戻る」ボタンを押して、画像管理ページに戻ります。

画像をフォルダに入れてみよう

８）画像をフォルダに入れてみよう

(画像14)

フォルダを作った状態では、画像管理画面は画像１４のように表示され、削除ボタンの横に「□選択」というチェックボックスができます。先ほど作ったフォルダに移動したい画像にチェックボックスをいれてください。その後、画面下のプルダウンメニューから移動先のフォルダを選択し、最後に赤枠の「移動する」ボタンを押して、その後表示される注意画面で「はい」を選択してください。

(画像15)

フォルダに移した画像を見てみましょう。画像１５の赤枠のプルダウンメニューから、先ほど移動したフォルダを選択すると、先ほど移動した画像が表示されます。

今回は、どのように画像をアップロードし、管理するかを追ってみてみました。操作を始めれば、直感的に分かりやすい操作ですので、とまどうことなく作業ができますので、是非チャレンジしてみてください。

次回は、ホームページ人材採用術特集といことで効果的な採用ページを実際に作ってみましょう。