画像ギャラリーをワンクリックで作成[HTML]
Arles Image Explorer をダウンロードする
Webサイト用の画像ギャラリーを生成するツール「Arles Image Explorer」を下記のサイトからダウンロードし,インストールする.
https://www.digitaldutch.com/arles/
対応OSはWindows
Arles Image Explorerを開くと,以下のような画面がでてくる.
画像をドラッグアンドドロップする
画像をドラッグアンドドロップし,アップロードを行うと,以下のような画面になる.
各種設定を行う
画像をアップロード後,左上のWeb Pageボタンを押して各種設定を行う.
今回は,ほぼデフォルトのまま使ったのだが,画像の配列やサイズを変更したり,Index Page>HTML Design…で文字のフォントや色や,htmlのトップに表示するコンテンツを追記することもできるようであった.
Allボタンを押す
Allボタンを押して,ギャラリーを生成.
完成
以下のようなギャラリーがHTMLで生成される.
フォルダ構成としては,以下のようになっており,入力画像とサムネイル画像がきれいに整理されて保存されている.
Arles Image Explorer で生成されたhtmlやアイコンマークは自分で編集可能なため,拡張性もある.
Webページのプロトタイプを作成する際に役に立ちそうなツールだ.
ディスカッション
コメント一覧
まだ、コメントがありません