Learning
What you can learn from wss
Features
授業の特色
Content of study
学習できる内容
Design Tools
Text Editor
Adobe Photoshop CC
Webサイトの制作には欠かせないソフト。
画像編集や写真加工などが可能。
Adobe XD
ワイヤーフレーム、デザインカンプ、
プロト
タイプを作成できるUI/UXデザインツール。
Visual Studio Code
エディタは様々な種類がありますが、WSSでは
無料で使用できるVisual Studio Codeを使用。
Programming
Webサイト制作の基本となるHTML・CSS、ホームページにスライドショー
などの動く要素を追加するJavascript・jQueryのほか、スマートフォンや
タブレットなど様々な端末に対応したWebサイトを制作するレスポンシブウェブ
デザインを学習します。また、Sass(scss)やGitなどの導入方法まで学習します。
Other
課外授業として、ブラウザ上で簡単にデザイン可能なツールであるFigmaや、
サイトやブログ作成などができるCMS(コンテンツ管理システム)のソフトウェア
WordPressを学習します。また、データの管理やコミュニケーションのための
ツールとしてQuipやChatworkを使用します。
Study schedule
学習スケジュール
1st month
HTML・CSS基礎実習
Webサイトの制作に必要なソフトや、基本的なPCの使用方法など
6ヵ月間学習する内容の基礎となる部分を学習します。
その後、HTML（HTML Living Standard）やCSS（CSS3）の
基礎的な技術と知識を学習します。
2nd month
Webデザイン基礎・制作実習
Adobe Photoshop CCの基本的な操作や画像編集・写真加工を
学習します。また、Adobe XDの基本操作を学び、Webサイト制
作時に必要なワイヤーフレームやデザインカンプの制作を実践的
に学習します。
3rd month
グループ学習
CSSの効率的なコーディングを行うため、BEM（ベム）を取り
入れたCSS設計を学びます。また、実際の仕事に近いシチュエー
ションでグループワークを行います。チームで協力し合うことに
より、知識や技術が更にレベルアップしていきます。
4th month
応用学習
JavaScript（jQuery）を学び、Webサイトに動きを追加する方法
を学習します。
また、Sass（SCSS）というCSSを効率よくコーディングするため
の拡張言語（メタ言語）を学習します。
5th month
ポートフォリオ制作
スマートフォンやタブレットなど、さまざまな端末に対応したレ
スポンシブWebデザインを学びます。また、就職活動に必要な
ポートフォリオ（作品集）サイトを学んできた技術を最大限に活
かせるよう、コンセプトからデザインし、コーディングまで仕上
げていきます。
6th month
コーポレートサイト制作
これまでの学びを生かし、企業のWebサイトを制作します。
企画やデザイン、コーディングまで一貫して行うことで、実際の
仕事に近い感覚で流れを理解することができます。制作したWeb
サイトは就職活動で使用できます。
VIEW DETAILS
