コーディング環境

Webプログラマーやってます。

自分なりのWebサイトを作成する際の進め方を書きます。

【導入しているツール】

・WinSCP

・teraterm

・Visual Studio Code　（超便利）

・秀丸エディタ（grep検索や一括置換用）

・Photoshop

・Zeplin

【必要な素材】

・デザインデータ（PSDとアセット）

・メタデータ、GAタグ

【ディレクトリの作成】

  / 作業フォルダ

　　/ index.html

       / .htaccess

       / .htpasswd

　　/ css / reset.css

  　 / css / common.css

       / css / style.css

       / js / jquery-1.9.1.min.js

　　/ img / pc /

       / img / sp /

【コーディングの進め方】

・カンプを見てCSSで共通化できる部分の確認

・PCページのヘッダー、キービジュアル、各セクション、フッターの順にHTMLマークアップ

・CSSでレイアウト部分のスタイリング

・随時ブラウザで表示確認

・スマホページ用のCSSを作成

・JavaScriptでアニメーションの実装

・メタタグ、favicon、GAタグの埋め込み