このblogの中をよ〜くみてみますと。
bodyの中に
＊＜div id="left"＞
＊＜div id="right"＞
＊＜div id="footer"＞の３つの部屋があるようです。

まず、解読した＜div id="left"＞のなかには、
エントリ
→エントリナンバー
→ボディ（続きを読むのリンクボタン、続きの本文、コメント、TB）
→サブ（コメント数、TB数）
となっているようです。
エントリナンバーというのは、記事のタイトル部分。
サブというのは、postのことらしい。

このテンプレートには
＊bannerがない。
＊leftとrightの２本立てで、contentがなく、
　しかも表示が「左右逆」になってる
＊footerが設定してある。
。。。変なこと書いてますが、本家のblogとの中身の違いです。
オリジナルを残しつつ変えようと思っていましたが、
「左右逆」というのがなんとも。。
びおびおが混乱しないように、本家で覚えたように変えていこうと
思います。（できるかな〜。よけい混乱するかな〜）

お手本は２列なんだけども、HTML内で３カラムに変更したい。
それで、left→content（記事を入れるところ）
　　で、leftに記事やコメント一覧、アーカイブなどをいれて
　　　　rightにbloglist、minibbsをいれるところ。。
それから、中身を入れていこうと考えてます。

最初から３カラムになったテンプレートを使えばよかったやん！
と言われそうですが、解読するのにHTMLが複雑に感じたんです。
このdefaultが、シンプルだったので。。

あと＜div id="right"＞と＜div id="footer"＞は
追々、解読していきます

おおっ。もう、おちびが昼寝から、起きた。。
なかなか、まとまった時間がとれないなあ〜。

さて、頭のところを写したわけですが、その意味を調べていて、
こういうものも、発見いたしました。

＜meta name="Keywords" content="キーワード１、２、３"/＞
＜meta name="Description" content="このblogのコンセプト"/＞

あんまり効力がないらしく、これもまた、いれなくてもいいもの
らしいんですが、「こんなblogにするんだ〜！」という気合いも
こめて、入れておくと、blogの方向性を見失わないんじゃないかと。

で、いれておきました。
＜title＞＜／title＞の上に、このように。
＜meta name="Keywords" content="BLOG,HTML,CSS"/＞
＜meta name="Description" content="BLOGを一からつくってみよう"/＞

そのまんまですね。。（汗）

昨日UPしたあと、一日中、おちびたちにつきあわせれ、
おちついてPCに向かうことができず、今、頭の部分を写しました。
ここの部分。
調べれば調べるほど、深〜くなっていくんですが。。（汗）
覚えないまでも、意味をさらっと知っとくだけでもいいかと。

＜?xml version="1.0" encoding="Shift_JIS"?＞
「このテキストはxml文書です。使ってるのはShift_JIS」と
宣言しているところだそうで。「Shift_JIS」の部分は
FC2の文字コード（metaの中のcharsetに）がeuc-jpに
なってるので入れ替えました。
xmlはHTMLとよく似ているが、タグの役割が決まってる（h１が見出しとか）
HTMLに対し、xmlは自分でタグの役割を決めることができる。。
そうです。。ちがう文書なのに、この２つは共存できるんですね？


＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd"＞
「どのような定義で書かれたものか」を示していて
「このblogは"HTML4.01 Transitional"のDTDに基づいて作られてる」という意味。
種類もStrict型、Transitional型、Frameset型というのがあって
ここでは、互換性があるTransitional型というのが使われてるわけです。

＜html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"
lang="ja"＞
う＝ん。「書いたモノがごちゃこちゃにならないためのモノ」
HTMLと自分でタグを決められるXHTMLが混じらないように
「XHTMLなのだ！」と示すためのもの。。なのですか。。

この上の部分は、参考書によっては
「おまじないみたいなものだから、深く考えず、必ず書いてね」
という人や、
「ちゃんと意味を知ってから、書くべきですぞ！でも、これは、
　別に書かなくてもいいんです〜」っていうところもあるんです。

びおは、覚えたいから書く。
人に説明できなくても、意味を知るのが楽しいから、書く。

この方針で、いっきましょう〜。

＊そろそろ、どんなblogにするか、考えてはいるんですが、
　こうも「まっしろ」だと思い浮かばないなあ。
　「材料」をならべ終わる前に、まとめておこう。。

「初めてのXML - 最も簡単なXML文書」
「W３C HTML 4.01の意味とは」

今日はお手本[default2]のHTMLを、解りやすいようにわけながら
＜!-- --＞で解読メモをいれました。
(よく考えたら、default2というテンプレートはありませんね。
defaultをびおびお用にしているので、お手本の方が「２」に
なってしまいました）

まだ、topentry範囲のところ。
いろいろ入ってるんだな〜って、またもや感心。
ひとつひとつ、考えながら、手打ちで写していきます。

その前に。
やみくもに「写そう」として、写し始めていた「頭の部分」。
headより上の部分なんですが。
びおびおの持ってたblogのほうでは、

＜?xml version="1.0" encoding="Shift_JIS"?＞
＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"
lang="ja"＞

となっていて。
お手本の[default2]のほうでは、

＜html lang="ja"＞

のこれ１行。。これで、大丈夫なんですね〜。すごい。
でも、HTMLを習得したいびおびおとしては、上の長いのを
入れてみたい。入れたら、入れたたで、大丈夫なんですかね？
今日は、これを写して、終わりにします。

前の記事のコメントで、お師匠さまから教えてもらったことを
頭に入れながら「テンプレートの説明」をみてました。
頭から、HTMLを写していたわけですが、よくよく見てみると
blogは「ブロック変数」という部屋が集まって出来てるんだな〜。

というわけで「部屋の柱と壁になる部分＝ブロック変数」を
先に、写してみました。２x４のお家ですね〜。（中身は追々）
確認すると、綴りが間違ってると、ちゃんと間違ってでてくるので
うれしかったりして。。修正。修正。。
まだ、タイトル+サブタイトルしか出てこないので、
表示は[default2]のままです。（いつ差し替えられるかなあ）

写し終わってみると、普段、気軽に書き込んでいるblogって
こんなにたくさんのブロックで成り立っているんだな〜。。と
感心してしまいました。（笑）
HTMLソースを初めて見たとき、長いばっかりで、
「こんなの解読できん〜」と思っていましたが、
ちゃんと、整理されてるんだ〜（笑）
と、自分の中では「大発見」な感動でした。

次は、中身です。解読しつつ、理解して写していきます。

＊タイトルのところを
＜h1＞＜a href="./"＞＜%blog_name>＜/a＞＜/h1＞と
写しましたが「"./"」ってなんだろう。
タイトルをクリックすると、トップに戻るurlの略でしょうか？
よく使われるものなのかな。

解読中でございます。
＜%css_link＞とか＜%topentry_no＞とか
頭に％がついたモノが、HTML全体にちりばめられてます。
前回でも書きましたが、書込みボックスとリンクさせる「記号」の
ようなので、「さわれないところ」ということなんだろうな。

いろいろ調べて巡ると、「blogをすてきにしょう」ということで
ソースの解説や書き方指南をされているblogさんが数々あります。
読んでいて、どうやら、blogのHTMLは「基本構造」だから、
書き換えるというより、「ちょこっと修正」ぐらいにしとかないと
うまく働いてくれないのじゃないかな？と思いました。
（びおびおはかなりの「超初心者」。
　そんなのあたりまえじゃんと、笑わないでくださいませ〜）

この「ちょこっと修正」というのも、HTMLとCSSに長けた方が
ちょこちょこっとされるモノなのかもしれない。
。。。と思いつつ、[default]のHTMLをそのままコピペしても
なんだから（ちっとも覚えないから）、全部手打ちで入れてます。
なんだか、サブタイトルが「掛け声倒れ」になりそう。
あとで、書きかえとこう。。

これが、とても時間がかかる。のろいから。
これが終わったら、CSSのほうをやります。

＊％うんぬんってところ「テンプレートに関するヘルプ」に
　一覧がありましてございます。
　お師匠さま。教えていただいてありがとうございます〜！
　うむむ。。これは、さわれんですねえ〜（苦笑）

自分で、HTMLを手打ちして、最低限「記事がみえる」ように
したかったのですが、タイトルとサブタイトル、post部分だけ
表示されるものの、でてこない。

ためしに、びおびおが他で持ってた「からっぽのblog」の
HTMLとCSS（手を入れたもの）を入れてみたら、
一応すべて表示されるけど、文字の大きさが変わらない、
サイドバーの移動が出来なくなってるとか、どこか、不具合が。。
→却下。
（会社がちがうんだから、そのままもってくるのは、
無理がありました。。そこの会社のテンプレートをそのまま
持ってきたんじゃないですよ。（構造はいっしょだけど）
びおのデザインのものです）

「記事がみえないと、なにやってるかわかんないじゃない」と
いうわけで、今は[default]のCSSのみ消去して、
記事がみえるようにしています。CSSを一からはじめれば、
好みのデザインを作り上げていけるのかあ〜。（実感）
でも、びおびおの目的は「HTML」を習得すること。
この[default]のHTMLを、解読して手打ちするのだ。

でも、＜%css_link＞＜%topentry_no＞って？？
想像するに、書込みボックス（ここのこと）とリンクさせる
「記号」なのか。。会社独自のものなのかなあ。
本に載ってないよお。

って、研究するの、結構すきです（笑）ふほほ。

はじめまして。びおびおと申します。
順序を間違って、HTMLよりCSSのほうが、まだわかるびおびお。
FC2に登録してみると、HTMLとCSSのどちらも
さわることが出来る！。。。で思いついた。
「一からつくってみよう！」

無謀なことは、百も承知。
なにもしらないから、挑戦できるのだ！
びおびおは、HTMLとCSSに詳しくなりたい！

というわけで、始めてます。
かなり長いあいだ、お見苦しい画面が続くと思いますが
あたたかい目で、なにげに、みてやってくださいませ。
更新は、かめさんのお散歩くらいのスピードです。

＊HPとblogは、ぜんぜんちがうんだな。
本を頭からやってみたら。。なんて安易な考えでした。
それで、ここのテンプレートの中身と、お師匠さんのお手本と
前に使ってたblogの中身を、研究しつつ、組み立ててます。
参考書３冊のどれかには、答えが書いてあるようだし。
。。。なんとなく、わかる。。かな〜。
がんばりま〜す。