忍者ブログ

World of granshe.

HTMLやCSS、JavaScriptに関する話題を中心に、Web制作について知ったこと、覚えておきたいことをメモしておく個人的スペースです。
[114] [113] [112] [111] [110] [109] [108] [107] [106] [105] [104

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

テンプレート作りのメモ

今アルバイトしている会社を辞めるにあたって、
Webサイトのコーディングテンプレートを作って置いていこうかと思っている。

私の代わりにコーディングが出来る人はもちろんいるのだが、
彼はわたしと違い、コーディング以外のほかの仕事もこなすことができる。

もしそれほどコーディング業務が好きではないのなら、
コーディングに費やす時間を、他の作業に当てたほうがもっと楽しく仕事ができると思い、
この考えに至りました。


以下、テンプレートを作るにあたってのメモ。


基礎部分

  1. xml宣言をつける。
  2. XHTMLTranditionalで作る。
  3. 文字エンコードはutf-8にする。
  4. meta content keywordは忘れずにつける。
  5. import用CSSから読み込む。メディアはscrern, printにする。

IDとClass

  1. body直下に#container
  2. ロゴ、タイトル部は#header。ロゴは#logo
  3. #headerや#footerによくある「お問い合わせ」系ナビゲーションはul.utility
  4. グローバルナビゲーションは#gnavi
  5. トップページによくあるFlashや画像などのキャッチコンテンツを入れる#catch
  6. パンくずリストはp.tpath
  7. フロートを含むコンテンツ部を囲む#contents
  8. 3カラムサイトの場合、#mainと#subを囲む#leader
  9. メインコンテンツを入れる#main
  10. サブコンテンツ、ローカルナビゲーションを入れる#sub
  11. 3カラムの場合の最後のひとつ#ad(広告の場合)
  12. コピーライトなどフッターコンテンツは#footer

以上、メモ終わり。


内定先の昨年度の新人研修情報や、今年度の新人教育的な記事を見て
心躍らせる、3月中旬でした。

PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
プロフィール
名前: ゆーり
職業: コーダー(模索中
趣味: Web制作
自己紹介: 某Web製作会社の入社5年目のマークアップエンジニア。専門はHTMLとCSSとMT(自称)。
カレンダー
04« 2017/05 »06
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
ブログ内検索
忍者ブログ [PR]