ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changes between Version 90 and Version 91 of pne-xhtmlcss


Ignore:
Timestamp:
Jul 10, 2008, 5:49:11 PM (10 years ago)
Author:
takai
Comment:

「XHTML+CSS化プロジェクトとは」を記述

Legend:

Unmodified
Added
Removed
Modified
  • pne-xhtmlcss

    v90 v91  
    99
    1010== XHTML+CSS化プロジェクトとは ==
     11OpenPNEのPC版テンプレート(HTML構造)及びスタイルシート(CSS)を改善することが目的です。
     12
     13OpenPNE2.10のソースコードを改善するという方針で進めています。
     14
     15=== 改善に際しての方針 ===
     16OpenPNE2.10(従来)の見栄えや内容はそのままで、ソースコードをきれいにするという考えの改善を行っています。
     17 * 従来の設計(管理画面からの「スキン画像変更」や「ナビゲーション変更」など)に対応する
     18 * 従来の見栄えや内容が同じように表示される
     19改善した結果、見栄えを統一したために従来と多少異なること(2pxの線が1pxになっているなど)はありますが、基本的には今の設計のままHTML(テンプレート)及びCSSのソースコードをきれいにすることを主眼に置いています。
     20
     21また、現在利用されていると考えられる次のようなモダンブラウザを対象ブラウザとして想定しています。
     22 Windows ::
     23 * Microsoft Internet Explorer 6.0以上
     24 * Mozilla Firefox 1.5以上
     25 * Opera 9.25以上
     26 Mac OS X ::
     27 * Apple Safari 3.0以上
     28 * Mozilla Firefox 1.5以上
     29 * Opera 9.25以上
     30
     31ソースコードをきれいにする上で意識しているのは次の点です。
     32 * 次のような埋め込みによって実現されている見栄え(スタイル指定)をスタイルシートで行う
     33   * style属性などの属性による見栄えの指定
     34   * table要素(の入れ子)による枠線や余白
     35   * ダミー画像による余白
     36   * br要素(の連続)による余白
     37   * img要素で表示されているマーカー画像
     38 * 文書構造上の意味に合ったマークアップ、ID名、クラス名の付与を施す
     39   * CSSでスタイル指定できるように、適切な範囲で詳細にマークアップする
     40   * クラス名に関しても <span class="bold"> ではなく <span class="caution"> のように意味付けをする
     41『見栄えはスタイルシートで』『HTMLでは構造上の意味を』というHTMLの基本理念に則ってソースコードを見直すことが理想ですが、HTMLの仕様やブラウザの実情を考えると難しいところがあります。
     42
     43実情を考慮した上でHTML+CSSをきれいにすることがこのプロジェクトの主軸になります。
     44
     45=== OpenPNE2.12時の具体的な作業方針 ===
     46従来の見栄えや内容を大きく変えないように改善するため、従来のレイアウトや内容(パーツ)を調査しています。
     47 1. どのような内容(パーツ)が存在しているのかを調べます([wiki:pne-xhtmlcss/parts パーツリスト]にまとめています)
     48 2. 従来のSNSを見て内容(文章)を確認しながら、パーツごとにマークアップを施します
     49   * パーツ間で共通する部分には同じクラス名を与えます
     50 3. 従来のSNSを見て見栄えを確認しながら、マークアップしたパーツに対してスタイルを記述します
     51   * パーツ間で共通する部分は区別せずに同じスタイルを適用させます
     52 4. ページごとに、含まれるパーツを全て記述して見栄えを確認します
     53この作業を経て、OpenPNE2.12ではXHTML+CSS化を実現しています。
     54
     55しかしながら、OpenPNE2.12では改善を行ったもののXHTML+CSS化に関して改善できる点がまだ残っています。
     56OpenPNE2.12以降も、改善可能な部分の改善や不具合修正、管理画面等も含めた発展的な改善を行っていく予定です。
    1157
    1258== XHTML+CSS化プロジェクトの成果 ==