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

Jul 12, 2010

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

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

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

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

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

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

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

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

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

映画アバター観た。