TOP  >  WebService  >  グラフィックソフトのようにHTMLレイアウトが組める「Drawter」
2007年12月13日

グラフィックソフトのようにHTMLレイアウトが組める「Drawter」

HTMLを直感的に組み上げていけるのが、今回紹介する「Drawter」です。こちらのサービスはグラフィックツールで絵を描いていくような感覚でHTMLをマークアックしていけるというものです。

Drawter

かなり自由度が高いので、簡単な物から、凝ったレイアウトまで色々と試せそうな感じです。

詳しくは以下

マークアップツリーもグラフィカルに表示され分かりやすく使い勝手が良いです。とにかくあまり考えなくても、「見える化」が徹底されていますので視覚的に理解しながらHTMLを組み上げていけます。

自分お好きなようにレイアウトを組んだら、上部メニューのCode メニューから「Generate Code」を選べば各コードが生成されます。AllsiteはHTML+CSSでのコードで、その下にはHTMLとCSSの欄があり、個別にコードを生成してくれます。

Drawterコード生成

HTMLが苦手なんて人でもなれれば、簡単にページを組み上げることができるかと思います。

Drawter.com – DrawAble Markup Language

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 03:43  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る