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

テーマに沿って撮った画像を公開したい時、スライドショー・WEBアルバムは便利です。
ホームページビルダーでも作成できますが、ここは、フリーソフト「 すなねぃる !! 」の使い方をご紹介。

すなねぃる!!
作者： snappy氏
作者ＵＲＬ： http://homepage3.nifty.com/metis/contents/soft/

ダウンロードは、こちらから。
sna218c.exe ｛８４４KB｝をご自分のパソコンのデスクトップにダウンロードします。

解凍ソフトでsna218c.exeを解凍。デスクトップに

スライドショーのページを作成してみましょう

前ページで縮小専用を使って画像の幅を一定の６４０ピクセルにしたデスクトップの「hana」フォルダ。

その中に「Resized」フォルダがありました。このフォルダを選択、右クリックで名前の変更を選び「1804hana」とフォルダ名を変更します。

その「1804hana」フォルダ内の画像ファイルを、よく見てスライドショーで表示させたい順に「01.jpg」「02.jpg」「03.jpg」〜〜「14.jpg」「15.jpg」とファイルの名前を変更します。

スライドショーのHTMLが出来るので出力先フォルダとして、デスクトップに「1804hana_slideshow」フォルダを準備します。（デスクトップの何もないところで右クリック→新規作成→フォルダ→フォルダ名を「1804hana_slideshow」）

　これで準備が出来ました。

　すなねぃる!!を起動します。

１，全般タブ

　画像のあるフォルダを選択　［この場合は、デスクトップの「hana」フォルダ→「1804hana」］

　HTMLファイルの出力先のフォルダ指定　［デスクトップの「1804hana_slideshow」フォルダ］

　作成モードは、スライドショーにチェック

２．HTML�@タブ

　ページのタイトルを記入。フォントの指定　サイズの指定　タイトルの文字色の指定　背景色の指定をする。

３，HTML�Aタブ

　トップページへのリンクでリンク先名称。リンク先URLを記入　リンクの色等を指定

４，コメントタブ

コメントを挿入したい場合ここで指定。

５，スライドショータブ

作成ボタンをクリック。自動的にHTMLファイルが作成されて、完了メッセージが表示されます。

「はい」を選択、作成されたHTMLファイルが表示。

情報バーが表示されたら「ＯＫ」をクリック

ブロックされているコンテンツを許可すると、スライドショーが開始します。

よし、これでＯＫならデスクトップの「1804hana_slideshow」フォルダをご自分のサイトフォルダの中に入れます。

次に「ホームページビルダー」を起動します。

サイトを開きます。

サイトのindex.htmを開き、ページの更新情報に「１８年４月の花写真（180517up）」と記入します。

１８年４月の花写真（180517up）の文字をドラッグして、右クリック→リンクの挿入を選択

１、ファイルタブ

２，参照

３，「1804hana_slideshow」フォルダを指定

４，その中のindex.htmlファイルを選択

５，開くをクリック

サイト「homepage」のトップページindex.htmに「1804hana_slideshow」フォルダのindex.htmlにリンクを貼ったので上書き保存。同じような名前ですが、階層が違うので別のファイルになります。

ツールバーのInternetExplorerの起動ボタンをクリックして、リンクの間違いがないか確認します。

OKならトップページのindex.htmと「1804hana_slideshow」フォルダをFTPツールを使ってサーバーにアップ！

こんなスライドショーが出来ました。

次へ（ＷＥＢアルバム作成）

▲↑へ