Drawterでデザインカンプ制作

ブラウザ上でWYSIWYG的にWebサイトが作れる、Drawterに関するメモ。
サイトにアクセスするとでさっそくサイト制作ができます。

Drawterは、jQueryライブラリをベースにしたJavaScriptで制作されています。
テーブルレイアウトではなく、CSSでレイアウトが組めるツール。

PCスペック的には、メモリが256M以上、CPUが800Mhz 以上であることが必要条件です。

このDrawterは、マークアップをしていく際にHTMLやCSSの知識が必要になってくるので、最低限HTML、CSSがわかる人向け。
初心者向きのツールではありません。

ただ、ブラウザ上にルーラーがあって、ボックスを手早く生成することができるのは優れもの。
そして、他のオーサリングソフトとは比較にならないくらいの動作の軽さ。

はじめに「サイト制作ができます」とは書きましたが、どちらかというとデザインカンプ制作にオススメします。

なぜデザインカンプ用かというと、自分でも色々いじってみたのですが、サイトを作るにはあまりにエディタが本格的過ぎて、扱いづらいからです（笑）。自分でHTML打つほうが数倍早い。道具の使い方を覚えるのに苦労するくらいだったら、使わないほうがいいかな、というのが個人的見解。

詳しい動かし方は、DrawterのヘッダのOther→Screen Castで、サイト制作の手順を見ることができます。

が、相当でかいディスプレイサイズで手順を説明しているらしく、1024×768の私のPCでは画面が小さすぎてスクロールバーが出てしまいました。注意。
実際に作業をするときも、1024×768の画面では狭くて作業しづらいかもしれません。

また、制作者のサイトはどうもドイツ語っぽい言語で書かれているようで、純日本人の私にはうまく読めませんでした。

ちなみに、HTMLファイルを自動生成してくれるわけではないので、
作成したデザインをHTMLにしたい場合は、DrawterのヘッダのCode→Generate codeを選択すると、HTMLとCSSのコードが出てきます。これをコピペして使ってください。