---
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年11月05日 卒業生 Rさん（発達障害） ![](https://info.atgp.jp/hubfs/30%E4%BB%A3%E5%A5%B3%E6%80%A76.jpg)](https://info.atgp.jp/jobtra-blog/article003-62) [2026年10月22日 安定した生活に必要な知識を学べる新カリキュラム「Life Edit Program」スタート！ ![](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-Oct-06-2026-07-36-05-4971-AM.jpg)](https://info.atgp.jp/jobtra-blog/article001-53) [2026年10月09日 10月10日は「世界メンタルヘルスデー」。心を守る・支える社会と自分らしい働き方のヒント ![](https://info.atgp.jp/hubfs/Gemini_Generated_Image_6w6x46w6x46w6x46.jpg)](https://info.atgp.jp/jobtra-blog/article004-16) [2026年10月02日 卒業生 Yさん（ASD） ![](https://info.atgp.jp/hubfs/20%E4%BB%A3%E5%A5%B3%E6%80%A71.jpg)](https://info.atgp.jp/jobtra-blog/article003-61) [2026年09月25日 ジョブトレで学んだこととこれから　卒業生Y・R ![](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-Sep-25-2026-05-24-22-7580-AM.jpg)](https://info.atgp.jp/jobtra-blog/article003-60)

### 人気記事

[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) [2025年12月25日 大阪梅田駅すぐ！自分らしい働き方、一緒に見つけませんか？「就労選択支援」 ![](https://info.atgp.jp/hubfs/%E5%B0%B1%E5%8A%B4%E9%81%B8%E6%8A%9E%E6%94%AF%E6%8F%B4%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB.png)](https://info.atgp.jp/jobtra-blog/article001-45) [2026年03月10日 なぜ3月30日？ゴッホの情熱と「世界双極性障害デー」が目指すもの ![](https://info.atgp.jp/hubfs/%E3%82%B4%E3%83%83%E3%83%9B.jpg)](https://info.atgp.jp/jobtra-blog/article004-7)

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

- ![アットジーピージョブトレ](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.