ホームーページ更新についての質問です。ある雑誌に「ナビゲーション部をCSS化すると更新がしやすい」という記載があったのですが、具体的にどうしやすくなるのでしょうか?記述方法などもあわせて教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/08/16 15:26:36
  • 終了:--

回答(3件)

id:moonstones No.1

moonstones回答回数21ベストアンサー獲得回数12005/08/16 17:38:29

ポイント24pt

http://allabout.co.jp/computer/hpcreate/closeup/CU20050108A/

HTMLデザインからスタイルシートデザインへ修正 (1) ナビゲーションバーをCSSで装飾 - [ホームページ作成]All About

AllAboutJapanの記事で「ナビゲーションバーをCSSで装飾」

そのままずばり載ってます。

1ページ目から5ページ目まで読めば簡単に理解できると思います。

id:uroncha3

ありがとうございます。

確かにhtmlソースがわかりやすくなり、htmlを直接編集するのであれば「更新がしやすい」ということになると思います。

しかし、ホームページ作成ソフトを利用している場合、htmlの記述がスッキリわかりやすいというのは全く関係ないと思います。「更新がしやすい」というのはhtmlを直接編集する場合ということなんですね。htmlを直接編集すること自体が「更新しにくい」と思います。

2005/08/17 09:17:09
id:hnd_info No.2

hnd_info回答回数329ベストアンサー獲得回数22005/08/17 20:28:28

ポイント23pt

http://www.tagindex.com/stylesheet/basic/pattern1.html

スタイルシート[CSS]/スタイルシートの基本/外部ファイルにまとめて設定する - TAG index

<LINK REL=”stylesheet” TYPE=”text/css” HREF=”sample.css”>

のように、サイト全体の基本デザインを1つのファイルにまとめておくと、何かデザインの変更が発生しても、この1つのファイルを修正するだけで済みます。

ホームページ作成ソフトは、そのソフトが持っている機能の制限があるので、必ずしも簡単で便利とは言い難い面もあると思います。

id:uroncha3

ありがとうございます。

2005/08/18 07:29:39
id:pair No.3

ikegam回答回数6ベストアンサー獲得回数02005/08/18 01:32:52

ポイント23pt

上の回答者への疑問の回答となりますが


HTMLのソースを編集して更新する事が更新しにくい事と言われていますがそれはその通りです


一般的にグラフィカルなエディタで

メニューを作ろうと思えば

テーブルを使ってしまうと思います

ここで、例えば階層構造の有るメニューをテーブルでインデントさせていくとします(いわいるツリー表示をさせます)

例としてExplorerのC-Programfiles-といった階層構造が有る物だとします

するとテーブルでは

C が一列目 一行目に入ったとするなら

Programfiles は 二列目 二行目に入れますよね

一列目 二行目はおくゆきをもたせるために空白を入れます


この後、この階層構造をツリー表示ではなくて

スタートメニューのようにマウスカーソルがあたったらその中身を表示する ようにしたいと考えるとします


でグラフィカルなエディタでこれを実現する場合

一般的にjavascriptを利用します

ここでこの移行がとても面倒になりますよね?

まずレイアウトだけ揃えた後にメニューの内容を移動してと


しかしスタイルシートを利用すると

デザインと文章を切り離す事が可能なため

メニューのような階層構造だけHTMLで dd dt などで表現しておき

スタイルシート側で見た目の設定をしておけばHTML側はまったく触る必要がありません

逆にメニュー内容を編集する時もデザインを気にする必要なくHTMLを簡単に編集すれば終わりです


ここで叩き台としてグラフィカルなエディタと挙げましたが

最近のグラフィカルなエディタではこれらが考慮されている物も有り

知っていればスタイルシートを使う事が可能なソフトも有ります。


他にも良い点は色々と用例は有りますが結論を出してしまうと

(雑誌の ”CSS化” と言う表現に疑問を感じますが言いたい事はこういう事だと思います)


HTML文章の多くの内容は階層構造を持つのにもかかわらず

今迄のHTML文章は見掛けだけ階層構造を持ったような形にしただけで、実は平面構造であったため

デザインをスタイルシートに内容をHTMLにと分離する事によって、HTML側を文章として自然な体裁に整える事ができそれにより更新がしやすくなる

とそういう訳かと思います

実際にこのルールに従って制作されたHTMLは

グラフィカルなエディタに入れても非常にみやすく編集しやすいと思います。


これらを考慮したHTMLをかかれた方のウェブサイトを一つあげておきます

id:uroncha3

ありがとうございました

2005/08/19 23:24:26

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません