制作仕様書 コーディング形式 HTML + CSS +

■制作仕様書
コーディング形式
HTML + CSS + JavaScript + PHP
CSSバージョン
2.1に準拠
html
XHTML1.0に準拠
拡張子
.html
幅指定
950pixel
対応OS
Windows
Transitional
XP,Vista,7
Macintosh
iOS
Android
対応ブラウザ
Internet Explorer
6.0以降
Safari(Mac/iOS)
Firefox
Chrome
Opera
Android Webブラウザ
■フォルダ
パーツ
用途
フォルダ
ファイル名
ページファイル
トップページ
サイトルート
index.html
製品情報
/product/
index.html
お知らせ
../wordpress/
index.php
お問い合わせ
/inquiry/
index.html
アクセスマップ
/company/
access.html
各ページ共通
/images/
*.jpg/*.gif
トップページ
/images/
top_*.jpg/top_*.gif
製品情報
/images/
prd_*.jpg/prd_*.gif
お知らせ
/images/
inf_*.jpg/inf_*.gif
イメージファイ
ル
備考
CSSファイル
JavaScriptフ
ァイル
PHPファイル
お問い合わせ
/images/
inq_*.jpg/inq_*.gif
アクセスマップ
/images/
cmp_*.jpg/cmp_*.gif
読み込み用
/css/
master.css
リセットCSS
/css/
reset.css
スタイルベース
/css/
base.css
クリアフィックス
/css/
clearfix.css
印刷用
/css/
print.css
ブラウザ調製用
/css/
画面処理・クッキ
ー処理
/js/
default.js
グーグルマップapi
v2
/js/
google_map.jp
フォームのバリデーシ
ョンチェック
/js/lib/
jquery.validationEngi
ne.js
フォームのバリデ
ーションチェック
フォームのバリデーシ
ョンチェック
/js/lib/
jquery.validationEngi
ne-ja.js
日本語用プラグイ
ン
トップページ
Wordpress RSS取得
/php/
rss.php
トップページ
Wordpress RSS取得
/php//lib/
magpie
@importで各
CSS読み込み
<link ~
media=”print”>
IE条件付きコメ
ントで調整
R S S パーサー
CSS定義
■各ページ共通
パーツ
要素
クラス名
備考
サイドバーボックス
div
sidebar-box
角丸下部イメージ用
クリアフィックス
ブロック要素
clearfix
お問い合わせ
a
inquiry-button
ページの先頭へ戻る
a
pagetop
文字の大きさボタン
div
font-normal
お問い合わせボタン
背景画像指定
font-big
body
bg-normal
font-size: 88%;
bg-big
font-size: 100%;
備考
■トップページ
パーツ
要素
クラス名
ページ
body
top
パーツ
要素
クラス名
ページ
body
product
セクション
div
prd-section
セクション囲み
dl要素
dl
bg-green
表形式見出し
dl
bg-purple
表形式見出し
a
prd-bullet
製品名ブレット
パーツ
要素
クラス名
備考
ページ
body
information
WordPress一覧
div
post
1記事囲み
(index.php)
p
news-date
記事日付
p
news-category
記事カテゴリ
p
news-title
記事タイトル
div
wp-pagenavi
a
current
WordPress個別
p
post
記事囲み
(single.php)
p
postinfo
記事日付・カテゴリ
div
wp-caption
画像キャプション
p
pagelink
前後ページリンク
■製品情報
dl要素
備考
■お知らせ
Wp-pagenavi
■お問い合わせ
パーツ
要素
クラス名
備考
ページ
body
inquiry
フォーム
div
button-area
フォームボタン用
パーツ
要素
クラス名
備考
ページ
body
access
■アクセスマップ
サイト内検索
https://www.google.co.jp/search?
aq=f&oq=Google+%E3%82%B5%E3%82%A4%E3%83%88%E5%86%85%E6%
A4%9C%E7%B4%A2&sugexp=chrome,mod=0&sourceid=chrome&ie=UTF8&q=Google+%E3%82%B5%E3%82%A4%E3%83%88%E5%86%85%E6%A4%9C%E7%B4%A2