CSSを使ってサイトを作る定番ソフトは？

http://www.realsimple.jp/
上のサイトのようなデザインのホームページを作りたいです。
これまで、ホームページビルダーを使ってきました。

やはり、ドリームウェーバーというソフトを使ったら簡単にキレイなデザインのサイトを作ることができるのでしょうか？
値段が高いので迷っています。

HTMLはほぼ理解できますがスタイルシートは初心者レベルです。

No.5 ベストアンサー 回答者： rainbowsix 回答日時： 2007/07/26 15:25

参考サイトをのようなもの作りたいのであれば、まずFireworksというグラフィックソフトをおすすめします。

このソフトを使って、作りたいサイトを描いてみてください。それが出来たら、各パーツをhtml用に切り抜いて、それをもとにコーディングしていく。その際使われるオーサリングソフトは何でもかまわないと思います。
とりあえずStyleNoteというフリーウェアをおすすめしておきます。

ドリームウィーバー（と読むみたい）が優れている点は、サイト管理機能だと思っています。テンプレート機能。コレに尽きます。数百ページに及ぶサイトの場合、それらの共通部分だけでも一括で書き換えられる機能はとても重宝します。他にもいろんな便利機能があります。テンプレート機能、学べば学ぶほど奥が深いです。
また、ふと思いついてサイトのフォルダ構造をがらりと変えよう、そう思ったとして、実際にフォルダやファイル移動を行うと、リンク構造がぐちゃぐちゃになりますよね。ドリームウィーバーならリンク構造をちゃんと再構成してくれます。これらのサイト管理機能がとても優れている、というのが私の感想です。
ちなみにドリームウィーバーのデザインビューは露ほども当てになりません。がたがたに崩ます。なので、htmlの手打ちが出来るのであれば、コーディング作業という点ではフリーのソフトを使っても問題ないですよ。

見落としがちな点なのですが、ご参考にされたサイトがとても綺麗ですっきりしているのは、オーサリングソフトがすごいのではなく、サイトの情報構造がとても見やすく纏められているためです。これは企画段階での練りこみが優れていた、と見るべきだと思います。
どうしたらサイトをユーザーライクに魅せられるか、「情報アーキテクト」という言葉が使われたりします。すっきりキレイなサイトたちは、間違いなくユーザーの目線に立った人たちによって作られています。

参考サイトを再現できたとの事、すごいことだと思います。それだけでCSSの知識は各段に上がったことでしょう。頑張ってくださいね。

参考URL：http://www.wht.mmtr.or.jp/~riki/style/

No.4 回答者： raichioisi 回答日時： 2007/06/07 14:57

テキストエディターに手打ちで制作することが可能です。

ドリームウェーバーは便利でプロの方も使っているツールですが
価格面での心配があるなら、買わない方がいいかなぁと思います。

私は以前ドリームウェーバーを使って制作していましたが、今はあまり使っていません。
個人的に、オーサリングツールの機能満載な画面が見難くて苦手なので…^^；
慣れれば、手打ちの方がやりやすいくらいです。
Crescent Eveというテキストエディターを使用しています。
シンプルで使いやすいです。
http://www.kashim.com/eve/

HTMLが理解できているなら、CSSもぜひセットで勉強してみてください。
すてきなサイトが作れるといいですね。

No.3 回答者： taloo 回答日時： 2007/06/03 04:17

頭の中で想像出来るか、紙と鉛筆でデザイン出来るかどうかにつきると思います。

頭の中に描ければそれをHTMLやPhotoshopで作る画像に反映させるだけですから。
Photoshopの使い方がわからなくて画像が作れないなら、FireworksでもいいしPainterやウェブアートデザイナーでも良いわけで。

オーサリングソフト派の意見として。
オーサリングソフトの使い方を覚えてなければ、効率は落ちると思いますが、使いこなせれば早いと思います。
私はDWをメインにしてHTMLやスタイルシートを手書きで調整しています。
スペルミスの心配もありませんし、
marginを1pxずつ変更しながら調整しても、エディターとブラウザを何度も行き来する必要もありません。
色を指定するのにカラーテーブルやスライドバーを使えます。
もちろんFirefoxのDeveloperという拡張機能を使うこともありますが。

どんなHTMLを書けばブラウザでどんな風に表示されるか、というのを
HTMLを見ただけで想像出来るから、HTMLの手書きが出来るんだと思います。
私はRGBからどんな色になるのか想像出来ますから、DWでなければならないというわけでもないんですが、
DWではできないことやスタイルシートの対応状況の問題もありますし、一長一短だと思います。

100円の包丁と1500円の包丁の切れ味は、それほど違いは感じられませんでしたが、
1000円ののこぎりよりも、5000円の電動ジグソーの方が切りやすいと思いました。
でもそれが”仕上がり”に関係するかというと、そう言うわけではありません。紙ヤスリで調整するのはどちらも同じです。
扱いを間違えれば、違う方向に一気に切れていってしまう両刃の剣ですし、直径5mmの棒を切るのにジグソーは使えません。
一長一短はどこにもあります。
CS3のスタイルシートの対応状況にはちょっと期待しています。

> 例に挙げたサイトを作っているようなプロの方はどのようにして（どのようなツールを使って）サイトを構築しているのだろう？
サイトの構築についてはわかりませんが、
トップページだけを見るなら、コメントの書き方から推測すると、HTML手書きだと思います。
347行目の<img src="//～">という書き方が気になりましたが。。。
長文すみません。

No.2 回答者： himajin100000 回答日時： 2007/06/01 23:45

道具はあくまで道具でしかありません。

『料理を殆どしたことのない僕が、料理人に定評のある包丁を買ったら、料理をうまくつくれる』と思いますか？

思いませんよね。普通の包丁ですら満足にすばやく使いこなせないのに。

まずはテキストエディタでHTMLやCSSを自分で書けるようになって腕を磨いてから、そうしたツールを検討しましょう。

ひょっとしたら今までよりもずっといい使い方が出来るようになるかもしれませんよ。

#ある本を読めば、誰でも司法試験に一発合格、なんて本はないのと一緒かと

この回答への補足

回答ありがとうございます。

もちろんドリームウェーバーを使ったから魔法みたいに使えるとは思っていません。

ただ、本では、ドリームウェーバーはWYSIWUGで思ったとおりに作れると書いてあったので（HTMLを理解していないと思わぬ不具合に悩まされるとも・・）

一つ前の回答に補足したように、サイトの構造は理解できるし、参考にするものもあれば手打ちでも（スピードは超遅いです）作ることができます。
ただホームページビルダーだと効率が悪いのです。

自分の使い方が悪いのかわかりませんが、例に挙げたサイトを作っているようなプロの方はどのようにして（どのようなツールを使って）サイトを構築しているのだろう？と思ったので質問させていただきました。

補足日時：2007/06/02 00:12

No.1 回答者： katharsis_cello 回答日時： 2007/06/01 23:44

ドリウィ使おうが他のものを使おうが最終的にはCSSを理解しないといけないわけですので、買ったらいいサイトが作れるというわけではありません。

上記のようなサイトはビルダーでも十分できますし、ＤＷでももちろん出来ますし、手打ちでももちろん出来ます。
中でも手打ちが一番ソースがきれいになると思われます。

この回答への補足

回答ありがとうございます。
もちろん手打ちでも作れるのは理解しています。
例に挙げたサイトも、サイトのソース、スタイルシートを拝見して、サイトの構造を理解し、それを自分で真似て作ってみました。

しかし、ホームページビルダーだと、スタイルシートエディタなど使い勝手が悪くて、効率が悪いと思いました。

ウェブサイト製作を本業とする人はどのようなソフトを使っているのかな？と思いまして質問させていただきました。質問の仕方が悪くて申し訳ありません。

私は、今はビルダーとサクラエディタを使っています。

補足日時：2007/06/02 00:06