スタイルシート初心者です。
ドリームウィーバーでサイトを構築中なのですが、スタイルシートの外部化についてお尋ねしたいことがあります。
スタイルシートを外部化することでサイトの構造を軽くしたいのですが、ドリームウィーバーの編集画面の下のプロパティにある文字サイズの変更、色などを指定しながら文を作っていくと、どんどんhtmlソースの上の方にスタイルが追加されてしまいます・・・
これではファイルが重くなるばかりなのですが、スタイルシートを外部化して、全てそこから読み出すようにするにはどうすれば宜しいでしょうか?
この状態では各ページごとにスタイルシートがhtml上にでてきてしまいます。
スタイルシートを一括管理したいのです。
まだまだ初心者の為わかりやすいようにどうかよろしくお願い致します。
No.1
- 回答日時:
こんにちは。
参考ページのように、
外部に、cssの拡張子のファイルを作成し、
(この場合は、general.css)
HTMLファイルのヘッダに、
<link href="general.css" rel="stylesheet" type="text/css" />
と、書き加えれば、良いです。
参考URL:http://www.villagecenter.co.jp/atvc/wz/xhtml/xht …
No.2ベストアンサー
- 回答日時:
手順に問題がありそうです。
ファイル→新規ファイル→テキスト→CSSスタイル→
タグ:body タイプ:HTMLタグの再定義 定義場所:新規スタイルシート →
名前を付けて保存→bodyの定義をして→OK
これで外部CSSファイルが読み込まれるようになります。
(仕様を決めてあるのなら、ここで一気に基本のCSS設定を行ってしまいます。)
次ぎに新規ファイルを作るときは
ファイル→新規ファイル→テキスト→CSSスタイル→スタイルシートを添付→CSSファイルを指定
これで外部CSSファイルが読み込まれるようになります。
新しいCSSを設定するときは、現在のCSSファイルに追加するか、
現在のドキュメントに埋め込むか選択してください。
バージョンによって多少操作手順が違うかもしてません。
>文字サイズの変更、色などを指定しながら文を作っていくと
蛇足ですが、CSSは最初の設計が大切です。作りながら設定していくと収拾がつかなくなります。
No.3
- 回答日時:
私の手順・やり方ですが、参考までに。
(バージョン8での解説になります)まず外部化したいスタイル記述のあるHTMLファイルを開きます。
メニューの「ファイル」→「書き出し」→「CSSスタイル」を選択して、お好きな名前を付けてサイト定義されている任意の場所に保存します。これでスタイルの外部ファイル化ができました。
次に、プロパティパネルの「スタイル」→「スタイルシートの適応」から先ほど保存したファイル(.css)を選択します。
これでHTMLファイルの上の方(<head></head>)にこんな感じのタグが追加されたと思います
<link href="ファイルのパス/○○.css" rel="stylesheet" type="text/css" />
外部スタイルシートの添付はこれで終了です。
さて、次はすでに記述してあるスタイルシートを消さねばなりません。
ヘッドコンテンツを表示するようにしてあれば(メニュー「表示」にヘッドコンテンツにチェックがあればOK[)「楕円にS」のようなアイコンがあると思います。
そのアイコンをクリック選択してデリートキーを押せば、そのページでの
<style type="text/css">
<!--
-->
</style>
という記述部分が削除されます。以上で終了でございます。
今後はCSSスタイルパネルからそれぞれ変更すれば、添付されたファイルすべて同じように変わるようになるはずです。
手作業で消すのが面倒な場合、すでに記述済みのスタイルシートが全ページ全く同じであれば変更したい全ファイル対象の「検索/置換」でいっぺんにやってしまうことも可能ですが…
まだファイル数が少ないのであれば、ファイル1枚1枚やってみてください。
とても丁寧なご説明ありがとうございます。
特に
<style type="text/css">
<!--
-->
</style>
という記述部分を削除する方法は初めて知りました。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- WordPress(ワードプレス) wordpress cocoon ヘッダーのフォント変換 2 2022/11/22 09:58
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS CSSでiframe要素の編集 2 2022/10/09 20:53
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- HTML・CSS iPhoneで HTMLファイルを閲覧 3 2023/03/12 02:35
- IT・エンジニアリング 外部業者と工程管理。どう管理してますか? 2 2022/07/07 16:53
- Google Drive グーグルドライブの共有の設定がうまくできません 1 2022/11/28 00:44
- ホームページ作成・プログラミング ホームページの内容変更を無料で(自分で)したいので方法を教えてください 3 2022/07/14 13:32
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
#include <Windows.h>というヘ...
-
binファイルを解凍したいの...
-
アクセス 壊れた? 「ファイ...
-
バッチ処理で追記コピーしたい
-
ファイルが開かれているかどう...
-
既に開いているエクセルを閉じ...
-
実行ファイル(.exeファイル)...
-
Word VBA MSGBOX 内で降順表示
-
iniファイル
-
exeファイルをデータ転送サービ...
-
公文書のxmlファイルの開き方が...
-
「ブルーファイル」と「グリー...
-
jarファイル
-
frm、frxファイル
-
【VBA】EXCELブックを開かずに...
-
C言語---ファイルに出力したデ...
-
WININET.DLL FtpCommand(TYPE)...
-
.NETアプリを作ったときの .man...
-
reaper音声ファイルについて
-
ハッシュ値を取る時はファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アクセス 壊れた? 「ファイ...
-
#include <Windows.h>というヘ...
-
Latexで図番号だけを「図1.1」...
-
binファイルを解凍したいの...
-
.NETアプリを作ったときの .man...
-
ファイル構造が破損しているフ...
-
2つのファイルのバイナリをコン...
-
CSSを1ページに1枚作るのって変...
-
Word VBA MSGBOX 内で降順表示
-
公文書のxmlファイルの開き方が...
-
jarファイル
-
バッチ処理で追記コピーしたい
-
自分で作成した重要ファイルを...
-
ファイルは何で構成されている...
-
exeファイルをデータ転送サービ...
-
リンクの張り付けかたを教えて...
-
exeファイルの中身を見る方法は...
-
参照するファイルをワイルドカ...
-
CRCが一致する確率
-
C言語---ファイルに出力したデ...
おすすめ情報