ホームWEB制作関連Word×Dreamweaverで高速コーディングをするワザWEB制作関連2011.03.9Word×Dreamweaverで高速コーディングをするワザWEBサイトをコーディングする際にMicrosoftのワードで原稿をもらうのが嫌な方も多いのではないでしょうか。そのままコピー&ペーストをすると意図しないスタイルが入ってしまうからだと思いますが、Wordの機能を利用することで逆にコーディングを高速化する方法をご紹介します。Wordでスタイルを設定します。Wordでは以下のように見出しなどのスタイルを選択することができます。原稿を作る際に文字サイズや太字などで装飾せず、このスタイルを利用して大見出し、中見出し・・と設定しながら原稿をつくるようにします。Dreamweaverの環境設定でペーストに関する設定をします。これを選択することで<H1><H2><p>といったシンプルなタグは残して、余計な書式を省いてペーストできるようになります。Wordで作成した原稿を流し込みます。このようにスタイルを設定した内容をコピー&ペーストすると以下のようになります。あとはDreamweaver側でclassなどを設定していけば効率的にHTMLを作成することができます。H1、H2と言われてもよくわからない人でも大見出し、中見出しをつけて情報を整理することはできると思いますので、入稿の形式などをルール化することでより効率的に制作を進められるようになりますね。話題の「about.me」でプロフィールページをつくってみた。2012年エイプリルフールネタのまとめ。入れておきたいポピュラーなフリーフォント30選どこかで見たことのあるあのフォントを含め、何かと重宝しそうなフリーフォ...WEB制作関連ペーパープロトタイピングのすすめみなさんはWEBサイトの画面設計をする時に何を利用するでしょうか。...WEB制作関連タイポグラフィを生かしたWEBデザイン20個タイポグラフィを効果的に用いたWEBデザインのまとめです。-オレンジ編-色別WEBデザインのまとめです。今回のテーマは「オレンジ」です。味覚も視覚も刺激する飲食店のWEBサイト33個いろいろなジャンルの飲食店のWEBサイトのまとめです。便利なアイコン配布サイト10+1アイコンを作成の際に利用する便利なサイトをまとめましたので紹介します。2015年1月号に執筆させてもらいました。