キレイで簡単
ウェビンブログから（強調引用者）。ブログでよく見られる「全体の中央寄せ」や「本文とサイドバーを左右に分ける」というレイアウトが楽にできるのは、ブロックごとに<div>でグループ分けしてあるからです。もし一切<div>が付いていない状態でこれをやろうとす�
- sugar pot
- 2005-07-12(Tue) 23:03
- △
Information
Yes, I choose
FC2BLOG
趣味から商用まで、初心者からWEBクリエイターまで。ブログをとことん楽しむならFC2ブログをどうぞ。
2005 -07-12 ( Tue )
中級者の意見でよければ
先日のR'styleさんのFC2テンプレ標準化計画、やっぱり参加させていただくことにしました。
興味を持ってブログで書いた以上、丸投げは良くないし。
R'style Laboratory in FC2：Project.R （仮題）
私はWEBデザインでは（たぶん）中級くらいの技術しか持ってないので高度な話には付いていけないと思いますが、
HTML部分をほとんどいじらず改装するというのは本館のメインページ・旧ブログの方で何度かやっていたので、その辺で微力ながら協力できるのではと思います。
More
で、パソコン遊戯のNoriyaさんが早々に名乗りを上げられて、とても心強いことなのですが
（あ、私もブログよりBBSか何か容易した方がいいと思います…Wikiは使い方がわからん 汗）
正しいXHTMLを目指すのなら<div>や<span>を全て外さなければならないのでは、という意見はちょっと…
Primary Planet：テンプレートのベースとなる XHTML を考える
断っておきますが、Noriyaさんのご意見は正論です。
しかし、テンプレートのHTML部分から<div>と<span>を全部取っ払うと、カスタマイズの難易度が大きく上がってしまうのです。
ちょっとこちらをご覧下さい。私が今作っているテンプレ、やっとHTML部分を組みました。
これは、文中で使われている<div>を赤線で囲んだものです。
（注：デザイン上の都合でバナー部分はテーブルを使ってます）
WEBデザインを極めている人には
「div大杉。」と突っ込まれそうですが、私自身はあまり気にしないようにしてます。
「cssの技術が低い人が横幅や文字のサイズを変える」ことを想定に入れて作っているからです。
もちろん<div id="title">ウェビンブログ</div>というのは改められるべきですが、
多くの人にcssデザインに取り組みやすいようにするのであれば
ブログ全体を「container」で囲ってて
（wrapperって素人さんには判りづらい気がする…）
ここからここまでが「banner」で
ここからここまでが「main」で
ここからここまでが「sub」で
ここからここまでが「footer」だよ〜
ぐらいは付けておいた方がいいのではないでしょうか。文書にこだわる人はdivを全て取っ払い、そうでない人、勉強中の人はそのまま使うということもできますし。
「DIV病（ひどいのはDIV厨と呼ばれる）」を定義したDFJ氏も、データ分類の区分けとして設けられたものは「例外」としています。
もう一つの理由ですが…
さっきの新しいテンプレ、適当にブログっぽくレイアウトしてみました。
ブログでよく見られる「全体の中央寄せ」や「本文とサイドバーを左右に分ける」というレイアウトが楽にできるのは、ブロックごとに<div>でグループ分けしてあるからです。
もし一切<div>が付いていない状態でこれをやろうとすると、かなりのスタイルシートの知識と技術が必要になってしまいます。
公式テンプレートでよく使われているような「絶対値指定（position: absolute;）でレイアウトする」という手もありますが、InternetExplorerではこの方法で作ったブログはまともに機能しない
（本文をきちんとドラッグできない・画面をスクロールすると背景色が欠けるなど）
ので「ブログのテンプレート」として使うことを考えるとやっぱりdivなしは厳しいです。
せっかくcssデザインの素晴らしさ、楽しさをアピールできる企画なのですから、あまり敷居の高いものになってほしくないなあと思ってるんですけど…だめかなあ…（；；）
Trackback
- trackback URL
- http://webbingstudio.blog10.fc2.com/tb.php/146-1d933819
引用して記事を書く（FC2ブログ用）
テンプレートのベースとなる XHTML を考える2
テンプレートのHTML部分から <div> と <span> を全部取っ払うと、カスタマイズの難易度が大きく上がってしまうのです。[ ウェビンブログ 中級者の意見でよければ ]これはおっしゃるとおりですね。ただ私は、ベースとなる XHTML は span や div を使わない仕様に�
- Primary Planet
- 2005-07-13(Wed) 01:30
- △
Thinking the " Project.R " ( reload )
早くも参加して頂けるという方が 3名．賛同して頂き、大変嬉しく思っています。これで、4人となり私が考える最低ラインの 3人を超えたわけです。ここで、ここ数日間私なりに悩んで、幾つか考えたことを書くと共に、色んな方の関連記事を抜粋し考察しながら更に考えをまとめて
- R'style Laboratory in FC2
- 2005-07-14(Thu) 05:17
- △
Comment
Firefox以外だと
適当にレイアウトしたのでFirefoxでしか確認してませんでした。
本文のHTMLは、かなりdiv多めです。
これを元に、JavaScriptや無駄なdivを削ったものも別に作るかもしれません。