[FP2003]スタイルシートに代わる方法？

■868 / inTopicNo.1)

　スタイルシートに代わる方法？

□投稿者/ riku 一般人(4回)-(2006/02/26(Sun) 22:49:42)

記事内容:[FrontPage 2003]　

各ページのデザインを統一できるという事でスタールシートに興味を持ったのですが、導入するには事前の勉強がかなり必要らしいと、こちらのサイトや関連本を見てみて思いました。

私が現在運営しているサイトは、作り始めた頃スタイルシートなど存在すら知りませんでした。
それでもページ毎のデザイン・レイアウトは統一したいと考え、背景色や見出し文字のフォントなど設定したページを保存し、新しいページを作る際にそのページに内容を入れ、新たに名前を付けて保存……という方法をとっています。新たなコンテンツでページが増える度、同じ事を繰り返します。
趣味のサイトなので情報量が膨大ということは全くないですし、この方法で不自由を感じたことは特にないのですが、別サイトを立ち上げるにあたりステップアップを、と考えたところでスタイルシートに行き当たりました。

しかし……最初に書いた通り、半端な勉強ではどうせ思い通りのデザインは望めそうもありません。
サイト立ち上げを少々急ぎたい理由もありまして、とりあえずは上記のような今までと同じ方法でやろうかとは思うのですが、このような方法の場合、ページ毎のHTMLの記述がうるさくなる事以外、大きなデメリットはあるのでしょうか？
自分では今のところ、ソースを見られた時にみっともないという事ぐらいしか思い付きません……。

どうぞアドバイスをお願い致します。

■869 / inTopicNo.2)

　Re[1]: スタイルシートに代わる方法？

▲▼■

□投稿者/ wanichan 大御所(332回)-(2006/03/01(Wed) 23:02:51)

いきなり挑戦するのではなく、一歩一歩進んでいけばいいと思います。
でないと挫折しますよ。

とりあえず基本的なことは、全てのWebページのデザインを統一するように持って行けばいいのであって、
スタイルシートを使うのが目標ではないと思います。
デザインを統一するためにスタイルシートを使用するのが「手段」であるわけです。

統一するためにスタイルシートがあるというスタンスで考えていけばいいのではないでしょうか？

スタイルシートを使うためにWebサイトを作っていたのでは、本末転倒ですよ。
大事なのは、使いやすく、わかりやすいサイトを構築することです。
そして、全てのページに統一感を保つように気配りをする、ということです。
その基本を忘れないでください。

その基本を踏まえたうえでのステップとして、スタイルシートがあります。
でも、いきなり挑戦は無理です。

私は事始めに、スクロールバーの色を変更する方法とか、
背景色を統一することとか、そういうことを全てのWebページに一つずつスタイルを設定しましたよ。
外部スタイルシート（CSSファイル）を作成するのも構いませんが・・・
慣れてからでも遅くはないと思います。

出来る範囲で、無理をしないでサイトを作成してください。
背伸びしても無理ですから・・・
スキー初心者がいきなりモーグルコースを滑るようなものですよ(笑)

■870 / inTopicNo.3)

　Re[2]: スタイルシートに代わる方法？

▲▼■

□投稿者/ riku 一般人(5回)-(2006/02/27(Mon) 01:26:47)

素早いご回答、どうもありがとうございます。

もちろん、どうしてもスタイルシートを使いたい！というのではないのです。
現時点で私にとってのスタイルシートは「ともかくちょっと使ってみよう」という気持ちにもなれないほどの背伸びですから(笑)
ただ、サイトデザインに統一感を持たせるために最適な方法がスタイルシートなのかな、後から一括でデザイン変更したくなった時に便利そうだな、と思ったので、使えるものなら使ってみたいと思ったまででして……。

すぐには無理そうだ、というのは最初に書いた通り自分でも分かった事です。
なのでスタイルシートにはそのうち挑戦するとして、最初に書いたような
「背景色や見出し文字のフォントなど設定したページを保存し、新しいページを作る際にそのページに内容を入れ、新たに名前を付けて保存」という今もやっている方法で、と考えています。
しかしそれだけでは全くステップアップにはなりませんので、この方法でやる上でのデメリットとか、この方法に付け足す形で使えそうな統一感を持たせるための方法とか、あるのであれば知りたいのです。
ですから、このレスのタイトルも
「(自分で出来る範囲での)スタイルシートに代わる(ような)方法」という意味でした。
今現在は、情報量が多いサイトでもないので上記のような方法で特に不自由は感じず、デメリットといっても「ソースを見られた時にページ毎のHTMLの記述がうるさくてちょっと恥ずかしい」という程度しか自分では思い当たらないものですから、少しでも具体的ヒントを頂ければと思ったのですが……。

頼りすぎな姿勢かもしれませんが、何かアドバイス頂けるようでしたらお願い致します。

■871 / inTopicNo.4)

　Re[3]: スタイルシートに代わる方法？

▲▼■

□投稿者/ wanichan 大御所(333回)-(2006/02/27(Mon) 02:33:02)

ソースを見られたときに恥ずかしいなんて思わないでください。
ホームページを見てソースを見る人はごく一部の人間だけです。

ポイントがなんだかずれているような気がします。

統一感を手っ取り早く実現するためには、FrontPage 2003からサポートされている「ダイナミックWebテンプレート」の利用がお勧めです。
マスターとなるWebテンプレートを作成して、そのテンプレートを適用すれば簡単です。
で、Webテンプレートにスタイルシートを埋め込めばいいのです。
それだけでも統一のあるWebサイトを構築することができます。

いろいろなアプローチがありますよ。

基本となるダイナミックWebテンプレートで大まかなデザインを決めて、編集可能領域を設定するのです。
新しいWebページには、そのダイナミックWebテンプレートを適用すればいいですし、デザインを変更したければ、元となるWebテンプレートを更新すれば反映されます。

ちなみに、私のWebサイトはほぼすべて、ダイナミックWebテンプレートを利用いています。

■872 / inTopicNo.5)

　Re[4]: スタイルシートに代わる方法？

▲▼■

□投稿者/ riku 一般人(6回)-(2006/07/05(Wed) 00:42:51)

（データ破損）

■873 / inTopicNo.6)

　Re[5]: スタイルシートに代わる方法？

▲▼■

□投稿者/ wanichan 大御所(334回)-(2006/03/01(Wed) 23:02:51)

ダイナミックWebテンプレートを味わったらやめられないですよ。

一応当サイトのFrontPage 2003上級編で扱っています。
基本となるデザインをテンプレートで作って、それを活用という感じになります。

難しいと思ったら難しいです。簡単と思えば簡単・・・です。
仕組みとかをつかめば早いですよ。

http://www.wanichan.com/web/fp2003b/
この「ダイナミックWebテンプレート」の項をご覧ください。

■874 / inTopicNo.7)

　Re[6]: スタイルシートに代わる方法？

▲▼■

□投稿者/ riku 一般人(7回)-(2006/03/01(Wed) 23:08:35)

ご回答どうもありがとうございました。
お礼が遅くなりまして申し訳ありません。

ダイナミックWebテンプレートですか。
最初から入っているテンプレートは見たことがあったのですが、自分でそれをつくるような感じでしょうか？
「編集可能領域を設定」とか「Webテンプレートにスタイルシートを埋め込む」とかやっぱり難しそうですが、とにかく一度チャレンジしてみないと分からないですね。
また質問するかもしれませんが、その際はよろしくお願いします！

解決済み!

こちらもごらんください

FrontPage 2003でホームページ作成（初級編）: WebサイトやWebページの新規作成、画像やハイパーリンクの挿入から発行まで、ホームページを作成する上で必要とされるFrontPage 2003の基本的な操作方法を解説しています。
FrontPage 2003でホームページ作成（中級編）: フレーム、インタラクティブボタン、ビヘイビア、ナビゲーション、リンクバー、オートシェイプなど、ソフトの様々な機能、応用レベルの操作方法を詳しく解説しています。
FrontPage 2003でホームページ作成（上級編）: 複数ブラウザでプレビュー、コードエラーチェック、検索と置換によるコーディング、ダイナミックWebテンプレート、ポップアップメニュー作成など、Webデザイナーや専門家向けにFrontPage 2003の活用方法を解説しています。

INDEX