ドリームウィーバー　MXからｃｓ３

こんにちは、リブラ・スタッフ 鈴木です。

a-momoさん、200ページとボリュームのあるサイトですね。

CS3は、スタイルシートによる制作が始められるテンプレートが用意されていますので、
まさに、テーブルを使ったレイアウトから
スタイルシートレイアウトへの移行に向いています。

スタイルシートが初めてという場合には、
ゼロから作成するよりも、テンプレートを利用してはじめられる方が
スタイルシートの理解もしやすく、なじみやすいと思います。

今まで、MX2004でのスタイルシートの修正に慣れてしまった方は、
MX2004の方が良いと感じるかもしれませんし、
慣れによる個人差はあるかと思いますが、
スタイルシート管理ツールの充実とオペレーションのしやすさでしたら、CS3です。

ご参考になれば幸いです。

こんにちは。原崎コンセプトワークスの原崎です。
CS3にアップグレードする利点についてですが、CSSを使うなら
アップグレードしたほうがよいと思います。

私の記憶が正しければ、MX2004はCSSの入力が面倒だった気がします。
Dreamweaver8・CS3はCSSの入力を補助する機能がありますが、MX2004は
あまり充実していなかったような気がしています。

CSSで作るといっても、やり方は人それぞれです。
Dreamweaverの機能を駆使して作る方、手打ちに近い形でCSSを組む方、
このどちらかになるかと思います。

私は後者のタイプなので、後者のやり方で説明します。

CS3なら、携帯メールを書くような感覚でCSSが書けます。
例えば、mと打てば、mが頭文字の入力候補を出してくれます(marginとか)。
pと打てば、pが頭文字の入力候補を出してくれます(paddingとか)。

1.頭文字を打つ。
2.入力候補が出現する。
3.矢印キーで動かして、使いたいタグが選択する。
4.選択したら、エンターキーを押す。
5.続けて、数値の設定を行う。

こんな感じで進めれば、効率よく作れます。
CSSを一字一句、入力しなくてもいいのが大きなメリットです。

CSSの修正や変更が生じた場合に、どこをどのように修正したらいいのかを知る
意味でも、手打ち感覚に近いやり方で進められることをお勧めします。

最初は書店に売られているXHTML+CSSの本とDreamweaverの本を
参考にしながら作るといいでしょう。

その際、CD-ROM付き、あるいは、ダウンロードして
利用できるものを選ぶことをお勧めします。

リニューアル後のイメージに近いレイアウトを例に説明している本を参考にすれば、
大きな苦労をすることなく、作れると思います。

以上、ご参考になれば幸いです。
わかりにくいところなどありましたら、また、ご質問いただければ、
お答えさせていただきますので、よろしくお願いいたします。

率直結論からいいますとCSSレイアウトはDreamweaver 8以降を推奨します。

Dreamweaver MX 2004以前でCSSレイアウトをする不適格な大きな理由は以下となります。

1. Dreameweaver MX2004以前のデザインビューで表示されているデザインのレイアウトはプレビュー時と大きく異なり、プレビューを頻繁チェックしながら作業を行う必要があり作業効率が悪い。(DW 8以降だとデザインビューで表示されるレイアウトとプレビューはほぼ同じように表示される。ブラウザによって異なる場合があるのでCSSの設定に注意)

2. CSSレイアウトで必要不可欠な[div]タグのボックス表示がDreameweaver MX2004以前のデザインビューで表示されないためビジュアル的(直感的)にわからないためどこにどういったブロック要素を入れているのかわからない。
(DW 8以降のものだと[div]タグを入れると[div]タグの領域が点線で表示される。またそのほかのブロック要素だとビジュアル的に表示されないが各要素をCSSのプロパティで[display:block;]にしてあげると点線で表示されます。)

3. 2.でどこに[div]タグなどの要素がビジュアル的にわからないためデザインビューでコピー&ペーストなどの作業ができないため効率が悪くなります。

Web2.0が普及しだしたときに発売されあたのがDreamweaver 8です。
そのためWeb標準であるCSSを利用したレイアウトが重視されそれを主として開発されたのがDreamweaver 8だと思います。CSSの操作性及びビジュアル表示がグンっと改善されました。
昔私もDreamweaver MX 2004でCSSレイアウトしたことがありますがとても難しくDreamweaver 8が発売されたらすぐに乗り換えました。
ご存知のとおり現最新バージョンはCS3ですので一度CS3の体験版をインストールして違いを確かめてみるのもいいと思います。

こんにちは。
パワーソースの杉田です。
すでにあげられているように、CS3には多く改善された点がありますがその他CSSに関するものについて少しご紹介したいと思います。

CSS+XHTMLで作っていく場合、XHTMLの方もよりWeb標準W3Cに即したように自動記述されるようになりました。
例えば、Dreamweaver8までは画像に対してリンク設定を行うと「border="0"」が入ってしまいました。
これはCSSで表現するものなのでWeb標準から見ると良くないものとして扱われてしまいます。

また、初めてCSSでサイトを組んでいくにあたって、全てのブラウザに対応させることが最も苦労するところかと思います。
CS3はブラウザチェック機能の強化もされており、従来のHTMLタグや属性のブラウザ互換性チェックに加え、CSSのレンダリングに関するチェックも行えるようになりました。
ただし、これでチェックすれば必ず全て同じように見えるという訳ではないので、最終的には全てのブラウザでチェックするということも必要かと思われます。

他にも、その他Adobe製品との互換性のアップやAjaxのフレームワークの搭載など、効率性の他にもCS3に変えるメリットはあるかと思われます。

次期バージョン「Dreamweaver CS4」のリリースが08年末か09年早々とも言われているので、もしお急ぎでなければそちらを検討するのも
ありかもしれませんね。

ホームページ制作の広告代理店パワーソース