タイトルは私が探しているものについてすべてを語っています。基本的には、Web サイトのスタイルをすべて収集して編集し、保存できるソフトウェアである必要があります。
記載されている条件をすべて満たしていただきたいので、質問をよくお読みください。
編集：ここで、より明確に、またはむしろ私が望むワークフローを説明したいと思います。開始状況は、ローカル マシンに Web サイトのソースがあることです。
次に、エディター/IDE/その他 (WYSIWYG ではありません!) でプレーン ソース (HTML/CSS) を開きたいと思います。そして、そのすぐ横または別のウィンドウ (別のタブではありません!) にライブ プレビューを表示し、ソースを編集しながら確認したいと思います。プレビューは自動的に更新される必要があります (または、CTRL+S は一種の反射神経なので、基本的に同じですが、ファイルを保存するときに更新されます :P)。
さらに、Firebug や Chrom(e|ium) のように機能するインスペクターが必要です。そのインスペクターで CSS セレクターをクリックすると、カーソルがそれぞれのソース ファイル内のそのセレクターに直接ジャンプする必要があります。
もう一つの編集:これを見つけたhttps://stackoverflow.com/q/4680109/220652ほぼ同じ問題です。
答え1
いくつかのオプションがあります。
現在は単純にGoogle Chrome のデベロッパー ツール（アクションビデオ) は、広範囲にわたる検査、詳細なレポート、上書きを可能にするため、よく使用されます。変更を加えた後は、更新された CSS をコピーして、CSS ファイルの関連セクションを上書きし、更新して、作業を続けます。
ここではChromeのデベロッパーツールで定義を編集しました
ファイル名と行番号（変更内容をコピーした後）をたどって、エディターに貼り付けるだけです。
さらに最近リリースされたツールがありますウェブパティこれは、あなたが説明した問題を軽減するように設計されています。私はまだ個人的に使用していませんが、ジョエル・スポルスキーの会社フォグクリークソフトウェア(Joel は StackOverflow の共同設立者でもあります) したがって、これは比較的安定しており、シンプルで効果的な製品であると私は確信しています。
答え2
この質問は既に議論されているようですが、より具体的には CSS エディターについて話しているようです。そのため、あなたの質問は重複としてマークされていないと思います。
ただし、私が他の質問への回答で投稿したいくつかのツールの使用をお勧めします。Ubuntu で Dreamweaver の代替品はありますか?すでにご覧になっていると思いますが、便宜上ここに転記します。
あなたの質問は少し曖昧なようです。
まず、Dreamweaverの代替品に関してですが、他の回答の提案はすべて素晴らしいと思いましたが、Dreamweaverの代替品を探すときに、私にとって最も近いアプリケーションはアマヤプロジェクト。他の選択肢よりも機能が充実しており、Kompozer よりも少し洗練されているようです。
実際の動作を確認するために、公式 Web のスクリーンショットを以下に示します。
追加のスクリーンショットは次のリンクをクリックすると表示されます。 http://www.w3.org/Amaya/screenshots/Overview.html
少し不安定に感じるかもしれません。少なくとも私にとってはそうでしたが、あなたのニーズにも合うかもしれません。
WYSIWYG エディターを試した後、BlueFish による直接エンコードを好みましたが、これは WYSIWYG エディターではありません。
また、Firebug の問題に対する提案については、申し訳ありませんが、何も言えません。
Amaya を試してみたら、どうだったか教えてください。
幸運を！
編集 == Amaya をインストールした後、まだ安定していないと感じましたが、他のソフトウェアが単純なテキスト エディターであり、Amaya が WYSIWYG エディターのようなものだと考えると、他のアプリケーションよりも優れた機能を備えているようです。
コメントでおっしゃったことをテストしてみたところ、Amaya はファイル/フォルダ構造/名前が変更されても気付かないことがわかりました。これは、これに関連するあなたのニーズには合わないでしょう。
次のスクリーンショットでは、「resources」フォルダの名前を「resources1」に変更しましたが、Amaya では依然として「resources」として表示されており、強制的に更新する方法はありません。ソフトウェアを再起動してプロジェクトを再度ロードした後でも、Amaya はそれを認識しません。
誰かが来て良い代替案を提示してくれることを期待しながら、私はあなたの質問を注意深く見守るつもりです。
幸運を！
また、同じ質問に対する他のユーザーの回答の中に、「ブルーグリフォンウェブエディター「これは、リアルタイム プレビュー ウィンドウを備えた唯一の安定した Web エディターのようですが、これは分割モードでは表示されません。コードまたは WYSIWYG プレビューのいずれかのみが表示され、両方を同時に表示することはできません。
便宜上、スクリーンショットをここに掲載します:
プレビュー画面:
コード画面:
このツールには多くの便利なツールが含まれていますが、一部のアドオンやプラグインは無料ではない（有料）場合があります。そのため、魅力が薄れてしまいます。
のアプタナスタジオ3、私はこの回答でそれを推奨します:Dreamweaver のような基本的な Web 開発 IDE/エディターですか?は、デュアルビュー拡張デスクトップで Web ブラウザーを使用してライブ プレビューできるため、私にとってはプログラミングに最適なツールです。ただし、これは当てはまらないかもしれません。
これが私が提案できるものです。これがあなたのニーズに合わない場合は申し訳ありませんが...
幸運を！
答え3
はい、みんな聞いてください！ジェニー素晴らしいです！ブラウザプレビューを追加するプラグインがあります。サイドバー、ボトムバー、または追加ウィンドウに配置できます。そして今、二追加のボーナスとして、最高に素晴らしい機能があります。1.このブラウザは WebKit を使用しています。つまり、この素晴らしいインスペクタが搭載されているということです。2.開いているドキュメントを保存すると、ブラウザが再読み込みされます。
これ以外にも素晴らしい機能がたくさんあるので、ぜひ自分で試してみてください。私はすっかり気に入ってしまいました。スクリーンショットはこちらです:
