CSSの作業分担化

質問

HPを作成することになったのですが、

(1)共通パーツの構成を考えました。

いよいよ、3人ほどでCSSのデザインを考えていくことになったのですが
CSSのデザインは1人でやったらほうがいいのでしょうか？
1人3ページ　等の分担方法を考えています。

3人で分担してできるなら分担してやろうと考えているのですが
ただ単にimportを使うだけではうまくいかないだろうな。と思っております。

どのように3人で取り組むと、うまく3人でCSSの作業分担ができるものなのでしょうか？

回答No.2

ORUKA1951

通常、スタイルシートを複数で担当することはありえません。スタイルシートの分量なんて高が知れたものです。
　圧倒的に多いのはHTMLです。HTMLは小さなサイトでも数十ページ、大規模なサイトでは数百、数千になります。(もちろん、それは表面上の数量で実際は本文部分だけですが・・)
　それらすべてのページに適用されるスタイルシートは、ひとつ(実際にひとつと言う意味ではありません--後述)ですから、原則複数で作成することはありませんし、複数で担当すること自体が不可能です。

　スタイルシートがひとつと言う意味は、実質ひとつと言う意味ではありません。またimportを使う必要がいつであるわけではありません。ご存知のようにスタイルシートには
・固定スタイルシート(persistent)
・優先スタイルシート(preferred)
・代替スタイルシート(alternate)

・メディア別スタイルシート
　PC用ブラウザ、スマホ、携帯電話、印刷用

・配置などアウトライン
・色の指定

　などのスタイルシートを用意することになるでしょう。複数で分担するとなると、それは、importを使う使わないに限らず、もし分担するなら、アウトラインと色指定を分担する。メディア別のスタイルシートを分担するなどです。

　外部にスタイルシートを置く目的は
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
・著者及びWebサイト管理者が、複数文書間(及び複数サイト間)でスタイルシートを共有できる。
・著者が、文書に変更を加えることなくスタイルシートを変えられる。
・ユーザエージェントが、メディア記述子に基づき、スタイルシートを選択的に読み込める。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.3 )］より

　ですから、分担する必要は余りありません。というか極めて分担しにくいでしょう。

　それよりも、はるかに重要なことは、HTMLのマークアップの統一基準を作成することです。HTMLが、文書構造をきちんと示すものになっていれば、スタイルシートは次のようにきわめて簡単なものになります。
/* bodyの子供のヘッダ、本分、フッタの巾の指定 */
body>div.header,body>div.section,body>div.footer{width:80%;min-width:640px;max-width:900px;margin:0 auto;position:relative;}

/* 本文内のセクションは階層ごとに */
div.section div.section{margin-left:2em;}

/* 本文中のコラムは */
div.section div.aside{font-size:0.9em;}

/* ヘッダ中のナビゲーションは */
div.header div.nav{position:absolute;top:0;left:0;}
div.header div.nav ul,div.header div.nav ul li{display:block;list-style:none;margin:0;padding:0;}
div.nav ul{width:100%;text-align:center;}
div.nav ul li{float:left;width:19%}
div.nav ul li+li{margin-left:1%;}

とか・・・。HTMLを読まなくてもスタイルシートが書けるところまで、HTMLのDOMを決めておくこと。これが何よりも重要ですね。
　多分、上記のスタイルシートの設定がどの要素についての設定かは、あなたでも理解できるでしょう。ちなみにclass名は、HTML5の3.1. 新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )を参考にしています。すなわちHTMLが、ほとんどそのままHTML5にも改変できることを示しています。

　もし三人で行うなら
・アウトライン分担
・色指定分担
・メディア別の担当 パソコン用は誰々、スマホ用は誰々、印刷用は誰、携帯電話用は・・
　などですかね。

お礼

・固定スタイルシート(persistent)
・優先スタイルシート(preferred)
・代替スタイルシート(alternate)

を使うのが一番なのでしょうか？

すみません。
>またimportを使う必要がいつであるわけではありません
解釈しようとしましたが、どうしてもできませんでした…。

別の質問として、新たに質問立てさせていただこうと思います。

回答No.1

Gletscher

まず、CSSを共通CSSとページ毎CSSに分けて、それぞれの機能設計をします。

そして、共通CSSを一人が、残りの二人は、ページ単位の部分を受け持てば良いと思いますよ。
それぞれが作ったCSSは、
<script LANGUAGE="JavaScript1.2" src="kyoutsu.js"></script>
<script LANGUAGE="JavaScript1.2" src="page1.js"></script>
でHTMLに読み込めば良いでですよ。

お礼

情報ありがとうございます。

ただ気になったのですが

<script LANGUAGE="JavaScript1.2" src="kyoutsu.js"></script>
<script LANGUAGE="JavaScript1.2" src="page1.js"></script>

これってjavascriptですよね。cssですか？

すみません。ちょっとまた別問題が出てきたので別に質問立てさせていただきます。