今日もガクリ('A`)
きっと明日もまたガクリ?('A`)
テンプレート公開にあたって、その1

ここのブログに引っ越しして当日早々、間違ってテンプレートを公開してしまった…('A`) それも、2度も。 まぁ、それはともかく、テンプレートを公開するにあたって色々と情報を整理してまとめなければなりませんので、 項目別にまとめてみました


コンセプト

  • XHTML 1.0 準拠
    目標としては w3.org の validate が通る事。これは既に通過しているので問題無し。 JUGEM 独自タグが生成する HTML はどうしようもないが…('A`)
  • CSS 2.1 準拠
    目標としては w3.org の validate が通る事。これも既に通過しているので問題無いが、CSS では特に 2.0 や 2.1 を 意識したコーディングを行っていない。何故なら対応ブラウザがないから
  • JavaScript に依存しない
    よくサイトを閲覧している時に感じるのが、ブラウザ側で JavaScript が有効でないと情報の閲覧がままならないという事。 JavaScript が有効ならばこういう事もできますよ。というのは別に構わないが、これを前提としたデザインはしない。 全てのサイト閲覧者が JavaScript を有効にしている訳ではないのだから
  • 画像などの外部リソースは使用しない
    あくまでもテンプレート部分に置いて別リソースが必要となるようなデザインはしない。 とにかくブラウジングが軽く、素早く表示される事

特徴

  • XHTML 1.0 準拠
  • CSS 2.1 準拠
  • JavaScript が無効でもデザインは基本的に変わらない
  • 画像未使用(テンプレートのみ)
  • 使用配色は 2色(アンカー、ハイパーリンク部分は除く) なので、配色変更が容易
  • 相対単位を用いているので閲覧者は好みのフォントサイズで閲覧できます

文書(HTML) 構造

<html>
<head>
<body>
<div id="wrapper">
<div id="layout">
<div class="sitetitle"> サイトタイトル
<div class="description"> サイトの説明文
<div class="calendar"> カレンダー(水平)
<div id="box"> 全てのカラムを含むボックス
<div id="main"> 左カラム
<div class="entry_navi"> 記事ナビゲーション
<div class="entry"> 記事本分
<div class="entry"> コメント
<div class="entry"> トラックバック
<div class="entry"> プロフィール
<div class="navi"> ページナビゲーション
<div id="#side"> 右カラム
<div class="linktitle"> selected entries
<div class="linktext">
<div class="linktitle"> latest entries
<div class="linktext">
<div class="linktitle"> categories
<div class="linktext">
<div class="linktitle"> archives
<div class="linktext">
<div class="linktitle"> recent comment
<div class="linktext">
<div class="linktitle"> recent trackback
<div class="linktext">
<div class="linktitle"> フリースペース1~5
<div class="linktext">
<div class="mobile_title"> mobile QRコード画像の表示
<div class="mobile_text">
<div class="linktitle"> profile
<div class="linktext">
<div class="search_text"> search this site.
<div class="search">
<div class="linktitle"> sponsored Links
JUGEM ad 削除不可
<div class="linktitle"> RECOMMEND コメントのみで削除済
<div class="linktext">
<div class="linktitle"> admin, RSS, ATOM へのリンクなど
<div class="linktext">
<div class="copyright"> コピーライト表示。削除不可

う~ん…こうして見ると、内容は違うのに全く同じスタイルを適用している所があるな…この辺は要検討です


後は、設定方法、免責事項を等を考えればいいですね…近日中に公開…できると、いいナァ…('A`)


internetcomments (0)trackbacks (0) – pingbacks(0) – (2,882)
feel free of the comment please.

trackback URL of this article
QRcode of this article
qrcode:article
more information of this article

post date

2007年11月14日(水) 06:26:39

update

2007年11月14日(水) 06:26:39

tags

contents
most viewed (748361)
categories
archives
recent posts
recent updates
recent comments
  • muffa : Need for Speed SHIFT 2 UNLEASHED: Car Skin: BMW Z4 GT3 Racing HATSUNE MIKU Packs : 2013年04月11日(木)
  • كاميرات مراقبة جملة : Win Toolkit 使ってみた : 2013年09月21日(土)
  • brico : Need for Speed SHIFT 2 UNLEASHED: Car Skin: BMW Z4 GT3 Racing HATSUNE MIKU Packs : 2013年04月11日(木)
  • Alphaziel : PLEX PX-Q3PE (Spinel + BonCasLink + TVTest + TvRock) での録画PC 構築設定メモ : 2014年09月24日(水)
  • 泣き虫 : PLEX PX-Q3PE (Spinel + BonCasLink + TVTest + TvRock) での録画PC 構築設定メモ : 2014年09月24日(水)
recent trackbacks
mobile
qrcode:home
profile
曇り札幌市中央区 ‘ 曇り
気温: 10℃ ‘ 湿度: 66%
recommends
Valid XHTML 1.0 Transitional Valid CSS X.X
RSS 2.0 RSS 0.92
RDF/RSS ATOM
get Firefox 2 get Opera
ie