Studio Webサイト制作講座
- 受講期間
- 12月期：2026年12月1日〜12月21日
- 申込締切
- 2026年11月26日（木）
39,600円（税込）
未経験でも、Webサイトは作れる？
CASE 1
Webサイトを作ってみたいけど、何から始めればいいか分からない
CASE 2
Studioが気になるけど、独学で使いこなせるか自信がない
CASE 3
サイトを作れるようになっても、仕事につなげられるか不安
そのお悩み、クラウドワークス アカデミーにお任せください
Studio Webサイト制作講座が選ばれる3つの理由
選ばれる理由01
コードを書かずに作って公開
デザインから公開までStudioで完結
Studioは、コードを書かずにデザインから公開までできるWebサイト制作ツールです。Week 1 で、要素をボックスに入れて組み立てる考え方と、サイズの指定、外側と内側の余白、重ね順や固定の配置を学び、見本のセクションを再現します。
選ばれる理由02
1ページのサイトを作って提出する
自力でも、解説動画と一緒にでも進められる
Week 2 の課題では、参考サイトを見ながら1ページのサイトを作ります。自信がある方は自力で、不安な方は解説動画と一緒に1パーツずつ進められます。スマホで崩れない整え方も学び、メンターのフィードバックを受けます。
選ばれる理由03
名刺代わりのサイトを作る
依頼する人が判断できる実績に
ポートフォリオは、発注する人が依頼するかを判断し、作風が合うかを確かめる材料になります。Week 3 で、誰に何を伝えたいかをワークシートで整理し、載せる内容と順番を決めて、自分のポートフォリオサイトを作って公開します。
講座内容
Studioの登録と基本操作から、ボックスの組み方、スマホ対応、フォームや埋め込み、アニメーション、公開の設定までを3週間で学びます。最後の課題で、自分のポートフォリオサイトを作って公開します。
Week 1
- Studioの登録と、プロジェクトの管理・デザインエディターの画面
- 要素をボックスに入れて組み立てる、ボックスレイアウトと親子の関係
- 幅と高さの5つの指定方法と、外側・内側・要素の間の余白
- 要素の重ね順と、相対・固定・絶対の3つの配置の使い分け
- 課題：見本のセクションを、ボックスの組み方を読み解いて再現する
Week 2
- お問合せフォーム・リンクとアンカーリンク・地図や動画の埋め込み
- 大きな画面から順に設定を引き継ぐ、レスポンシブ設定の仕組み
- 高さはオート・余白はパディング・横幅は%の、崩れにくい作り方
- モーダルとハンバーガーメニュー、端末ごとの表示と非表示
- 課題：参考サイトを見ながら、ヘッダーからフォームまでの1ページを作る
Week 3
- スマホで読ませる順番から逆算して決める、ボックスの組み方
- 画像と文字を重ねるレイアウトと、写真を左右に散らす配置
- ワークシートで決める、ポートフォリオの目的・内容・順番・見た目
- ホバーと出現時のアニメーションと、OGPやファビコンなど公開の設定
- 最終課題：自分のポートフォリオサイトを作って公開する
本講座では、動画の視聴と課題を1セットとして、3回繰り返します。 動画は自分の時間に視聴可能です。提供するコンテンツは、受講期間の終了後1週間までご利用いただけます。
講師
川城 俊樹 氏
- Webデザイナー
大学卒業後、株式会社クラウドワークスにて新規事業の立上げ等を担当する傍ら、個人でWebサイト制作事業を開始。現在は株式会社StudioにてWebデザイナーとして活動中。
クラウドワークス アカデミーとは
クラウドワークス アカデミーは、日本最大級のクラウドソーシング「クラウドワークス」が運営する、副業・フリーランス向けスクールです。通称は「クラアカ」です。
- 登録者数790万人以上
「クラウドワークス」が運営
登録ワーカーの仕事のデータをもとに、いまクライアントから求められているスキルを選んで講座にしています。
- これまでの受講者1万人以上
プロや仲間とのコミュニティ
現役で活躍するメンターに、受講中は何度でも質問・相談が可能です。講座ごとのチャットグループ（Slack）で、同期生と学びを共有しながら進めます。動画教材での学習も、チャットでの質問も24時間いつでも可能なので、仕事や子育ての都合に合わせて学べます。
- 講座受講料39,600円
手厚いサポートを、この受講料で
「クラウドワークス」で活躍する副業・フリーランスを増やすことが目的です。スクールで利益を上げるための価格設定をしていないので、手厚いサポートをこの受講料で提供可能です。
Studio Webサイト制作講座
- 受講期間
- 12月期：2026年12月1日〜12月21日
- 申込締切
- 2026年11月26日（木）
39,600円（税込）
受講までの流れ
お申込み
このページの申込ボタンから進めます。
受講前のご案内
受講開始前に、メールで講座のご案内をお送りし、Slackへご招待します。
受講開始
講座開始日にスタッフからアナウンスがあります。
よくある質問
Webサイトを作ったことがなくても受講可能ですか？
はい、受講可能です。Week 1 は、Studioの登録とプロジェクトの作り方、デザインエディターの画面の見方から始まります。コードを書く必要はなく、要素をボックスに入れて組み立てる考え方から順に学びます。
受講にあたって、Studioの有料プランは必要ですか？
いいえ、不要です。「Studio Webサイト制作講座」は、Studioの無料プランの範囲で進めるので、有料プランに加入しなくても受講可能です。
スマホに対応したサイトも作れますか？
作れます。Week 2 で、PC・タブレット・スマホの順に設定を引き継ぐ仕組みと、崩れにくい作り方を学びます。スマホでは要素を縦並びにしたり、メニューをハンバーガーメニューに切り替えたりする方法も学びます。
お問合せフォームも作れますか？
はい。Week 2 で、フォームの追加と項目の編集、必須項目、送信時のメール通知、Googleスプレッドシートとの連携を学びます。課題のサイトにも、ラジオボタンや入力例を設定したお問合せフォームを作ります。
課題はどのような内容ですか？
Week 1 は見本のセクションの再現、Week 2 は参考サイトを見ながら作る1ページのサイト、最終課題は自分のポートフォリオサイトの制作と公開です。Week 2 の課題は、Studioにメンターを招待して提出します。
本業があって忙しいのですが、受講可能ですか？
はい、可能です。講義は動画で視聴可能なので、通勤時間や深夜など、ご自身のライフスタイルに合わせて好きな時に学習可能です。課題は期間内にご自身のペースで取り組めます。
- 受講期間
- 12月期：2026年12月1日〜12月21日
- 申込締切
- 2026年11月26日（木）
39,600円（税込）
これまでの受講者1万人以上
まずは気軽に キャリアのプロ に相談
30分・オンライン・無料