dreamweaver CS5でフォトアルバム作成は？

質問

• dreamweaver CS5でフォトアルバム作成ができないため、代替ソフトを使う必要があります。
• ウェブフォトアルバムの作成には他のソフトウェアが適しています。
• フォトアルバムの管理を簡単にするために、枚数の多いイラストも考慮する必要があります。

回答No.2

dark_kappa

画像１枚とその画像のキャプション（タイトルとか説明文）を、とりあえずdivで括る、というのが一番かな、と思います。

<div class="pict">
<p><img src="ファイル名.jpg" alt="代替文字" width="200" height="150" /></p>
<p>キャプション</p>
</div>

CSSで、クラスpictの<p>でキャプションの文字についてのスタイルを、クラスpictの<img>で画像のスタイルを。

クラスpict自体のスタイルで、タテヨコの幅を。

あとは、これを段組みの要領で1ページに複数設置して行けばいいのでは。

大きな画像へのリンクは、JavaScriptを使うか、画像をクリックすることで別のhtmlを別窓表示するようにするか、どちらかですね。

<div class="pict">
<a href="./album/大きな画像を載せたHTML.html"><img src="ファイル名.jpg" alt="代替文字" width="200" height="150" /></a>
<p>キャプション</p>
</div>

上記で大きな画像を載せたhtmｌファイル（albumディレクトリにまとめて入れてあると仮定）へジャンプ可能です。

一度アルバムとしてアップしたものは変更せず、追加でいくのならば、Dreamweaverのテンプレート機能を使えばラクですね。
テンプレートを使ってページを増やしていって、メニューを後から増やした場合など、リンクの貼り直しには膨大な時間がかかります。
サイトの設定をしておけば、ファイルを置く位置を変更しても関連するhtmlファイルすべてのリンクを自動的に貼り直してくれますし、テンプレートを使っていれば、テンプレートを変更すると、そのテンプレートから作ったhtmlは全て書き換えられるので、非常に楽です。

Dreamweaverをプロが選ぶ理由が良く解る、そんな機能ですね。

ソシム株式会社　発行
エビスコム　著
「HTML/XHTML＆スタイルシート　デザイン・レイアウト逆引き便利帳」
ISBN978-4-88337-704-6

…という本に、画像周りの取り回しについての様々なテクニックが掲載されています。
他のスタイルシートデザイン本でも同様の物があるでしょう。
（ただしこの本は、スタイル内包型で書かれているので、CSSを別ファイル化するならば臨機応変に対応できなくてはなりませんが…）

JavaScriptは良く解らない、というのであれば、上記のようなスタイル本を参考にして、管理しやすく見やすいdivでの段落わけスタイルで作ってみましょう。

Dreamweaverならば、スタイルの適用をボタンクリックで外せますから、スタイルを外して編集すれば、それはそれはシンプルな編集が可能になりますし。

補足

丁寧な解説ありがとうございました。

ちょっとうまく理解できなかった部分があるので確認させてください。
<div class="pict">
<p><img src="ファイル名.jpg" alt="代替文字" width="200" height="150" /></p>
<p>キャプション</p>
</div>
を利用して増やしていくというのは、要するにCSSで任意の大きさのボックスを作って
そこに画像とキャプションを入れるということですね。

＞あとは、これを段組みの要領で1ページに複数設置して行けばいいのでは。
この部分なのですが、pictで作ったボックスというのは「1枚にボックス1個」で
枚数分だけボックスが必要ということでしょうか？
まだ使い方をきちんと理解してないので私が間違っているだけかもしれませんが、
1枚に1ボックスでないと
（例えば横１列に1ボックスとか）
サイズの異なるサムネイルを掲載したときに間隔がずれますよね？

なので枚数分だけボックスが必要になるのですね？

でもそれだといちいちボックスを設定するのがかなり大変ではありませんか？
試しにやってみましたが、かなり手間がかかります。
（テンプレートの使い方を知らないだけだからだと思いますが・・・）

よろしくお願いします。