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

基礎html配布


基礎HTML利用規約

ダウンロード

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

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

ユーザー向け

基礎ファイル
付録ファイル
実験的に公開中です。利用する場合はページのソースをコピーしてください。

制作者向け

履歴

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文書であるか(スペリングミス、タグの閉じ忘れ、包含可能要素以外が含まれている、といったケアレスミスや不正がないか)チェックします。
  3. htmlが完成したら、CSSを用意します。CSSはCSS配布サイトリンクに登録しているサイトからダウンロードすることができます。CSSを自分で書いたり手を加えた場合は、ミスがないかチェックします。
  4. 完成したHTMLファイルと、HTMLファイルと同階層に作成された『csstemplate』(存在しない場合は新たに作成してください)にCSSファイルと画像をアップロードします。
    [サーバ]
        ├ csstemplate[フォルダ]
        |  ├ style.css
        |  └ 画像
        ├ index.html
        └ htmlファイル
  5. サイトを改装する場合は、『csstemplate』フォルダ内のファイルのみを上書きします。

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

もう一歩踏み込む

メニュー管理<

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

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

独自CSS

募集

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