---
title: IT・Webコース 研修紹介　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　IT・Web船橋「Webデザインスキル」研修
description: 障害者就労移行支援所「atGPジョブトレ」のブログです。障害別コースやIT・Webコースで就労トレーニング・就職活動をサポートし「自分らしく長く働く」を目指す研修・支援の内容です。症状管理やストレス対処法、模擬職場での実践的なトレーニング、就職活動のサポートをしています。
image: https://info.atgp.jp/hubfs/%E7%A0%94%E4%BF%AEIT%E3%83%BBWeb%E8%88%B9%E6%A9%8B202211.jpg
---

[![アットジーピージョブトレブログ](https://info.atgp.jp/hubfs/logo_atgpjobtra_blog.svg)](https://info.atgp.jp/jobtra-blog)

[![アットジーピージョブトレブログ](https://info.atgp.jp/hubfs/logo_atgpjobtra_blog.svg)](https://info.atgp.jp/jobtra-blog)

- [研修・支援内容](https://info.atgp.jp/jobtra-blog/tag/研修-支援内容)
- [イベント情報](https://info.atgp.jp/jobtra-blog/tag/イベント情報)
- [ご利用者・卒業生の声](https://info.atgp.jp/jobtra-blog/tag/ご利用者-卒業生の声)
- [障害・症状知識](https://info.atgp.jp/jobtra-blog/tag/障害-症状知識)

# IT・Webコース 研修紹介　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　IT・Web船橋「Webデザインスキル」研修

2022年11月14日

![](https://info.atgp.jp/hubfs/%E7%A0%94%E4%BF%AEIT%E3%83%BBWeb%E8%88%B9%E6%A9%8B202211.jpg)

○

皆さまこんにちは！

atGPジョブトレIT・Web船橋です。

 

ジョブトレIT・Webコースで取り組む課題についてご説明します。

 

 ジョブトレでは皆さんにWebデザインスキルを習得するために様々な課題を用意しています。

まずはillustratorを使ってジョブトレの通所時に使用するネームカードを10パターン作っていただきます。

それぞれの趣味や、好きなもの、世界観などが反映され、とても特色あるものを皆さん作られます。

次にPhotoshopを使って、様々なバナーの作成をしていただきます。

Photoshopの操作スキルの向上はもちろん、配色や、4原則（反復・近接・強弱・整列）がしっかりと守られているかどうか、デザインの基礎知識も身につけてもらいます。

ある程度デザインに慣れましたら、次はサイトのデザインです。

縦長の1ページで商品やサービスの紹介が完結されている、LPと呼ばれるランディングページのデザインを行っていただきます。

これまで学んだことを活かして、ページデザインの完成イメージを作成します。

デザインと並行して、HTML、CSSの学習にも取り組んでいきます。

デジタルハリウッドの動画教材を見ながら、カフェサイト、コーポレートサイトを作成していく中で、コーディングの基礎知識を身につけて行きます。

最終的なゴールとしては 自身でサイトのコンセプトや企画を考え、サービスや商品のユーザー像となるペルソナを設定し、サイトのデザイン、コーディング、提案資料の作成、サーバーにアップするまでの一連の流れができるように学習を進めていきます。

Webデザイナーとして働くためには専門的なハードスキルはもちろん重要ですが、お仕事をする上でソフトスキルの習得も欠かせません。

それぞれの課題に対してスタッフが上司役となり、報連相やスケジュール管理、コミュニケーションのトレーニングも合わせて行っていきます。

同じ課題でも作る人が違うと出来上がるデザインが全く異なってきます。

そんなところが見られるのもジョブトレの面白いところでもあり、デザインの面白さですね。

お互いに刺激を受けながら皆さん訓練に取り組まれています！

 

atGPジョブトレITWeb船橋ではいつでも見学や体験を受け付けております。

体験通所では、他の利用者さんと同じように、 WEBデザイントレーニングや自己理解のための研修にご参加いただいています。

お気軽にお問い合わせください。

 

その他、atGPジョブトレIT・Web船橋に関する情報はこちらをご覧ください。

[https://goo.gl/maps/WHgi9wgmQ8HMUgyy5](https://goo.gl/maps/WHgi9wgmQ8HMUgyy5) 

 

atGPジョブトレIT・Webコース 公式HP　：[https://www.atgp.jp/training\_it/](https://www.atgp.jp/training_it/?utm_source=blog&utm_medium=banner&utm_campaign=jobtrablog_it)<https://www.atgp.jp/training/?__hstc=45788219.0ebf61f72f66acb6f51a7ec5d9d38e8f.1663134561284.1663134561284.1663134561284.1&__hssc=45788219.1.1663134561284&__hsfp=1215719636>お問い合わせ・見学・相談：[https://onl.tw/grTtQNa](https://onl.tw/grTtQNa)

 

この記事のカテゴリ： [研修・支援内容](https://info.atgp.jp/jobtra-blog/tag/研修-支援内容) [うつ](https://info.atgp.jp/jobtra-blog/tag/うつ) [発達障害](https://info.atgp.jp/jobtra-blog/tag/発達障害) [統合失調症](https://info.atgp.jp/jobtra-blog/tag/統合失調症) [難病](https://info.atgp.jp/jobtra-blog/tag/難病) [atGPジョブトレIT・Web船橋](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレit-web船橋) [精神障害](https://info.atgp.jp/jobtra-blog/tag/精神障害) [IT・Web](https://info.atgp.jp/jobtra-blog/tag/it-web)

## 無料見学・個別相談会を 開催しています！

- ![アットジーピージョブトレ](https://info.atgp.jp/hubfs/logo_atGP-jobtra.svg)
  
  障害別専門支援の  
  就労移行支援サービス
  
  [無料まずは相談・見学してみる](https://www.atgp.jp/training/inquiry?utm_source=blog&utm_medium=banner&utm_campaign=jobtra_blog&utm_term=)[サービスについてはこちら](https://www.atgp.jp/training/)
- ![アットジーピージョブトレアイティーウェブ](https://info.atgp.jp/hubfs/logo_atGPjobtra_itweb.svg)
  
  IT・Web制作スキルを身につける  
  就労移行支援サービス
  
  [無料まずは相談・見学してみる](https://info.atgp.jp/training/it_web/inquiry/?utm_source=blog&utm_medium=banner&utm_campaign=jobtra_blog&utm_term=)[サービスについてはこちら](https://www.atgp.jp/training_it/)

### 最新記事

[2026年07月06日 「夏バテ」とメンタルの意外な関係：脳の疲労を防ぐ食事と睡眠のヒント ![](https://info.atgp.jp/hubfs/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB-Jul-06-2026-07-21-42-7378-AM.jpg)](https://info.atgp.jp/jobtra-blog/article004-13) [2026年06月25日 【IT・Web大宮 無料説明会】就労移行支援サービスを使った就活を知ろう！ ![](https://info.atgp.jp/hubfs/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB-Jun-25-2026-07-35-48-6409-AM.jpg)](https://info.atgp.jp/jobtra-blog/article002-45) [2026年06月23日 【登壇レポート】東京都認証ソーシャルファーム事業説明会にて「atGPジョブトレ」事例を紹介！ ![](https://info.atgp.jp/hubfs/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB-Jun-18-2026-01-46-20-4714-AM.jpg)](https://info.atgp.jp/jobtra-blog/article002-44) [2026年06月10日 【開催レポート】「ZINEフェス東京」で創作誌『LINK BE』をお届け ![](https://info.atgp.jp/hubfs/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB-Jun-09-2026-06-12-44-9505-AM.jpg)](https://info.atgp.jp/jobtra-blog/article002-43) [2026年06月04日 低気圧に負けない！梅雨の「なんとなく不調」を乗り切るセルフケアとコーピング ![](https://info.atgp.jp/hubfs/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB-Jun-04-2026-01-53-38-9344-AM.png)](https://info.atgp.jp/jobtra-blog/article004-12)

### 人気記事

[2024年06月20日 仕事がうまくいかない、働けない、生きづらい、は実はトラウマのせいかもしれません ![](https://info.atgp.jp/hubfs/%E3%83%88%E3%83%A9%E3%82%A6%E3%83%9E1.jpg)](https://info.atgp.jp/jobtra-blog/article002-9) [2021年05月19日 カフェインと難聴に関係はあるのか？ ![](https://info.atgp.jp/hubfs/4465753_s.jpg)](https://info.atgp.jp/jobtra-blog/article000-概要文-目次なし-0) [2026年05月14日 無料イベントのお知らせ ![](https://info.atgp.jp/hubfs/29415495_s.jpg)](https://info.atgp.jp/jobtra-blog/article002-15) [2022年08月24日 統合失調症の陽性症状とは ![](https://info.atgp.jp/hubfs/965761_s.jpg)](https://info.atgp.jp/jobtra-blog/article004-01) [2025年04月28日 リワーク（復職支援プログラム）って何？ ![](https://info.atgp.jp/hubfs/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB_%E3%83%AA%E3%83%AF%E3%83%BC%E3%82%AF.png)](https://info.atgp.jp/jobtra-blog/article001-32)

## 無料見学・個別相談会を 開催しています！

- ![アットジーピージョブトレ](https://info.atgp.jp/hubfs/logo_atGP-jobtra.svg)
  
  障害別専門支援の  
  就労移行支援サービス
  
  [無料まずは相談・見学してみる](https://www.atgp.jp/training/inquiry?utm_source=blog&utm_medium=banner&utm_campaign=jobtra_blog&utm_term=)[サービスについてはこちら](https://www.atgp.jp/training/)
- ![アットジーピージョブトレアイティーウェブ](https://info.atgp.jp/hubfs/logo_atGPjobtra_itweb.svg)
  
  IT・Web制作スキルを身につける  
  就労移行支援サービス
  
  [無料まずは相談・見学してみる](https://info.atgp.jp/training/it_web/inquiry/?utm_source=blog&utm_medium=banner&utm_campaign=jobtra_blog&utm_term=)[サービスについてはこちら](https://www.atgp.jp/training_it/)

## CATEGORY気になるカテゴリから記事を探す

### コース

- [うつ](https://info.atgp.jp/jobtra-blog/tag/うつ)
- [発達障害](https://info.atgp.jp/jobtra-blog/tag/発達障害)
- [統合失調症](https://info.atgp.jp/jobtra-blog/tag/統合失調症)
- [難病](https://info.atgp.jp/jobtra-blog/tag/難病)
- [聴覚障害](https://info.atgp.jp/jobtra-blog/tag/聴覚障害)
- [IT・Web](https://info.atgp.jp/jobtra-blog/tag/it-web)

### 事業所

#### atGPジョブトレ

- [秋葉原](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレ秋葉原)
- [秋葉原第2](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレ秋葉原第2)
- [大手町](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレ大手町)
- [お茶の水](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレお茶の水)
- [横浜](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレ横浜)
- [名古屋](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレ名古屋)
- [梅田](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレ梅田)

#### atGPジョブトレIT・Web

- [秋葉原](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレit-web秋葉原)
- [渋谷](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレit-web渋谷)
- [大宮](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレit-web大宮)
- [船橋](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレit-web船橋)
- [心斎橋](https://info.atgp.jp/jobtra-blog/tag/atgpジョブトレit-web心斎橋)

[![アットジーピージョブトレに関する動画はこちら](https://info.atgp.jp/hubfs/training/jobtra-blog/banner_movie.png?v20240802_1)](https://www.youtube.com/playlist?list=PLlgL9egfWq-dMkjdgrxsnoHlDRixhH5_u)

[![プライバシーマーク](https://info.atgp.jp/hubfs/atgp-common/logo_privacy--blue.svg)](https://privacymark.jp/)

株式会社ゼネラルパートナーズは「プライバシーマーク」の使用許諾事業者として認定されています。

障害者 雇用・採用・求人のアットジーピー　障害者 就職・転職の仕事探しをサポートします

Powered by

[![General Partners](https://info.atgp.jp/hubfs/atgp-common/logo_gp.svg)](http://www.generalpartners.co.jp)

© copyright GeneralPartners Co.,Ltd All rights reserved.