スライドショーを作成したフリーソフト「 すなねぃる !! 」で今度は、WEBアルバムを作ってみましょう。
WEBアルバムの元になる画像は、デスクトップの「hana」フォルダの「1804hana」フォルダの画像です。
今回もHTMLファイルの出力フォルダをデスクトップに準備します。(デスクトップの何もないところで右クリック→新規作成→フォルダ→フォルダ名を「1804hana_webalbum」)
WEBアルバムの作成
1, すなねぃる!!を起動。
2, 最初に設定。
画面の下の「オプション」をクリック。ここはお好みで設定。私は下記のようにしました。
サムネイルタブ= サムネイルの画像のタイプを「JPEG」
メイン画像=次の 画像へ移動
3,全般タブ
画像のあるフォルダを選択 [この場合は、デスクトップの「hana」フォルダ→「1804hana」]
HTMLファイルの出力先のフォルダ指定 [デスクトップの「1804hana_webalbum」フォルダ]
作成モードをサムネイルを作成するにチェック
サムネイル画像サイズは、表示する数によって選択。今回は15枚の画像なので120×120ピクセルを選択
メインの画像は、すでに縮小専用で変更しているのでチェック無し。

4.HTML@タブ
ページのタイトルを記入。フォントの指定 サイズの指定
タイトルの文字色の指定
画像表示レイアウト
非フレームを選択
一行に表示するサムネイル画像数5
背景色指定
5,HTMLAタブ
トップページのリンク先 URLを記入
メイン画像ページのリンク文字列
次へ 戻る でもOK レイアウトも決める
サムネイルページへのリンク文字を記入
リンクの色を設定
6,コメント
コメントを挿入したい場合、コメントタブから画像一枚ずつにコメントを挿入出来る。
7,作成
作成ボタンをクリック。
自動的にHTMLファイルが作成されて、完了メッセージが表示されます。
「はい」を選択、作成されたHTMLファイルが表示。
よし、これでOKならデスクトップの「1804hana_webalbum」フォルダをご自分のサイトフォルダの中に入れます。
次に「ホームページビルダー」を起動します。
サイトを開きます。
サイトのindex.htmを開き、ページの更新情報に「18年4月の花写真WEBアルバム(180517up)」と記入します。
18年4月の花写真WEBアルバム(180517up)の文字をドラッグして、右クリック→リンクの挿入を選択
1、ファイルタブ
2,参照
3,「1804hana_webalbum」フォルダを指定
4,その中のindex.htmlファイルを選択
5,開くをクリック
サイト「homepage」のトップページindex.htmに「1804hana_webalbum」フォルダのindex.htmlにリンクを貼ったので上書き保存。同じような名前ですが、階層が違うので別のファイルになります。
ツールバーのInternetExplorerの起動ボタンをクリックして、リンクの間違いがないか確認します。
OKならトップページのindex.htmと「1804hana_webalbum」フォルダをFTPツールを使ってサーバーにアップ!
WEBアルバムができました。
ホームページ・ビルダーでもスライドショーもWEBアルバムも出来ますが、フリーソフト「 すなねぃる !! 」の方が使いやすいように思います。
あとフォトショップでも作成できます。
次へ(ホームページビルダーの活用初級編)
▲↑へ |