このテンプレートの使い方

　当テンプレtemp19「melody-green」をダウンロードしていただきまして、ありがとうございました。こちらはtemp16の色違いバージョンです。
　トップページの背景はあんずいろさまからお借りしています。 　画像を変更された際には、リンクの貼り替えを必ずお願いします。なお、トップ以外のページには貼っていないので、下の著作権表示にもphoto by ○○を設けておりません。臨機応変にご対応くださいませ。

テンプレートの内容
  • トップページ（index.html）
  • フォルダがjs（ジャバスクリプト）、style（スタイルシート）、img（画像）、web（サイトの内容）の４つあります
  • サンプルページはフォルダ（web）の中にsample.html
  • 背景の写真画像、１つ。サイズは350×240
  • アイコン１個。私が作りました。サイズは100×100です。このテンプレート以外でのご使用は出来ればご遠慮ください。…って誰もいらないって
  • バーの画像：タイトルとフッターで使っている角丸のバーです。サイズは820×40。実は、赤バージョンと少しだけサイズが違います
全体的な使い方
今回はフォルダであらかじめ整理しています。ページを増やす場合はwebフォルダ内のsample.htmlをコピーし、名前を変えてください。各メニューからのリンクurlも変えてくださいね。
各ページの使い方
ｈタグを順番に使っていますので、基本的なSEO対策になってます。後はキーワードなどを盛り込んでください。ｈ１、ｈ２タグは各ページに１回ずつ、ｈ３～ｈ６は順番が飛ばないようにすれば何度でも使えます。
スタイルシート・ジャバスクリプトなど
スタイルシートは色（color）、枠のサイズなど（waku）、その他（style）のみっつにわけました。表示崩れが心配な方は色だけを簡単に変更できます。
また、ジャバスクリプトはリンクの別窓表示に使っています。XHTMLではtarget="_blank"が推奨されませんが、一応作動します。
　　
二次創作同人サイト様へ
　　
これはロボットを歓迎するようにメタタグを書いてありますので、変更してください。二次創作の場合はくれぐれも検索エンジンなどにひっかからないように注意が必要です。
このテンプレはxhtmlのtransition　ver.1.0で制作しています。
文字コードはUTF-8です。保存の際にうっかりshift_JISなどに変わったりすると文字化けする場合があります。あと、気をつけるのが、タグの最後のスラッシュです。終了タグのないもの、例えば改行の＜br＞などは、＜br /＞という風に半角スペースとスラッシュを入れます。あとは、タグをきっちりと入れ子にするべし！というところですが、そんなに面倒はないと思います。 でも細かいところが気になるーとおっしゃる方は、参考書を買ってみましょう♪↓わかりやすいのを下に貼ってみました。↓
参考図書の宣伝
私が持ってるのは別の本ですが、学校の教科書並に細かくてわかりにくい…っていうか読むのがしんどいので、こちらの本が初心者向けには丁寧でよろしいのではないでしょうか。
よくわかるXHTMLとCSSによるWebサイト作成
よくわかるXHTMLとCSSによるWebサイト作成富士通オフィス機器 富士通総合デザインセンター

おすすめ平均
stars土台を据えるのに最適です
starsXHTMLとCSSの連携が“よくわかる”
stars完全に初心者向けです
starsXHTML+CSSをこれから実践してみようというひとに。

Amazonで詳しく見る by G-Tools
わからないことは…
とりあえずご自分で調べてみてくださいね。ほとんどはそれで解決できると思います。それでもどうしてもわかりませーんという場合にはCONTACTのいずれかの手段を使って訊いてください。 お返事は遅くなると思いますが…。
更新とかお知らせ？

○月△日
　サイトオープン

広告とか？

おすすめグッズですー