2003/05/30

久しぶりのサイト更新です。自動伸縮テーブルを使ったレイアウトページです。
もう少しデザインにこだわって作らないといけないですね。

ロゴに使用している Explode5 は、2002/04　に作成したものです。Flashとしては、単純な作りですが、爆発が綺麗なので、そこそこ気に入っています。

ロゴとしてはサイズの大きなもので、なかなか使うことができませんでしたが、こういう勉強用トライアルページに使うことができて、やっと素材を有効利用することができました。
今までDreamweaver でレイアウトにこだわってページを作りこみする作業をあまりしていなかったので、作りこみをしていると小さな発見が沢山あります。

 

■　ページレイアウト

閲覧時のブラウザウィンドウサイズは、ビジターごとに違いますが、セルの自動伸縮を利用すれば、ブラウザのウィンドウサイズに関係なく、常にブラウザの隅までコンテンツが配置されるようにできます。
レイアウトテーブルを作成したら、どの列が自動伸縮させるかを考慮しながらページレイアウトを行います。列幅が伸びても縮んでもデザインが崩れないように注意を払いましょう。

■　自動伸縮の設定

レイアウトが完成したら、自動伸縮させる列の列ヘッダメニューから【列を自動伸縮にする】を選択します。これで、その列はブラウザサイズに合わせて自動伸縮するようになります。また、テーブル自体もブラウザサイズに合わせて伸縮します。
自動伸縮に設定した列以外のすべての列には、自動的にスペーサーイメージが追加され、固定幅になります。