ホームページ・ビルダーでWEBサイトを作ろう

ホームページにWEBアルバム

スライドショーを作成したフリーソフト「 すなねぃる !! 」で今度は、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アルバムも出来ますが、フリーソフト「 すなねぃる !! 」の方が使いやすいように思います。

あとフォトショップでも作成できます。

 

次へ(ホームページビルダーの活用初級編)

▲↑へ

気分はゴムとびパソコンde遊ぼう(ホームページビルダーでWEBサイトを作ろう)