https://webcode-lab.com/attic/

Coding Rules・SEO施策 チェックサイト

  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
HOME > Study > Workshop > 2015-12-04勉強会

2015-12-04勉強会





今回の課題


  • 課題1. プロジェクト進捗管理ツール「ブラビオ」の導入
  • 課題2. Common Rulesの再確認と変更事項
  • 課題3. HTML・CSSの重要事項
  • 課題4. プロコーダーのコーディング動画紹介
  • 課題5. HTML・CSSの実践コーディング

課題1. プロジェクト進捗管理ツール「ブラビオ」の導入


目標
プロジェクト進捗管理ツール「ブラビオ」を試用するにあたってのお願い事項
ページの先頭へ


課題2. Common Rulesの再確認と変更事項


目標
Common Rulesの問題点:疑問点を再確認
Common Rulesの変更点を確認

・確認点

HTACCESSの納品前要チェック
インクルードの絶対パス使用について
meta.htmlの記述順序とAbove the Foldで使用しないJSのFooter移動
head内、タイトル・キーワード・ディスクリプション直接記述(meta.htmlに入れない)

チェックリストのチェックリスト導入 → 当面、納品時に添付する

・変更点

GTMコード関連:スマホサイト「tel」にIDを付ける、は廃止

・コーディング作業中のスマートフォン自動転送プログラムについて

PCサイトがすでに存在し、スマホサイト制作中は、ua_switch.phpを空にして作業、納品時に戻す
理由:制作途中のスマホサイトへ転送されてしまう。

・追加プラグイン

Jqery LightBox・FancyZoom(PCサイト用)導入
説明ページ参照

Jqery ドロワーメニュー(スマホサイト用)導入
説明ページ参照

・共有CSS追加

「clearfix」「リセットCSS」等の、「共有CSS」使用
Common CSS参照

・共有JS追加

「スムーススクロール」等の、「共有JS」使用
Common JS参照

・追加情報

ローカル環境での「PHP」・「ルートパス」使用(XAMPP導入)
パス記述参照

SPEEDUP施策 項目アップ
SPEEDUP施策参照

ページの先頭へ


課題3. HTML・CSSの重要事項


目標
HTML・CSSの重要事項の説明とご理解

HTMLについて・CSS指定NG事項について

・HTML文書とデザインを分ける(デザインはCSS側で)
・HTMLにスタイル書き NG
・CSSで要素に直接スタイル指定 NG
・「構造BOX」に詳細CSS NG
・「スマホサイトのIMG 幅」について意見交換
・CLASS名複数付加は1要素に3つまで
・便利なCSS例

HTMLについて参照
CSSについて参照
ページの先頭へ


課題4. プロコーダーのコーディング動画紹介


目標
プロコーダーのコーディング動画で学習

「schoo」の動画学習サイト

ページの先頭へ


課題5. HTML・CSSの実践コーディング


目標
コーディング実践を皆さんでやってみる

参考サイト

BOX横並びコーディングパターン例ページ
右サイドカラムのHTML・CSSコーディングを実践

ページの先頭へ




次回までにお願いする課題


  • 課題1. 知っているHTML5のマーキング情報を、みなさんへ共有しましょう。
  • 課題2. 共有CSS・共有JSを構築しましょう。提案をお待ちしています。
  • 課題3. 今後サイトコーディングで必要になるプラグインを教えてください。
  • 課題4. 分からないことなどあれば聞いてください。




ページの先頭へ



次回までにお願いする課題

  • 課題1. 知っているHTML5のマーキング情報を、みなさんへ共有しましょう。
  • 課題2. 共有CSS・共有JSを構築しましょう。提案をお待ちしています。
  • 課題3. 今後サイトコーディングで必要になるプラグインを教えてください。
  • 課題4. 分からないことなどあれば聞いてください。
12/04勉強会