Dreamweaverのテンプレートページでスタイルシートがどのように構成されているのか図表してくれる機能

このQ&Aのポイント
  • Dreamweaverでテンプレートのページを使用して、スタイルシートの構成を確認する機能はありません。
  • スタイルシートに関する参考書やドキュメントを使用しながら、CSSファイルのコードを確認し、ページの構成を調べる必要があります。
  • Dreamweaverのテンプレートページは、修正やカスタマイズを加えることができる便利な機能ですが、スタイルシートの構成を直接図表で確認することはできません。
回答を見る
  • ベストアンサー

Dreamwaverのテンプレートページでスタイルシートがどのように構成されているのか図表してくれる機能

最近Dreamweaverを使い始めた者です。 スタイルシートでのホームページを始めたくDreamweaverを勉強中です。本屋さんなどで、CSSファイルの中のコードをこのように使っているという図が載ってある参考書というのがあり、それがとてもわかり安い思っています。CSSのコードを追いながらそのページの構成を調べていくのが少し面倒くさい気がしています。 Dreamweaverでテンプレートのページというのがあったので、それの構成がとてもかっこいいのでそれに修正を加えていってページを作ってみようかと思っているのですが、ちょっとスタイルシートが複雑そうなので困っています。私の持っているスタイルシートの参考書のようにCSSファイルのコードをこのように使っているというのを確認しやすくしてくれる機能というのはDreamweaverにはないのでしょうか。 ご存知の方いらっしゃいましたらご教授よろしくお願い致します。

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

  • ベストアンサー
  • Kirishima
  • ベストアンサー率32% (155/480)
回答No.2

Dreamweaverはバージョンを追うごとに、CSSへの対応を強化してきています。 8やCS4には、CSSパネルというのがあって、現在選択しているタグにどのようなCSSが適用されるのか確認できるところがあります。 http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7e2ba.html この機能を使いながら参考書やよいと思ったサイトのデザインを適用していったらいいと思います。

diy_sunny
質問者

お礼

回答いただきありがとうございます。 まだ、Dreamweaver初心者なもので、びくびくしながらWEBサイト作成を進めているのですが、使っていくうちにちょっと便利だなということに気づきました。 ・文字のフォントを変更していく際に、現在のスタイルの中で使用可能なフォントの一覧をリストボックスの中から選んで選択できる。これはコーディング作業だといちいちCSSファイルを確認しなければならないので、それをこのソフトが自動でやってくれる。 ・メニューのスタイルに変更を加えた場合、複数ページの変更が必要になった場合でも、コードのコピペをしなくてよく、プレビュー画面でコピーして他のページに張り付けてあげれば勝手にコーディングしてくれる。スタイルのエリアごとコピペできるのが超便利 こんなことがわかってきました。まだまだ便利な機能がありそうなのでこの際使い倒してみようと思っています。

その他の回答 (1)

  • Kirishima
  • ベストアンサー率32% (155/480)
回答No.1

Dreamweaverのバージョンはいくつをお使いですか?

diy_sunny
質問者

お礼

回答いただきありがとうございます。 メニューバー--->ヘルプ--->Dreamweaverについて を押してみたら”Dreamweaver MX 2004”となっていました。

関連するQ&A

  • DREAMWEAVERのテンプレート機能

    DREAMWEAVERを使ってサイトを作成しています。 今までテンプレート機能は使っていなかったのですが、ページ数が多くなった事もあって、テンプレート機能を使って作成をはじめてみました。 テンプレートファイル(.dwt)を作って、プレビューで見た所、ちゃんと表示されました。 「テンプレートから新規作成」でページを作り、プレビュー画面で確認したところ、Firefoxではちゃんと表示されますが、IEだと崩れた表示になります。 サイトはCSSで段組してあり、CSSの方も詳しくはないので、CSSのコードがおかしいという事も考えられるのですが・・・汗 ただ、まったく同じコードで書かれているページで「テンプレートから作成」「テンプレートを使わず作成」ではテンプレート作成表示のみ崩れます。 両方のページのコードを確認したところ、テンプレートから作成したページには自動的で<!-- #BeginTemplate "/Templates/testo.dwt" --> が挿入されているのと、されていないとう違いのみです。 試しに、テンプレートから作成したページの<!-- #BeginTemplate "/Templates/testo.dwt" -->コードを消して見てみたところ、表示は崩れませんでした。 使っているDREAMWEAVERは「DREAMWEAVER4.0J」かなり古いものを使っているのですが・・・汗 これが原因(バグ)なんでしょか? 同じような症状がでた方がいたら教えて頂ければ幸いです。 どうぞ宜しくお願いします。

    • 締切済み
    • CSS
  • スタイルシートの共有

    DREAMWEAVER MX使用です。 スタイルシートの共有をしたいと思うのですが、マニュアルを読んでもいまいちやり方が分かりません。スタイルシート用のフォルダを作り、そこにCSSファイルをまとめて保存して、ほかのページを作る際にもリンクさせて使いたいのですが、CSSのウィンドウには常に1つのCSSファイルしか表示されません。(1つリンクさせると1つ消えてしまうのです)。 やり方が間違っていると思うのですがご助言下さい。 定義場所、というのもよく理解できません。

  • スタイルシートをそれぞれのページに作る?

    現在DreamWeaverでHPを製作しています。 そこで質問ですが例えば10ページ作る場合、スタイルシートも10個作ってそれぞれ適用させますか? 自分はスタイルシートを1個だけ作ってやっていたのですがどうも設定がかぶってしまう時があってこれはいいやり方ではないのかなと思ってます。 皆さんはどのようにやっていますか?参考意見お聞かせください。

  • アップロードすると、スタイルシートが反映されない

    外部にcssファイルを作り、 文字のみスタイルシートで制御します。 DREAMWEAVER上でスタイルシートは反映されています。 F12を押しても、スタイルシートは反映されています。 しかし、フォルダからhtmlファイルを直接ひらいたり、 アップロードしたファイルをみると、 スタイルシートが反映されていません、 もちろん、cssファイルも一緒にアップロードしてます。 DREAMWEAVER4を使っています。 なんでだか、わかりません。。。 お手数かと思いますが、よろしくお願いします。

    • ベストアンサー
    • CSS
  • スタイルシート

    スタイルシートはWORDでいうとテンプレートのことですか?CSSは何を使って作るのでしょうか。

  • スタイルシート(CSS)の中にテーブルのようなスタイルシートをつくりたいです。

    Dreamweaver8にてHPを作成しております。 今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、 現在スタイルシートのfloatタグなどを使って、 ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。 そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。 そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で2つにわかれた2段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。 これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。 ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m

    • ベストアンサー
    • HTML
  • 外部ファイルでのスタイルシートの書き方

    質問内容は単純です。 どうぞ宜しくお願い致します。 あるweb関連の参考書に、 外部スタイルシートファイル「style.css」の一例として、 そのコード内容が書かれてあったのですが、 それを大雑把に説明すると下記のようになります。 <style type="text/css"> <!-- ~ 中身は、ここでは省略 ~ --> </style> そこで、質問です。 外部ファイルとしてスタイルシートを作成する場合、 上記のような書き方で、はたして良いのでしょうか? 上記のような書き方は、HTMLのヘッダー内にスタイルシートを挿入する場合の書き方 のような気がするのですが、その書き方をそっくりそのまま、外部ファイルへ持って行っても、 問題はないのでしょうか? 参考書が間違っているのかなぁ、と思い、 質問をさせて頂きました。 参考書は2005年発行のものです。

    • ベストアンサー
    • HTML
  • Dreamweaver(ドリームウィーバー)のテンプレート機能で、

    Dreamweaver(ドリームウィーバー)のテンプレート機能で、 全ページ共通のグローバルナビゲーション(メニューボタン)を管理しています。 よくある、当該ページで、そのページの名称のボタンだけon画像に差し替えで、 リンクをはずすということをするには、 ページごとにテンプレートから切り離して指定するしかないのでしょうか? 今まではその方法でやっていたのですが、 それだと運用後の修正がめんどうなので、 なにか他にうまい方法があればと思いポストしました。 尚、メニューボタンの構成については、CSSを使って2枚画像で作っています。 http://tenderfeel.xsrv.jp/css/396/ ←これのov画像を分けた感じ。 CSSを駆使すれば、画像差し替えはできるような気がするのですが、 リンクをとるのは難しいですよねぇ・・・ 上の作成方法にも特にこだわりはないので、 それも含めてなにか上手い方法がありましたらよろしくお願いします。 環境:Dreamweaver CS4、WindowsXP

  • dreamweaverでの外部スタイルシート

    こんにちは、htmlファイルと、外部cssでwebpageを作ろうと試みている初心者です、お願いします。 環境は、mac osX、テキストエディット、dreamweaver cs3、です。 htmlファイルを外部スタイルシートでコントロールしたい部分があり、外部スタイルシートはdreamweaverにしています。(というよりすべての素材は、はじめはテキストエディトから作っており、cssの名で保存したものに関してはdreamweaverで開かさるので強制的にです。) ひとつのhtmlファイル単体の更新の場合、テキストエディットを保存後、safariブラウザ開くという方法で、更新の結果、出来栄を見ていましたが。 dreamweaverを使っての外部スタイルシートの内容を変え、更新しようとしても更新の結果がsafariブラウザに反映されません。(ちなみに、詳しくは、dreamwaverの外部スタイルシートをいじり、これをdreamweaverで保存。その後、htmlファイルを開いてみる。という手順ですが、これが上手く反映出来ていないという事です。) これはどうしてかお分かりの方、是非お願いします。

    • ベストアンサー
    • Mac
  • 外部スタイルシートについて

    「@rt web」というテンプレートを使いホームページ制作しようと考えていますが、そのテンプレートのスタイルシートは外部スタイルシートになっていません。 http://www.ddnj.com/product/hp/artweb/index.html これを簡単に外部スタイルシートにする方法はないものでしょうか? 簡単ではなくても外部スタイルシートに設定し直す手順を教えて頂けると助かります。 ソフトはDreamweaver4を使っています。 どうぞよろしくお願いします。

専門家に質問してみよう