CSS着せ替えテンプレートプロジェクト

基礎HTML利用規約

• このサイトで配布しているHTMLテンプレート（基礎html）をダウンロード・利用したことによる損失等は一切負いません。
• 法律に違反・違反するおそれのあるサイト・ホームページ作成代行など、テンプレートを使用することで、金銭を得ることは禁止です。
• 自作発言禁じます。
• 再配布を禁じます。ただし条件を満たせば、CDPを利用したスクリプトやスキンを配布することができます。（FAQ参照）
• アレンジ・変更はご自由にどうぞ。ただし配布CSSを利用される場合は、過度のカスタマイズによって、デザインが崩れる可能性があります。

• コンテンツ最上部
• サイトメニュー

ダウンロード

ダウンロードの前に、ユーザーMENUや制作者MENUを読んで、プロジェクトの概要を知ってください。

利用にあたって不安なことがありましたら、FAQ・フォーラムをご利用ください。

ユーザー向け

基礎ファイル

• ユーザー用基礎html一括ダウンロード（zip）
• もしくは以下のページのソースをコピーしてください。
  • index.html
  • sample.html
  • csstemplate/style.css（テキストエディタが開く可能性有）

付録ファイル

実験的に公開中です。利用する場合はページのソースをコピーしてください。

• 【マークアップ実例集】practical.html

制作者向け

• 制作者用基礎html一括ダウンロード（zip）
• もしくは以下のページのソースをコピーしてください。
  • index.html
  • sample.html
  • sample2.html
  • sample3.html
  • csstemplate/style.css（テキストエディタが開く可能性有）

履歴

2010年2月25日

スタイルシートと制作者向けHTMLを修正しました。

• style.css

  ul#PAN,ul.modori#MENU,#FOOTER	{display: none:}

  を

  ul#PAN,ul.modori#MENU,#FOOTER	{display: none;}

• sample3.html

  <dt>定義リスト</dt>
          <dd>
                  <dl>
                         <dt>用語</li>

  を

  <dt>定義リスト</dt>
          <dd>
                  <dl>
                         <dt>用語</dt>

2010年2月15日

style.cssのあらかじめの記述をより詳細にしました。引き続き、必ず従わなくてはならないわけではありません。

2009年11月11日

ユーザー向けHTMLのコメントを一部書き換えました。

• <!--#KIZIを閉じます↓-->を<!--KIZIブロックを閉じます↓-->に変更
• <!--#PAGETOPを閉じます↓-->を<!--PAGETOPブロックを閉じます↓-->に変更

これまでのものだと、SSIの書式（<!--#command ～-->）とかぶってエラーを発生させる原因になっていました。[an error occurred while processing this directive]というエラーが表示されたら、#から始まらないコメントに書き換えるかコメントを削除してください。 　

2009年4月15日

ユーザー向けにpractical.htmlを追加してみました。

2006年-2008年

過去の履歴

2006年5月1日

配布開始

• コンテンツ最上部
• サイトメニュー

基礎htmlをダウンロードしたら

1. 基礎html解説を参照しながら基礎HTMLの規則（およびHTML4.01Transitionalの規則）にそって、サイト内容をマークアップしてhtmlを作ります。
2. htmlファイルが完成したら、それが正しいHTML文書であるか（スペリングミス、タグの閉じ忘れ、包含可能要素以外が含まれている、といったケアレスミスや不正がないか）チェックします。
   • W3C HTML検証サービス
   • Another HTML-lint
3. htmlが完成したら、CSSを用意します。CSSはCSS配布サイトリンクに登録しているサイトからダウンロードすることができます。CSSを自分で書いたり手を加えた場合は、ミスがないかチェックします。
   • W3C CSS検証サービス
4. 完成したHTMLファイルと、HTMLファイルと同階層に作成された『csstemplate』（存在しない場合は新たに作成してください）にCSSファイルと画像をアップロードします。

   [サーバ]
       ├ csstemplate[フォルダ]
       ｜  ├ style.css
       ｜  └ 画像
       ├ index.html
       └ htmlファイル

5. サイトを改装する場合は、『csstemplate』フォルダ内のファイルのみを上書きします。

一度で理解できなくても、ゆっくりと一つ一つ確認しながら実践してください。基礎html解説・FAQに目を通したり、googleなどの検索エンジンの利用で疑問を解決できるかもしれません。解決できない場合はフォーラムを利用してください。

• コンテンツ最上部
• サイトメニュー

もう一歩踏み込む

メニュー管理<

JavaScriptやPHP、SSIを利用することで、HTMLの管理を容易にします。

• エラー表示）PHPを使ってCDPのメニューを管理する方法（0407）
• エラー表示）JavaScriptを使ってCDPのメニューを管理する方法（同上）
• SSIを使ってCDPのメニューを管理する
• JavaScriptを使ってCDPのメニューを管理する

以下はCDPのために書かれているわけではありませんが、やることは同じです。

• PHPのincludeで外部ファイルを取り込んで実行する（AZ stone）

独自CSS

• 【decoration.css】CDPで使えるオリジナル独自クラスサンプル

募集

あなたのCDPに関するレビュー、アドバイス、HTMLやCSSのTips、便利な管理方法・使い方などがあれば、URLを知らせていただけたらこのページからリンクします。

• コンテンツ最上部
• サイトメニュー