求職者支援訓練 白石 WEB

現在、募集はしておりません。次回開講までお待ちください

4月開講 WEB制作も学べる事務実践科

5月開講 WEBクリエイター科

Webクリエイター科

訓練概要

訓練期間

令和７年５月１２日（月）～令和７年１０月１０日（金）

訓練目標

「WEBコンテンツ提供事業所においてWEBの企画・デザイン・制作ができる。HTML/CSSなどコードを用いたWEBサイト制作、Illustrator・Photoshop等を使用しグラフィック、バナー、フライヤー作成ができる」　こちらの姿が目標です。

募集期間

令和７年３月２１日（金）～令和７年４月１８日（金）

訓練概要

Webサイトのイラスト、フォトデータ作成、加工、編集、HTML/CSSコーディングを用いたサイト構成、動的サイト制作に必要な知識及び技能・技術を習得できるコースです。

訓練カリキュラム

１ヶ月目前半

■サイト構築概論【学科】
インターネット等のITに関する基本的な知識・webサイト制作における基本的かつ必須知識を幅広く学んでいきます。 WEBサイトはどのような仕組みになっているのか、サイト制作にはどのような作業が必要なのか、といった基本的な知識を「WEBサイト構築基礎」で学ぶことができます。「WEBデザイン概論」では、WEBデザインの基本的な知識を身につけることができます

■サイトデザイン【学科】
webサイトデザインの歴史や最新動向、デザインの基本的な考え方からデザイン技術の応用まで学びます。webサイトデザインまたはwebデザインとは、オンラインコンテンツを企画し、コンセプトを定め、配置することです。 webサイトデザインは、見た目の美しさと機能性の両方を考慮するもので、これにはwebページやモバイルアプリ、ユーザーインターフェイスなどが含まれます。
具体的には、企業の公式サイトやショッピングサイトなどを作るときに、配色を決めたり、写真や文字のレイアウトを考えたりして、魅力的なデザインへと仕上げていきます。

■webコンテンツ【学科】
webサイトの中身(コンテンツ)に使われる画像・写真、動画、文章の掲載方法や入力編集ソフトの使い方を学びます。Webコンテンツ（Web Content）、あるいはホームページ運営の現場で用いられるコンテンツという言葉は、情報の中身のことを指します。「ホームページ内に掲載されている文章・画像・動画や、それらが表現している内容のすべてがWebコンテンツです」

１ヶ月目後半

■ワイヤーフレーム/プロトタイプ作成【実技】
webサイトの構造・構成を理解し実際のwebサイトデザインをグラフィックソフトを使って作っていきます。ワイヤーフレームはwebページのレイアウトを決める設計図です。

実際のデザインやコーディングなどの作業に入る前段階で作成し、完成イメージを「見える化」することが目的で作られます。

ワイヤーフレームを作っておくことによって、実際の作業に入ってから「あの項目が足りていなかった」「作ってみたら意外に見づらくて作り直しになった」などのトラブルを防ぐことができます。本格的な絵を描く前のラフ画、といったらわかりやすいかと思います。

■Illustrator演習【実技】
Illustratorとはwebサイトに使われる企業ロゴ、アイコンやイラスト等の素材、名刺・バナー広告・ポスター等を制作するソフトです。基本操作からあらゆる機能を学びこれらの制作も行います。
Adobeを利用します。訓練中は無料で使用可能。訓練生は学割サービスも利用可能となり訓練中に格安で個人購入もできます。

２ヶ月目

■Photoshop演習【実技】
Photoshopとはwebサイトに使われる写真の加工・編集、バナー広告・ポスター・パンフレット等の制作に使われるソフトです。あらゆる機能を学びこれらの制作も行います。

写真の編集明度や彩度の調整や写真の切り貼り、画像同士の合成、デザインの作成 POP・チラシ・ポスターやSNSなどのWeb用画像の作成、写真をカスタマイズして、さまざまな形式に作り上げなど実践していきます。

Illustrator同様にAdobeを利用します。訓練中は無料で使用可能。学割で購入もできます。

３ヶ月目

■HTML/CSSコーディング【実技】
HTMLとはwebサイトに文章や画像を掲載する為の言語です。CSSとはwebサイトの見た目(文字や画像の大きさや配置、文字や背景の色等)を自由に調整する言語です。これら二つの言語を記述しwebサイトを作っていくことをコーディングといいます。 WEB関連の業務に携わるには必須の知識・技術となります。

４ヶ月目～５ヶ月目

■(科目)実技・WEBデザイン演習(企画)/WEBデザイン(制作)/WEBデザイン(制作)
web/グラフィック制作物の作品集(ポートフォリオ)の企画・デザイン・制作を行います。
この期間でしっかりと訓練生の作品集、ポートフォリオを作成していきます

●ポートフォリオについて
web/グラフィック制作物の作品集である「ポートフォリオ」はデザイン制作会社への就職率を飛躍的に高める技術力の証明書であり、他業種への就職率さえ高めるものでもあります。当校ではこのポートフォリオの制作を授業カリキュラム内に組み込んでおります。

項目	内容	時間
安全衛生	心身の健康管理（情報機器含む）・整理整頓の原則・安全衛生の事例	2
サイト構築概論	WEB及びIT技術の概要、業界動向、サイト分析における各種ツール、著作物の保護、表記ルール、表現上の注意	10
サイトデザイン	デザインの定義、リテラシーレベルの理解、ターゲットとデザインの関係、Webデザインの歴史、基本デザイン、フォントの種類、最新のデザイン動向、グループワークによるデザイン精査	12
WEBコンテンツ	Webコンテンツの種類、静止画（イラスト及びフォトデータ）活用例、動画活用例、各コンテンツと編集ソフト、最新コンテンツの動向	6
就職支援	ジョブカード作成支援、履歴書・職務経歴書の作成支援	18
ワイヤーフレーム/プロトタイプ作成	ワイヤーフレーム/プロトタイプの概要説明、スケジュール管理、ワイヤーフレーム/プロトタイプを用いたデモページの作成	12
Illustrator演習	Illustrator制作環境の導入と基本設定、新規イラスト作成・編集、既存イラストの加工・編集、ファイルタイプ設定、Webコンテンツ用イラスト作成（使用ソフト：Illustrator）	90
Photoshop演習	Photoshop制作環境の導入と基本設定、既存データの加工・編集、スキャナーによるデータ取り込み、ファイルタイプ設定、バナー作成（使用ソフト：Photoshop、Figma、Google chrome）	90
HTML/CSS コーディング	エディタの導入と設定、HTMLコーディング、CSSコーディング、Web標準に準拠したコーディング、アクセシビリティ対策（レスポンシブ等）、各ブラウザによる表示確認、SEO対策、サーバーへのアップロード、JavaScriptの概要説明、jQueryの概要説明、JavaScript制作環境の導入と基本設定、JavaScriptプログラミング（プログラミング方法、変数、条件分岐、反復処理、Webコンテンツとの連携）（使用ソフト：visual studio code）	78
HTML/CSS コーディング応用	キーフレームアニメーション、jQuery、JavaScript等を使ったWebページの制作、解析ツールの導入（使用ソフト：visual studio code）	54
Webデザイン演習（企画）	ポートフォリオの企画、テーマ選定とターゲット検討、企画検討、企画における利用技術の選定、条件の検討、ワイヤーフレームの作成、著作権の確認、企画のプレゼンテーション（使用ソフト：Figma、Illustrator、Photoshop）	24
Webデザイン演習（デザイン）	ポートフォリオのデザイン検討、レイアウトの検討、フォントの選定、ターゲットとデザインの適正確認、アクセシビリティ・ユーザービリティの確認、プロトタイプ制作と確認（使用ソフト：Figma,Illustrator、Photoshop）	96
Webデザイン演習（制作）	コーディング準備（制作ルールの決定、マニュアル化、環境の用意）、Webコンテンツ制作、Webサイト制作、サーバーへのアップロード、制作サイトのプレゼンテーションと講評（使用ソフト：WordPress、Illustrator）	87
職業人講話	「ウェブ業界の今とこれから」3時間(株式会社ジェイテック)、「現場でのコンテンツ制作について」1時間(トランスコスモス株式会社)、「仕事内容」2時間（株式会社フェローズ）	6