FrontPage 2003:スタイルシートに代わる方法?
■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の活用方法を解説しています。
- Expression Web & FrontPage Users Forum 過去ログ
- FrontPage 2003
- FrontPage 2003:フレームページからダイナミックテンプレートへ
- FrontPage 2003:起動時の設定
- FrontPage 2003:メディアプレイヤーのインターフェース
- FrontPage 2003:右クリックさせない方法は?
- FrontPage 2003:テーマが表示できない
- FrontPage 2003:ポップアップメニューの表示で
- FrontPage 2003:フレームを動的に編集(削除・分割)したい
- FrontPage 2003:表の中の文字がセルの一番上に入力できない
- FrontPage 2003:デザイン画面の表示がおかしい
- FrontPage 2003:図形描画のズレについて
- FrontPage2003でリンク先が勝手に変わるトラブル
- FrontPage 2003:ダイナミックwebテンプレートの空白について
- FrontPage 2003:フレーム分割とスクロールバーについて
- FrontPage 2003:文書型宣言
- FrontPage 2003:作ったページが消える。
- FrontPage 2003:セル幅の均等割付解除方法
- FrontPage 2003:wordで作成した画像をfrontpageに貼り付け
- FrontPage 2003:フォトーギャラリーについて
- FrontPage 2003:プレビュー画面になるとCSSのリンクが切れてしまいます…
- FrontPage 2003:ダイナミックWebテンプレートの一括更新ができない。
- FrontPage 2003:テキストボックスを縦書きに
- FrontPage 2003:リンクバーを使いたい
- FrontPage 2003:画像の貼り付けについて
- FrontPage 2003:ダイナミックテンプレートの適用について
- FrontPage 2003:Tahomaについて
- FrontPage 2003:ヒットカウンタについて
- FrontPage 2003:表と表の間の間隔の調整方法
- FrontPage 2003:ダイナミックwebテンプレートにおけるページタイトルついて
- フロントページ2003でのCSS
- FrontPage 2003:ダイナミックwebテンプレートについて
- FrontPage 2003:画像の入れ替えについて
- FrontPage 2003:ハイパーリンクについて
- FrontPage 2003:相対URLを絶対URLに一括で変換
- FrontPage 2003:ポップアップメニューとプレビュー
- FrontPage 2003:編集画面の文字が消えてしまいました。
- FrontPage 2003:スタイルシートに代わる方法?
- FrontPage 2003:新しい表に固有のIDを割り当てる について
- FrontPage 2003:コンピューターによって画面の見え方が違う問題について。
- FrontPage 2003:FrontPageでワードアート使いたい!
- FrontPage 2003:スペース(□)を表示させたい
- FrontPage 2003:レイヤーを固定する方法について
- FrontPage 2003:メールへのリンクに本文を指定できますか?
- FrontPage 2003:PowerPointからFrontPageへの変換
- FrontPage 2003:Macからサイトが見れない。
- FrontPage 2003:ハイパーリンクの挿入でURLから「index.html」を隠すことできますか?
- FrontPage 2003:共有枠部分のソース(HTML)で編集方法
- FrontPage 2003:動きのあるインタラクティブボタン
- FrontPage 2003:ホバー時のみ下線を表示させたい。
- FrontPage 2003:ハイパーリンク編集時のWebの参照ボタンを押したときのブラウザ
- FrontPage 2003:ダイナミックWEBテンプレートの編集可能な領域について
- FrontPage 2003:各ページ上部の共通メニューを一括編集できる機能はありますか?
- FrontPage 2003:リンクの下線を非表示にするには?
- FrontPage 2003:文字がオーバーラップされてしまいます
- FrontPage 2003:インタラクティブボタンからリンクしない
- FrontPage2003でのリンクの貼り方について
- FrontPage 2003
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!
2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。