あるサイトのCSSを編集することになったのですが、不慣れでなかなか作業が進みません。

画面上でプレビューしながらCSSを編集できるソフトを探してください。
条件としては外部CSSファイルが扱えること、そしてプレビューに自分で作成したページを使えること、です。
よろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/05/11 17:37:18
  • 終了:2006/05/12 16:03:55

回答(9件)

id:J95318 No.1

J95318回答回数134ベストアンサー獲得回数62006/05/11 17:50:48

ポイント20pt

すぐ浮かぶのはDreamweaverです。

http://www.adobe.com/jp/products/dreamweaver/

それなりの値段しますが、それなりに便利です。

id:Sprint

adobe様ですか・・。

便利なんでしょうね・・・。

でも高い・・・。

ホームページビルダー様はつかいものになりませんでした・・・。

2006/05/11 18:00:28
id:nabetomo No.2

nabetomo回答回数125ベストアンサー獲得回数62006/05/11 17:54:57

ポイント20pt

DreamWeaverがオススメです。

ご所望の

CSS作成、適用、プレビューはもちろん

HTMLタグを直接編集しつつプレビューしたり

よく使用するJavaScriptがdefaultで用意してあるので

デザインに集中できます。

30日無料トライアルもあるので一度使用感を確かめて見ては

いかがでしょう。

http://www.adobe.com/jp/products/dreamweaver/

id:Sprint

くう、同じだ。

高い、高い、たかーい。

安く買う方法ないですかね・・・。

2006/05/11 18:04:08
id:Norris No.3

Norris回答回数10ベストアンサー獲得回数02006/05/11 18:07:51

ポイント20pt

Adove(Macromedia) Dreamweaver でできますよ。

HTMLを開きつつ、プロパティ操作と同様に外部CSSの記述が可能です。

僕の場合、ドリームウィーバー上で、HTMLファイルと外部CSSファイルを開き、HTMLを記述しながら、CSSを書いていく手法をとっています。

初心者であれば、HTMLだけ開き、外部CSSをタグプロパティと同様な使い方で記述可能です。

http://www.dreamweaver-faq.net/

で、ドリームウィーバーの簡単な使用方法が書いてあります。

一部CSSの使い方などもあります。

安いソフトではないので、検討材料としてみてみてはどうでしょうか?

id:Sprint

現在買う決意を固めてる最中です。

・・・高いなぁ・・・。

2006/05/12 09:22:24
id:iyuichi No.4

いっち回答回数9ベストアンサー獲得回数02006/05/11 19:12:36

ポイント20pt

↓こんなのはどうですかね?

http://www.nvu.com/download.html

id:Sprint

お、できるのかな?

さわってみます。

2006/05/12 09:23:32
id:jiangmin-alt No.5

jiangmin回答回数125ベストアンサー獲得回数82006/05/11 19:27:38

ポイント20pt

http://q.hatena.ne.jp/1147336636

urlはダミーです。

安直ですが、テキストエディタで編集しながらこまめに保存して、ブラウザでhtmlを表示しておいてリロードすればいいんじゃないでしょうか。追加費用ゼロです。

id:Sprint

それは考えたのですがどこのタグをいじればいいのかわからないところがあるんですよ・・。

それで専用ソフトならやりやすいかな、と。

2006/05/12 09:24:22
id:nabetomo No.6

nabetomo回答回数125ベストアンサー獲得回数62006/05/11 20:42:52

ポイント20pt

DreamWeaverと同等ではないですが

安くてCSS編集とプレビューに特化したアプリがありました。

フリーウェアです。

http://www.forest.impress.co.jp/article/2005/10/26/cyberchamel.h...

id:Sprint

[色相][彩度][明度]しかいぢれないっぽいような・・・。説明みる限り・・・。

2006/05/12 09:25:44
id:bonlife No.7

回答回数421ベストアンサー獲得回数752006/05/11 22:24:09

ポイント20pt

Firefoxとその拡張機能であるWeb Developerを使えば、CSSを編集しながら即座にプレビューすることが可能です。

HTMLファイルに含まれたCSSも外部CSSも編集可能です。

無料で始められますので、ツールを購入する前に一度試してみてはいかがでしょうか。

CSS編集の流れは以下の通りです。

まず対象となるHTMLファイルをFirefoxで開きます。

その後、Web Developer ToolbarのCSSメニュー内の「CSSを編集(E)」(Ctrl+Shift+E)を開くと、CSSの内容が表示されます。

HTML内のCSS、外部ファイルのCSSはそれぞれ別のタブに表示されます。

複数の外部CSSファイルを読み込んでいる場合は、タブが複数表示されます。

CSSの変更内容は即座に反映されます。

納得がいく見栄えになりましたら、保存ボタンをクリックし、既存のCSSファイルに上書き保存すればCSS編集完了です。

参考になれば幸いです。

id:Sprint

へー、これはしらなんだ。

ありがとうございます。試してみます。

2006/05/12 09:26:29
id:hkmd No.8

hkmd回答回数20ベストアンサー獲得回数02006/05/12 02:43:37

ポイント20pt

ソフトの紹介でなくてすみませんが、ショートカットキーを使う方法を書いてみます。

もし、ひょっとして、ご存じでなかったら、と思いまして。

ちなみに私はいつもこれでやってます。

Windowsであれば [Alt]と[Tab]を押すとウィンドウの切り替えができますので、

1. テキストエディタで CSSを編集

2. [Ctrl]+[S] などで保存

2. [Alt]+[Tab]でブラウザのウィンドウを手前に表示させる。

3. Internet Explorerであれば [F5] または [Ctrl]+[R] を押して再読込する。

4. 気に入らなければ、また [Alt]+[Tab] でテキストエディタに切り替えて編集する。→ 2. に戻る。

Sprintさんの作業環境がちょっと分からないのですが、他のテキストエディタやブラウザ、OSでも 同じ動作をするショートカットキーを調べて適切に使えば応用できるでしょう。

…… という訳で、これだと 0円です。

http://q.hatena.ne.jp/1147336636

id:Sprint

ありがとうございます。

確かにこれでも十分できるんですよね・・・。

2006/05/12 09:27:05
id:Penpen No.9

Penpen回答回数43ベストアンサー獲得回数02006/05/12 13:06:00

ポイント20pt

http://www.w-frontier.com/software/ezhtml.html

ez-htmlはいかがでしょうか。フリーソフトです。

id:Sprint

ありがとうございます。

でも・・・ドリームウェーバーつかっちゃいました・・・。

すごいや・・・使いやすいや・・・

安く買えないかなぁ・・・。

2006/05/12 16:02:19

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません