• ベストアンサー

DreamweaverCS5.5のCSS

DreamweaverCS5.5でHPを作ろうと思っています。 今までは、GoliveCS2でサイト管理をして、タグ打ちで少しずつ作っていました。 今回DreamweaverCS5.5にバージョンアップしたら、使い勝手が全く違って困って居ます。 CSSを<head>部に書いた後で、外部CSSファイルとして書き出す方法はあるのでしょうか。 CSSファイルを作り、コピーしてペーストする以外無いのでしょうか。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

>今回DreamweaverCS5.5にバージョンアップしたら、使い勝手が全く違って困って居ます。 WordpressからMovableType、AmebloからFC2 Blog、秀丸からEmacs、三菱鉛筆からTOMBOW鉛筆、ソニー製テレビからシャープ製テレビ、、、 乗り換えやバージョンアップで使い勝手が違ったり、操作方法が変わるのは、どんなものでも起こりえるデメリットであり、メリットです。 デメリットとして感じてしまったのなら、それはあきらめるしかないと思います。（GoLiveは開発中止になったので戻れませんから。） CS4ですが。 (1) ウインドウメニュー -> CSSスタイル を選択して、CSSスタイルインスペクタ（フローティングウインドウ）を表示、 <style>カテゴリから移動させたいセレクタを選択して、コンテクストメニュー（右クリックメニュー）から「CSSルールを移動」を選択 (2) コードビューを開いてスタイルを選択、コンテクストメニュー（右クリックメニュー）から CSSスタイル -> CSSスタイルを移動 を選択 あとはダイアログに従ってください。 <style>タグだけが残った場合は、コードビューで選択して削除しても良いですし、 CSSスタイルインスペクタから「<style>」を選択して削除もできます。 自動的に消してくれるとうれしいんですけどね。残っててもファイルサイズ以外の影響はありませんが。 (1)の方法なら、 該当ページ用に作ったスタイルをサイト全体に適用したい場合なども、同じ方法で移動できます。 （たとえば、index.cssからcommon.cssに移動させるなど） 逆に、CSSファイルからHTMLファイルの<style>へ移動させることはできませんので、コピーペーストしないとダメです。

horizon-55
質問者

お礼

ありがとうございます。 出来ました。 Goliveよりも、慣れると使い勝手が良いかもしれません。 しばらく更新をしていなかったので、慣れるとタグを考えずに出来そうで、楽です。 これからも宜しくお願いします。

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

それでは非効率です。 外部スタイルシートを最初から用意して、HTMLからは参照させるほうが良いです。 私は default.css 　永続的スタイルシート 　すべてのユーザーエージェントに適用させるもの、handheldも兼ねる Shape.css　　　screen用概観 Color.css　　　screen用色 TopShape.css　 各カテゴリーのトップデザイン smartPhone.css スマホ用 print.css　　　印刷用スタイルシート などを使いますので、HEAD内に書いたのじゃIEではうまく動作しない。 DWに限らず、オーサリングツールでは文書構造を読み取ってマークアップするなんてことはできませんので、テキストエディタでの経験は役立つでしょう。 　もちろん、スタイルシートもDWは、セレクタの指定などには対応していませんし。 ★たとえば、DOMが body 　|-- div　　　　.section 　　　　|-- div　.section 　　　　　　　|-- p の場合 　body>div.section>div.section p{font-size:0.95em;margin-left:2em;} なんて、自分で書かなきゃダメでしょ!!

horizon-55
質問者

補足

DWは初めてでして・・・ Goliveの時には、簡単にCSSを書いてから外部CSSファイルとして書き出し、必要に応じて「CSS定義」を利用して書き換えていました。その後、ソースに手を加える程度でした。 余り難しい事は出来ませんので・・・ DWは持っていても使用せず、今回初めて立ち上げてみました。 Goliveの時よりも、コードとデザインを比べながら出来るので、今まで以上に使い良いように思い、面白がって1ページ作ってみました。 で・・・、CSS部分をファイルで書き出そうとしたのですが、Goliveでは簡単に出来るのに、DWには無いようで、まだ使い方も分からないので、本屋さんで立ち読みしても、外部ファイルとして書き出す方法が見つからないので、教えて頂けたらと思っています。 今回の場合は、CSSファイルを作り、コペピ以外無いのでしょうか。 次回からは、最初から別に作ってからはじめます。 cgiもCSSも、幾つものファイルが同時に開ける事も、今回初めて知った次第ですので。 面白いソフトですね。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • DreamWeaverCS＊でCSSを外部に書き出したい

    DreamWeaverCS4を購入予定で、現在試用版を使っています。 簡単なタグ打ちはできるのですが、DreamWeaverは使い初めてまだ数ヶ月です。 新規にホームページを作成していて、 HEAD内の内部CSSを外部CSSにしたいのですが、いろいろ調べたのですがそういうメニューを見つけられません。 どのメニューから行えばできるのか教えていただけないでしょうか。 CS３の場合の操作でもokです。 CSSを新規に作ってコピーする方法ならわかりますが、DreamWeaverから書き出す方法が知りたいのです。 宜しくお願いいたします。

    • ベストアンサー
    • CSS
  • 外部ＣＳＳをサイトに反映させるには。

    よろしくお願いいたします。 今まではタグやページの<head>内に入れたcssで反映させてきましたが、ＣＳＳが多くなってきたので外部ＣＳＳにしようと思っています。 現在、ＨＰビルダー９を使用しているのですが、 (1)新しいページのタグ画面に入力していけばいいのでしょうか？ (2)ファイル名に[.css]を入れてサーバーにアップすればいいでしょうか？

  • cssをhtml内から外部へ移すと読み込みません。

    cssをhtml内から外部へ移すと読み込みません。 WEB作成初心者です。よろしくお願いします。 Dreamweaverでサイトを作成しています。 CSSを設定すると全てhmtl内に書き出されてしまっていたので 外部CSSファイルに書き出したいと思っているのですが 例えばhtmlの <head>内にある .article { padding-top: 275px; padding-left: 30px; width: 964px; min-height: 100%; padding-right: 30px; } をそのままカットペーストで外部cssファイルにペーストしても 反映されずに何も見えません。 カットペーストで行けるものとそうでないものもあるようです。 何か特別な設定等あるのでしょうか。 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • dreamweaverCS4でjavascriptを外部ファイル化しましたが、サイト構造が複雑なためうまく外部ファイルとリンクできません

    dreamweaverCS4でjavascriptを外部ファイル化しましたが、サイトの構造が複雑なためうまくその外部ファイルとリンクできません。 dreamweaverCS4ではCSSの外部ファイルは自然にリンクコードを作成してくれるのですが、javascriptの外部ファイルはリンクコードを書き換えてくれないようです。全てのファイルとこの外部ファイルを簡単にリンクさせる方法はありませんか？ CSSファイルだとdreamweaverCS4で勝手にCSS外部ファイルとリンクするコードを書いてくれるのですが、javascriptの外部ファイルとは自然にリンクするコードを書いてはくれません。 どうすればよいのでしょうか？

  • css　の適用について

    HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、 cssが適用されず、困っております。 外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。<head>内でlinkや属性指定の記述もしており、パスもあっています。 W3Cの検証も済んでいます。htmlとcssのコーディングも一致させています。 作成の環境は、Mac OS X version 10.9.4で、Emacsで書いています。 また、どのブラウザでも適用されていません。 他に考えられるとしたら、どのような原因で適用されないのでしょうか？ 教えて頂きたいと思います。よろしく御願いします。

    • ベストアンサー
    • Mac
  • DreamweaverMXのCSS

    CSSは通常、*.cssファイルか*.htmlファイルのheadの部分 に書かれると思うのですが、DWでタグ内にstyle=""の形で 書かせるモードはないのでしょうか？ よろしくお願いします。

  • CSSの外部ファイルの作り方

    こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば１．文字の大きさ２．リンク下線消し３．行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか？ それとも一つのファイルには一つの設定しか書けないんでしょうか？ あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか？ そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか？ いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。

    • ベストアンサー
    • HTML
  • CSSを内部ファイルにしたい

    Dreamweaver8を使っています。前任者が外部ファイルで管理していたcssを、都合があって、一部内部ファイルに書き換えることになりました。使われているid等のcssを内部ファイルにコピペしたのですが、うまく表示されません。 cssは全てid設定になっており、idの中のタグで振り分けて設定されています。classは使っていません。どのように移行したらよいか、教えていただきたく存じます。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CSSのエンコード

    ホームページ制作をやっています。 制作環境はWindows、DreamweaverCS3です。 HTMLファイルも外部ファイルのCSSファイルもUTF-8で書いています。 今回、Macを使っている人から依頼を受けてホームページを制作しているのですが、 --- HTMLはUTF-8で書かれており、複数の外部CSSを１ファイルに読み込んでいるようだが、外部CSSには「@charset "utf-8";」と指定されているにも関わらず、エンコードが・Windows・ASCIIになっており、さらに異なるエンコードが混在しているため、Macで不具合が発生している --- との指摘を受けました。 このようなことを言われたのが初めてなのではっきり言ってまったく意味が分からず、書き込ませていただきました。 解決方法についてアドバイスを頂ければ幸いです。 よろしくお願いいたします。

  • CSSのテンプレート

    HPを作ろうと思い、無料で配布されているCSSを使ったHPテンプレートを使いたいと思っています。しかし、全く正常に表示されずに困っています。 手順もファイルをダウンロードして解凍し、HTMLファイル（index.htmlなど）をブラウザで開いて、HTMLソースを表示し、それをそのままコピーペーストしています。しかし、HPに表示されるのは白の背景に文字だけで構成されたものになり、全くデザインされていないHPに仕上がります…。色々なサイトで配布されているCSSのテンプレートを同じ方法でトライしてみましたが結果は同じでした。 CSSのことで色々と調べてみましたが納得の行く回答を見つけることができずに困っています…。どうしたらきちんと表示されるようになるのでしょうか？どなたか教えてください。よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する