サンプルサイトと、その素材を制作してみました。
ネットで色々なサイトを見ていたときに、自分好みのシンプルなサイトを見つけたので、ある程度真似てサンプルサイトを作成しました。
これが、そのサンプルサイトです。
そして、このサイトを制作したときに作成した素材をダウンロードできるようにしました。 
シンプルなサイトなので、そんなに難しくはないと思います。これからホームページを作ってみたい人や、勉強している人にお役に立てればいいなぁと考えています。
良かったら、このサンプルサイトを制作してみませんか？
ダウンロードした、フォルダの中には、サイト制作に必要な画像とテキストと完成イメージを入れてあります。また、スライス機能に慣れたい人のためにデザインのpng画像も入れてますので、ぜひ画像の切り抜きにも挑戦してみてください。ただ、このブログのサンプルサイトに使用している写真画像は、申し訳ないのですが配布できないので、その部分はダミーイメージになりますのでご了承ください。
それと、参考程度に僕が作成した完成データも入れておきました。今回は、ハックを使用しないでIE5.5と6、Firefox2.0に対応することを踏まえてサイトを構築したので、ソースが、ごちゃごちゃしていると思います。
本当に参考程度です。
XHTML+CSSでサイトを制作することを、前提にデザインを作成しているので<table>タグでサイトを構築にはやり辛い箇所もあるかもしれませんが、その辺もご了承ください。お願いします。
サンプルサイトの素材のダウンロードは、下記のダウンロードの文字をクリックしてください。
余談：最近、記事をアップロードはしてたのですが、サイトの確認までしていなかったのでレイアウト崩れに気づいてませんでした。恥かしい…
- 投稿者:トモちゃんヌ
- 日時:21:14
comments
ダウンロードしてソース見させてもらいました！！
凄いソース綺麗ですね。。
こりゃ絶対部屋も綺麗だなって思いながら
見させてもらいました
scope="row"とか初めてみましたよ。。
調べてみたら、音声系への対応なんですね。
summary="topics"だけはググっても
出てきませんでした。。
<ツーツーイさんへ
どうもです。お褒めの言葉ありがとうございます。部屋綺麗じゃないです…
かなり散らかってます。
summary属性は、<table>の説明や構造を示すもので、例えば<table summary="topics">と指定すると音声ブラウザではtopicsと読み上げてくれます。
ただ今回の場合は、上にもh2タグでもtopicsと入力してるので、音声ブラウザは、おそらくtopics、topicsと読むはずです。
ですので、場合によっては指定しなくてもいいとは思うのですが<table>タグには、summary属性は推奨されているので癖付けの為に指定しました。
タグだけでも色んなタグがあるから大変ですね…