- ベストアンサー
ドリームウィーバーで複数のワードに同じCSSを適用
ドリームウィーバーでホームページ作成をしてるんですが、複数のワードに同じCSSのルールを適用剃る方法はありますか？ 例えば 500円 800円 1000円 という文字があるんですがその文字にCSSで赤文字, bold,サイズ１８を適用するために１つ１つを反転させ選択して、ルールの編集を１つ１つやっています。 ３０個ほど値段があるので今後１００個２００個と増えていったときにまとめて変更したいのですが Ctrl や Shiftをおして選択するみたいな方法はありますか？
- 417741
- お礼率98% (82/83)
- ホームページ作成ソフト
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
＃2です。 ＞本当は基礎的なｈｔｍｌとCSSからやるべきなんですが、今は付け焼刃で とりあえずテンプレートに画像をたして、文字色を変えて、リンクを貼り付 けてみたいなことしかしてないです。 それで質問されているのはわかるのですが、教えてあげても実行しないなら、今までどおりでやってください。そして、教えてあげた方法が適切かどうかは自信ないです。ソースを出されず、赤くしたい訳を教えない417741さんには、私たちは超能力者ではありませんので適切な方法は答えられません。意味が必要ですといっても、強調ですとも、表の一部ですとも明示されないので、適切な答えは不可能です。 ＃2で書いた「本当の意味でのアドバイスは417741さんは要らないだろうなぁと思いますね。」というのは、当ってましたね。教えてあげても実行されない（ストレート直球の答えを書いても理解できない）受け取れないし、勉強する気もないようですので。 もしかしたら#3さんの想像の方が正しいかもしれないですが、＃2で解説したことをドリームウィーバーで実行すると、次のようになります。 【例】 ★手順1 </head> を <style type="text/css"> strong{color:red;font-weight:bold;font-size:18px} </style> </head> に変更してください。 ★手順2 例えば 500円 800円 1000円 という文字の太くしたいところを１つ１つを反転させ選択して、【Ctrl】キーを押しながら【B】ボタンを押してください。 普通はテンプレートに「適切なセレクタ{color:red;font-weight:bold;font-size:18px}」をいれ、１ページのみならず、関連ページを一括で管理するのですが、情報を出し惜しみされているので仕方ないですね。上記のことでかなり、楽になると思いますが、テンプレートによっては、反映させたくない場所も狂ってくる可能性がありますのでご注意ください。また、strongが適切なタグでない場合もありますので、見た目だけで採用されると間違ったマークアップをする可能性もあります。ご注意ください。
その他の回答 (3)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
Dreamweaberは、すばらしいWebオーサリングツールですが、HTMLとCSSを知らなければ宝の持ち腐れになってしまいます。 ＞例えば 500円 800円 1000円という文字が・・・ これらの数字が、スタイルを指定しようとしているHTML内でどのような構成要素であるかがマークアップされていれば、その文書構造にしたがってスタイルを指定すれば良いだけです。 たとえば、それが価格表の表中にある販売価格でしたら table[summary="priceList"] td.sale{color:red;font-weight:bold;font-size:18px;} と指定するとかです。 上記の table[summary="priceList"] td.sale がセレクタと言う部分で、{}内が宣言ブロックです。 table[summary="priceList"] td.salePriceは、「summary属性の値にpriceListを持つtableの子孫(半角スペース)の、tdのうちclass属性のリストにsalePriceを持つものは」と言う意味です。 あるいは、 div.section dl.product dd+dd{{color:red;font-weight:bold;font-size:18px;} かもしれません。これは、「本文中の価格の定義リストの２番目のddの文字は・・・以下省略・・」 このように、HTMLの文書構造にしたがってセレクタを書いてスタイルを指定していくのです。 そうしないと、「今後１００個２００個と増えていったときにまとめて変更したいのですが」だけじゃなく、「背景色を変えたので色を青にしよう」となったら泣く事になります。もちろん、あなたが数ヵ月後にそのぺじを見たらもう訳が解らないじようたいになっているでしょう。他人にメンテナンスを任せることも出来ませんね。 ところが、もしHTMLが下記のように書かれていたら、あなたでもすぐに対処できるでしょう。 <body> <div class="header"> 文書のヘッダ </div> <div class="section"> 本文 <table summary="priceList"> <tbody> <tr> <th abbr="なんたら">なんたらかんたら</td> <td class="fixed price">1200円</td> <td class="sale price">800円</td> <td class="memo">この商品は・・・</td> 以下省略 [CSS] table[summary="priceList"] td.price{text-align:left;font-weight:bold;} table[summary="priceList"] td.sale{color:red;} このように、HTMLさえきちんと書かれていれば、明日から誰かに引き継いでも良いですよね。 ここまでの説明を見られると想像がつくように、どんな高価なオーサリングツールでも、この文書のこの部分には、どのタグ(要素)が最適か、どのようなclass名が適しているかなんて決して示してはくれません。これは絶対に人の手で行うしかないのです。 もちろん、「本文中の価格表の売値」なんてセレクタはオーサリングツールでは出来ません。あなたが経験されているようにひとつずつ選択して特異なIDでもつけてスタイルを指定するのが関の山です。 オーサリングツールを使うとHTMLやCSSを知らなくてもちゃんとしたページが作成できると誤解されている方が多いです。実際は逆です。テキストエディタで作成するほうが、はるかにシンプルでわかりやすく、デザインの巾も大幅に広くなるのです。オーサリングツールを使うと、どの要素を指定するのかの候補が現れるとか、タグの綴りを間違えないとか、ファイル管理とかの機械的な単純作業では、様々な便利な側面がありますが、それ以上のことは出来ません。 一度、HTMLとCSSをきちんと学びなおされることを勧めます。そのほうが、はるかに容易で簡単でしょう。高価なソフトを無駄にしないためにも・・
お礼
ありがとうございます
- DrFell
- ベストアンサー率55% (305/551)
ドリームウィーバーより、ｃｓｓを理解されていますか？ されていれば、適切なｃｓｓを定義するだけでいいのでは？と思います。 「 例えば 500円 800円 1000円 という文字があるんですがその文字にCSSで赤文字, bold,サイズ１８を適用するために１つ１つを反転させ選択して、ルールの編集を１つ１つやっています。 」 これって、見た目の操作ですよね？htmlには見た目を混ぜないという、根本的なルールがあります。どうして赤文字で……にしたいのか？によりタグを付けます。わかっていない人には赤字にというビジュアルに対する要求でしょうが、html的には何で赤字？の何での部分に対してタグを付けます。 417741さんの思惑はわかりませんが、想像するに「目立たせたい」なら強調タグ<strong>を使うわけです。別の意味で赤字にされたいなら、……それにふさわしいタグを付けます。 で、仮に<strong>タグなら、反転させ、ctrl+bのショートカット（初期値）でstrongタグがつきます。 仮に<strong>タグを他にも使用していないなら、cssの指定場所（別ファイルやheadタグ内）に strong{color:red;font-weight:bold;font-size:18px} を入れてやれば済みます。他にも他のデザインでstrongタグを使っているなら、セレクターを適切に指定すれば対応できると思います。 417741さんがどのようなhtmlを書かれているのか不明ですが【１つ１つを反転させ選択して、ルールの編集を１つ１つやっています】のあたりを拝見すると、ドリームウィーバーを使う前にhtml+css覚えないと結局はドリームウィーバー使えないんだよね～残念だけど、こんなQ&Aサイトで一時的に解決しても、根本的な解決ではないし、本当の意味でのアドバイスは417741さんは要らないだろうなぁと思いますね。ドリームウィーバーがもったいないというか「webページを作る勉強を邪魔している」残念な使い方です。 ドリームウィーバーは使わず、当面はごく普通のテキストエディターで、web標準に準拠したhtml+cssの基礎を学ばれることをお勧めします。
お礼
ありがとうございます そうなんですよね本当は基礎的なｈｔｍｌとCSSからやるべきなんですが、今は付け焼刃でとりあえずテンプレートに画像をたして、文字色を変えて、リンクを貼り付けてみたいなことしかしてないです。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
>ドリームウィーバーでホームページ作成をしてるんですが、複数のワードに同じCSSのルールを適用剃る方法はありますか？ プロパティインスペクタのHTMLの項目で、「クラス」を指定してください。 >Ctrl や Shiftをおして選択するみたいな方法はありますか？ 残念ながらその方法はありません。 HTMLコードは以下のような物になると思います。 <span class="ルール">500円</span> <span class="ルール">800円</span> <span class="ルール">1000円</span>
お礼
ありがとうございます
関連するQ&A
- ドリームウィーバーをパソコンに入れるとｃｓｓファイルが
ドリームウィーバーをパソコンに入れています、 それでｃｓｓファイルを開くと勝手にドリームウィーバーが起動します。 勝手にドリームウィーバーが起動しない方法はあるのでしょうか？（ドリームウィーバーを使わずcssをいじる） 宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ドリームウィーバー 間違えて cssを削除
ドリームウィーバーを使ってホームページを作っているのですが cssをのタグを間違えて削除してしまいました（ゴミ箱のマークから。）イラレやフォトショならコントロールZでもどるとのでやってみましたが駄目でした。 元に戻す方法を教えてください。
- ベストアンサー
- ホームページ作成ソフト
- ドリームウィーバーで特定の語句をまとめてCSSに反映させるには
ドリームウィーバーで、とある同じ語句をまとめてＣＳＳで置換することは可能でしょうか？ たとえば、編集するHTMLの中の「どりーむ」という単語全てを、一手間で全て青色にするといったような動作です。 もし可能であれば、是非やり方を教えていただけないでしょうか
- 締切済み
- ホームページ作成ソフト
- ドリームウィーバーのテンプレート「編集可能領域」について
ドリームウィーバーＭＸを使っています。 テンプレートで編集可能領域を設定すると、そこだけが自由に 編集できるようになりますが、この領域に、固定のフォントのみを 適用するように設定ができないでしょうか。 ある領域のフォントは16で赤色、ある領域はフォント10で黒色 といった具合です。 テンプレード上での設定はあらかじめ打ち込まれるテキストに ついては適用がされているのですが、その後は融通がきいてし まいます。 いっせいにそろえるためにその固定ができれば 大変助かるのですが。
- 締切済み
- ホームページ作成ソフト
- css ヒラギノ ヒラギノフォント 適用されない
前から気になっていたのですがcssでヒラギノフォントに設定し、ブラウザで確認すると適用されていたりいなかったりするのはなぜでしょうか？ ドリームウィーバー上ではヒラギノになっています。 どうしたらよろしいでしょうか？
- 締切済み
- デザイナー・クリエイティブ職
- ドリームウィーバーでフォントに影をつけるやり方
ドリームウィーバーにお詳しい方よろしくお願いいたします。 ただ今サイトを作成したのですが、その中で影の付いたロゴみたいなものをグラフィックで作成したのですが、グラフィックではなく直接フォントにかけなくてはいけなくなってしまいました。 たしかドリームウィーバーで簡単につけれたと思うのですが、、、 やり方がわかりませんでした。 サイトを巡ればわかるかもしれないのですが、ちょっと急ぎでもありこちらに投稿させていただきました。 基本的なドリームウィーバーの操作はできます。 どなたか、フォント（文字情報が残ってる状態のもの）に影をつける方法を教えて下さい。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 初心者です。ドリームウィーバー３
初心者ですので、お恥ずかしい質問かもしれませんがお許しください。 以前主人がドリームウィーバー３で作成したHPのデーターがあります。 とりあえずすぐにアップしたいのと、徐々に編集して作り替えていきたいと思っております。 現在のパソコンはWindow7です この私でも対応できますでしょうか？ 今、少しずつHTML,CSSから独学で勉強はしていますが、とりあえずアップは早くしたいのです。 データーをフリーソフトのようなものをダウンロードして、張り付けてというような、 簡単な作業ではできないのでしょうか？ どうかよろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- ドリームウィーバーに最適なモニターについて
すいません。ドリームウィーバーを使っている人に質問があります。 現在ドリームウィーバーCS6を使っているのですが、作業スペースが非常に狭く 今度パソコンを新調するため、それに合わせて新しいディスプレイを購入検討しています。 使用方法は特定のウェブサイトを開きながら、HTMLとphpの編集などなのですが、27インチでも 小さいでしょうか・・？ 現在は三菱のRDT232の23インチを使っていますが、（解像度1920*1080で使っています） デルの、U2913WM（2,560×1,080）か、27インチのU2713HM（2560x1440）かで迷っています。 値段は同じなので、29インチが良いのですが、解像度が1080は作業スペースとして狭いでしょうか・・？（現在は縦はあまり気になりませんが広いほど有難いので・・） モニターの事がほとんど分からないのですが、例えばU2913WMを1920*1080で使うと現在の三菱RDTと同じ文字の大きさで、単純に横にドーンと広がると考えていいのでしょうか？ プログラムをいじるため文字の大きさはこれ以上小さいと困るので、27インチを買っても2560x1440の解像度を使えるかどうか分からず、他にドリームウィーバーを使っている方よろしければ どの程度の解像度で使用しているかと、文字は見づらくないかおしえていただけると助かります。 例えば1920*1080で使うと決めた場合、デルの29インチと27インチのモニターの価格が同じなので、 29インチの方が良いですか？
- ベストアンサー
- HTML
- ドリームウィーバーの文字化け
教えて下さい。 【現状】 日本語をワードで作成。 USで、ドリームウィーバー（バージョン不明）既存テンプレートに貼り付け＆作成。 xmlが絡んだ、shtmlファイル。 USのサーバにアップ。 日本から、そのファイルをダウンロード。 ドリームウィーバー2004mxを使ってshtmlの編集。 ファイルだけで確認すると問題がない。 xmlを設定手した日本のサーバにアップ。 確認したら、ものすごい文字化け。 わかりますでしょうか？ 文字化けしないようにしたいのですが・・ 回答よろしくお願い致します。
- 締切済み
- ホームページ作成ソフト
- イラストレーターでスライスし、ドリームウィーバーで編集するには
イラストレーター１０でホームページの外観を作り スライスを作成し、それをドリームウィーバーＭＸで編集しようと思っています。 ドリームウィーバーＭＸでテーブルを作成し、そのテーブルの中に入れ子の状態になるようにイラストレーターで作成したスライスデーターを配置するにはどうしたらよいでしょうか？ アドバイスを宜しくお願いします。 もし、この方法自体が効率や仕上がり上、良い方法でないという場合も、ご指摘を宜しくお願いします。
- 締切済み
- グラフィックソフト
お礼
ありがとうございます