rss.gif
ブログについてる、RSSマーク。これはそのブログのRSSというものにリンクしてます。私は、ヤフーのRSSリーダーを使ってます。使い方はカンタンで、MY YAHOO!に友人知人のブログのRSSのURLを登録するだけ。ブラウザのホームページ(起動したらすぐに立ち上がる画面)を、MY YAHOO!にしてるので、友人知人のブログの最新の記事のタイトルが一覧になって更新があればすぐにわかる・・というわけです。使い慣れるととっても便利。

そのRSSへのリンクはだいたいこんなアイコン画像を使ってるところが多いです。ここの部分を作るときに・・・



css-02.gifheaderと書いてあるブロックのところには、サイトのロゴやらナビゲーションが入ったりします。

見た目ではなく、HTML上マークアップするときは、ページの上の方であるから、最初に来るのは「見出し」ということになります。(大見出しをAの方に持ってくる場合もありますが・・・)

大見出しは何にするのがベストか。

まあ最初の見出しやし、サイトの名前がいいんではないかと。

となると、HTMLには

<h1>MMM349</h1>

と書くんだけど、

これをブラウザで表示すると、普通にでっかい文字が表示されるだけ。

この箇所を、テキストじゃなくてロゴ画像にしたい場合に、以前の私は、CSSでh1タグに対して、dispray:none;として、見出しは表示しない方式にし、その後にロゴ画像を入れてたわけです。



css-02.gifうちのサイトのレイアウトはこんな感じになってます。よくある2列のレイアウト。

昔は、

css-03.gif

↑こんな感じのレイアウトにしてましたが、最近は、制作するときもだいたい←のレイアウトです。



お悩みを調べていたところ、デザインをHTMLにする人はコーダーというのだけども、最近はマークアップエンジニアとかいう職もあるらしい・・。区分けは??一緒か??

自分の作業効率が悪いことについて前回前々回とグダグダ書いたが、(内容とタイトルがあってないので、タイトル変更しました・・)、もしや、古いバージョンのソフト使ってるからマークアップに時間がかかるのかな・・と思ったり。DreamWeaverもCS4とか出てるし・・・。これだけ買ってみるか???と色々調べたが、今ならドル安やし、アメリカアマゾンから取り寄せると日本で買うより1万円は安い。しかし英語バージョンだよねー。わかるやろか・・・。まあわかるやろけど。心配なのでちょっと保留。

さて、私がもっとお悩みなのが、CSSの制御だ。だいたいスラスラ~~っと書けることもあるが、ひっかかりだしたら解決までに時間がかかる。特に最近はIEで確認して、最後の方でFireFoxとかSafariで確認するので、最後の最後に愕然とすることがよくある。

次回からいよいよやらかした失敗を忘れないようにここにメモる予定。(そのためのコーナーのつもりだったのに、ちゃうこと書いてた・・・)

前回<←昔は表組みでレイアウトしてましたという話>からの続き

そのデザインをCSSとで制御するときは



| 1 | 2 |