研修内容・特徴

本研修では、デザイナーやシステム担当者を対象に、HTML/CSSの基礎から実践的なLP制作までを2日間（8時間×2日間）の集中講座で学習します。Photoshopを用いたバナー作成、Adobe XDでのLPデザイン、Dreamweaverを活用したコーディングなど、実践的な演習を通じて、即戦力となるWeb制作スキルを習得できます。また、jQueryを使ったインタラクティブな要素の追加や、レスポンシブデザインの実装方法を学ぶことで、スマートフォン対応のWebページを作成する技術を身につけます。

 到達目標

1. HTML/CSSの基礎を理解し、自分でWebページを構築できるようになる。
2. Photoshopを使用してバナーを作成し、LPデザインを行えるようになる。
3. JavaScriptやjQueryを活用し、Webページに動きをつけられるようになる。
4. レスポンシブデザインの概念と実装方法を学び、スマートフォン対応のWebページを作成できるようになる。
5. 最終的に、自分でLPページを構成・作成・動作検証できるレベルに到達する。

 研修プログラム例

日程	内容	具体例	到達目標
1日目	基本講習（LPの役割と作成の流れ）	・LPとは何か？ ・使用するツールの確認	・LPの基本概念を理解し、制作フローを把握できる
1日目	HTML/CSSの基礎（座学＋演習）	・HTMLの基本構造を理解 ・CSSの基本的な書き方を習得	・HTMLとCSSを使ってWebページを作成できるようになる
1日目	JavaScript・jQuery（座学＋演習）	・JavaScriptの基本的な使い方を学ぶ ・ボタンにアニメーションを追加	・JavaScriptやjQueryを活用してWebページに動きをつけられるようになる
1日目	画像編集（座学＋演習）	・Photoshopの基本操作 ・Photoshopで広告バナーを作成	・Webサイト用の画像編集スキルを習得する
1日目	LP構成の考え方	・ファーストビューの設計 ・キャッチコピーの考案 ・全体のレイアウト設計	・視覚的に魅力的なLPをデザインできる
2日目	LPデザイン（Adobe XD）	・メインビジュアルとその他デザインの作成	・Adobe XDを活用してLPデザインを作成できる
2日目	LPコーディング（座学＋演習）	・Dreamweaverを使ったLPのコーディング ・レスポンシブデザインの実装	・HTML/CSSを使って実際にLPを作成し、スマートフォン対応もできる
2日目	公開準備～公開（座学＋演習）	・Webサイト公開前のチェックリスト ・Googleアナリティクスとサーチコンソールの導入	・Webサイトを適切に公開し、アクセス解析ツールを設定できる

 企画者コメント

本研修は、バナー作成などのデザイン業務はできるが、HTML/CSSのコーディングスキルが不足している方を対象に、Web制作の基礎から応用までを短期間で習得できるプログラムです。HTML/CSSの基礎から始まり、Photoshopを活用したバナー作成、Adobe XDでのLPデザイン、Dreamweaverを使ったコーディングまで、一貫したスキルを身につけることができます。

特に、JavaScriptやjQueryを活用した動的なコンテンツの実装や、レスポンシブデザインを取り入れたLP制作を重点的に学ぶことで、現場で即戦力となるスキルを身につけられます。また、実際の業務で役立つGoogleアナリティクスやサーチコンソールの導入方法も学ぶことで、効果的なWeb運用ができるようになります。

2日間の集中講座という形式を採用することで、短期間で効率的にWeb制作スキルを習得できるため、実務ですぐに活かせる知識を得ることができます。研修終了後には、自身でLPの設計・作成・運用ができるようになり、Web制作業務に自信を持って取り組めるようになることを期待しています。

 関連サービス

伴走型オーダーメイド研修（エキスパートコース）