【HTML/CSS】初心者向け研修 LPページ制作の実践講座
【HTML/CSS】初心者向け研修 LPページ制作の実践講座
こちらの研修をベースとして貴社向けのカスタマイズも可能です。
まずはお気軽に問い合わせください。
目次
受講対象
その他
課題感
- バナー作成等はできるが、HTMLやCSSの知識が不足しているため、Webページのコーディングに不安がある。
- 効率的なコーディング方法やレスポンシブデザインの実践についても理解が浅いため強化したい。
研修のゴール
HTML/CSSの基礎から実践的なコーディング技術を習得し、自分でLPページを構成・作成・動作検証できるレベルに到達する。
- HTML/CSSの基本構造を理解
- Photoshopを使用したバナー作成
- JavaScriptやjQueryを用いたインタラクティブな要素の追加
- レスポンシブデザインの概念と実装方法
- スマートフォン対応のレイアウトの作成
カリキュラム
デザイナーやシステム担当者を対象に、HTML/CSSの基本から実践的なLP制作までを学び現場で活躍できる知識を身につけられるカリキュラムです。
2日講習パターン。助成金使用あり（８時間×2日間）※うち１時間昼休憩含む
STEP
1日目
基本講習
基本講習
LPの役割と作成の流れ
使用するツールの確認
STEP
HTML/CSSの基礎（座学＋演習）
HTMLの概要の理解
HTMLの基本構造を理解しよう
CSSの概要の理解
CSSの基本的な書き方を理解しよう
STEP
JavaScript・jQuery（座学＋演習）
JavaScriptの概要を理解しよう
JavaScriptの基本的な使い方を理解しよう
jQueryの概要を理解しよう
jQueryを使う準備をしよう
jQuery基礎構文を理解しよう
ボタンにアニメーションをつけよう
STEP
画像編集（座学＋演習）
Photoshopの基本操作
Photoshopで広告バナーを作る
STEP
LP構成
ファーストビューを考えよう
キャッチコピーを考えよう
全体の構成を考えよう
STEP
2日目
LPデザイン（座学＋演習）
LPデザイン（座学＋演習）
Adobe XD メインビジュアルを作る
Adobe XD その他デザインを作る
STEP
LPコーディング（座学＋演習）
Dreamweaverを使ったLPページをコーディング
レスポンシブ対応をしよう
STEP
公開準備～公開（座学＋演習）
WEBサイト公開前の必須チェック項目
アナリティクスとサーチコンソールを導入しよう
動作検証
習得スキル
HTML/CSS