研修内容・特徴

本研修では、Webデザインとフロントエンド開発の基礎を学び、管理ツールのUI改修やWebサイトのデザイン変更を自社で対応できるスキルを習得します。Photoshopを活用したデザインの基礎から、HTML/CSSによるWebサイトの構築、WordPressを用いたサイト作成までを、週1回60分のオンラインレッスンと自主学習を組み合わせ、12週間で実践的に学習します。

 到達目標

1. HTML/CSSを習得し、管理ツールのUIデザインを自分で調整できるようになる。
2. Photoshopを活用し、Webデザインの基礎を学び、広告バナーやUIデザインを作成できるようになる。
3. Webサイトの仕組みを理解し、外注時に適切な指示を出せるようになる。

 研修プログラム例

週数	内容	具体例	到達目標
1週目	ITリテラシーの基礎	・インターネットの仕組み ・ドメインやサーバーの基礎知識	・Web開発の基本概念を理解し、技術学習の土台を作る
2週目	プログラミングの前提知識	・HTML/CSS、JavaScriptの概要を学ぶ	・Webサイトを作成するための技術の概要を理解する
3週目	デザインの基礎	・デザインの基本概念（レイアウト、カラー、フォントの選び方）	・視覚的に魅力的なUIを設計する基礎知識を習得
4週目	Webデザインの基礎	・UI/UXデザインの考え方 ・ユーザーの行動を意識したデザイン	・使いやすいデザインを設計し、Webに適用する方法を学ぶ
5週目	Photoshopの基本操作	・画像編集、バナー作成 ・Photoshopを用いたデザイン調整	・基本的なバナー作成やUI要素のデザインができる
6週目	Adobe Photoshopで広告バナー作成	・Web広告やサイトデザインの実践	・Webデザインの基礎を習得し、実際にバナーを作成できる
7週目	ローカル開発環境の構築	・MAMP/XAMPPのセットアップ ・HTML/CSSの開発環境の整備	・ローカル環境でのWebサイト構築が可能になる
8週目	HTML/CSS基礎	・HTMLの基本構造作成 ・CSSを活用したデザイン	・HTML/CSSを活用し、基本的なWebページを作成できる
9週目	HTML/CSSでコーポレートサイト作成	・企業向けのWebサイトを制作 ・デザイン要素の適用	・企業サイトの基本構造を理解し、独自にカスタマイズできる
10週目	Webサイト公開手順	・Webサイトをインターネット上に公開する方法	・作成したWebサイトを公開し、運用ができるようになる
11週目	WordPress環境構築	・WordPressのインストールと設定	・WordPressを活用したサイト構築の準備が整う
12週目	WordPressでWebサイト作成	・美容室のサイト作成 ・実際に動作するWebサイトを構築	・WordPressを活用し、自社サイトや管理ツールのカスタマイズが可能になる

 企画者コメント

本研修は、自社の管理ツールのUIを変更したり、Webデザインの知識を活かして業務を効率化したい経営者向けに設計されています。特に、ITに疎遠な状態からでも無理なく学べるように、基礎的なITリテラシーの習得からスタートし、Photoshopを用いたデザイン作成、HTML/CSSの基本、WordPressを活用したWeb制作までを体系的に学べるカリキュラムとなっています。

研修のポイントは、単なる知識習得にとどまらず、実際にWebデザインやHTML/CSSを使ったサイト構築を実践しながら学べることです。これにより、受講者は「できる」感覚を身につけ、最終的には自分で管理ツールのUIを変更したり、Web制作の外注時に適切な指示を出せるようになります。

また、研修は週1回のオンラインレッスンと自主学習の組み合わせで進めるため、業務と並行して学習を進めることが可能です。特に、学習中に発生する疑問点は専用掲示板で無制限に質問できるため、効率的にスキルを習得できます。本研修を通じて、Webデザインの基礎から管理ツールのUI改善までのスキルを身につけ、業務効率化やDX推進に貢献できることを期待しています。

 関連サービス

Webアプリ開発研修