WEBデザイン用Firewoksテンプレート(htmlファイル付き)

Jul 12, 2010

ウェブサイトのデザインをするときに、毎回「新規作成」をするの面倒ですよね。新しくサイトデザインを行う際に、過去案件で制作したデザインPNGをベースに制作を進めていく方は、多いのではないでしょうか。

もちろん僕もそのやり方でウェブデザインを行っているひとりなのですが、今回は、僕が作成し、実際に業務でも使っているテンプレートを配布致します。

テンプレートファイルは、以下のボタンよりダウンロードしてください。

download the source(46.6KB, Adobe® Fireworks® CS4)

内容は、以下のようなかんじです。(クリックして拡大します)

また、このPNGにはスライスレイヤーも作成済みです。スライスの書き出しを行うだけで、「top.jpg」というファイルで書き出しを行いますので、同フォルダ内の「index.html」を開くと、こんなかんじでブラウザで表示されるようになっています。

あくまで、テンプレートの一例ですので、このPNGに自分用のアレンジを加えて使いやすくすることで、制作のスタートダッシュが可能になると思います!

ご不明な点等あれば、コメントでいただければ対応させていただきます。
みなさんのウェブサイト制作の効率化のお手伝いが出来れば幸いです。

白坂翔
白坂翔

1984年生まれ。ボードゲームカフェJELLY JELLY CAFEオーナー、将棋カフェCOBINオーナー、マーダーミステリー専門店Rabbitholeプロデューサー、株式会社人狼の代表取締役。ポーカーとゴルフが好きです。MORE

あわせてどうぞ

世界のdaichi君から直々にヒューマンビートボックス講座を受けた