基礎から段階的に学べる
初めて触れる内容から制作で使う考え方まで、順番を意識して教材を構成しています。
ABOUT WEBTRAINING
学ぶことを、
作れる力へ。
WebTrainingは、HTML・CSS・JavaScript・PHP・WordPressなどを、基礎から実践まで段階的に学べるWeb制作学習サイトです。
読むだけで終わらず、実際に手を動かしながら、制作に使える力を身につけることを大切にしています。
ABOUT
WebTrainingについて
初心者の方から、Web制作の知識を整理し直したい方、実務を意識した制作練習をしたい方まで、自分の目的に合わせて利用できます。
必要な分野から選び、自分のペースで進められる無料教材を中心に公開しています。学んだ内容は制作チャレンジで試し、必要な場合は添削や相談へ進めます。
- 必要な分野から選べる
- 自分のペースで進められる
- 基礎と制作練習をつなげる
LEARNING FIELDS
このサイトで学べること
現在公開している分野から、目的に合う内容を選べます。
FEATURES
WebTraining.jpの特徴
知識を覚えるだけでなく、考えて作る過程を大切にしています。
目的に合わせて選べる
すべてを一度に学ぶのではなく、必要な分野や作りたいものから学習を始められます。
実際に手を動かして確かめる
コード例や練習問題、制作課題を通して、自分で考えて組み立てる力を養います。
デザインと構成も扱う
コードだけでなく、Figma、情報設計、余白や見せ方など制作全体を学びます。
無料教材とツールを公開
日々の学習や制作確認に使える教材と、Web制作を助ける無料ツールを公開しています。
必要に応じて相談できる
自分だけでは判断しにくい場合は、添削や学習相談についてお問い合わせいただけます。
LEARNING FLOW
学習の進め方
基礎を確認し、練習し、実際の制作へ進む流れを基本にしています。
-
01
学びたい分野を選ぶ
現在の目的や作りたいものに近い分野を選びます。
-
02
基礎レッスンを確認する
用語や基本構造を確認し、手順に沿ってコードを書きます。
-
03
練習問題に取り組む
理解した内容を使い、自分で考える時間を作ります。
-
04
制作チャレンジへ進む
デザインを見ながら、ひとつのページを完成まで組み立てます。
-
05
必要に応じて相談する
判断が難しい部分は、添削や学習相談の利用を検討します。
PRODUCTION CHALLENGE
制作チャレンジについて
学んだ内容を使い、デザインを確認しながら実際にページを制作します。課題を通して完成までの流れを経験し、自分で考えて組み立てる練習につなげます。
- 学んだ内容を制作で試す
- 完成見本と比較して改善する
- 必要に応じて添削や相談へ進む
LEARNING SUPPORT
添削・相談サポートについて
自分で確認しても判断しにくい部分や、コード・構成について整理したい場合に、必要な方が利用できる補助的なサポートです。
学習者自身が考えることを大切にしながら、課題添削、コードレビュー、学習の進め方やポートフォリオ制作などのご相談を受け付けています。
サポートの内容・料金・対応方法は、ご相談内容に応じてお問い合わせ時にご案内します。OPERATOR
運営者について
実務と講師経験を、教材の構成や説明へ反映しています。
Web制作・WordPress制作や改修に携わりながら、HTML・CSS・JavaScript・PHP・FigmaなどのWeb制作分野で教育・指導を行っています。
- 職業訓練校でのWeb制作・プログラミング講義
- 企業向けWeb研修・社内教育
- マンツーマンのオンライン指導
- 初心者向けWeb制作カリキュラム設計
- 受講生の課題添削・コードレビュー
初心者にとって分かりやすく、実際の制作につながることを軸に、教材・課題・解説を設計しています。