# 【Web制作】デモンストレーションを見ながらWebサイトのスマホ対応について学ぼう！10/26・11/9 無料セミナー「デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版」を開催

- 出典: bizitmedia（https://bizitmedia.net/）
- URL: https://bizitmedia.net/archives/3535
- カテゴリ: イベント・セミナー
- 公開日: 2026-10-03
- 更新日: 2026-10-03

---

本記事は、クリーク･アンド･リバー社が2026年10月2日にPR TIMESで発表したプレスリリースを原文のまま掲載しています。
元のリリース：[【Web制作】デモンストレーションを見ながらWebサイトのスマホ対応について学ぼう！10/26・11/9 無料セミナー「デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版」を開催](https://prtimes.jp/main/html/rd/p/000005128.000003670.html)

![](https://prcdn.freetls.fastly.net/release_image/3670/5128/3670-5128-a2fbcdaf4401a619542543555ab61393-523x294.jpg?width=1950&height=1350&quality=85&format=jpeg&auto=webp&fit=bounds&bg-color=fff)

**株式会社クリーク･アンド･リバー社（C&R社）は10月26日（月）及び11月9日（月）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、無料のオンラインセミナー「**[**デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版 ～スマートフォン対応サイト制作編～**](https://www.creativevillage.ne.jp/category/crv_event/179396/?rls)**」を開催します。**

これまで本セミナーシリーズでは、HTMLとCSSを使いながらPC向けサイトの制作方法について学んできました。今回は、過去4回にわたって制作してきたPC版サイトを題材に、実際にコードを書き換えながらスマートフォン対応の方法を学びます。スマートフォンやタブレットなど、さまざまな画面サイズに対応するためのレスポンシブデザインの考え方やCSSの実装方法をはじめ、近年ますます重要視されているアクセシビリティについても取り上げます。講師が実際にコードを修正していく様子を見ながら学べるため、「どのような手順で対応するのか」「なぜその書き方をするのか」を具体的に理解できる実践的な内容です。ご興味のある方はぜひご参加ください。

**＜各回の内容＞**

**第1回：10月26日（月） レスポンシブCSSの仕組み**

HEADERからMESSAGEまでを使用し、画面幅に合わせたレイアウト変更、固定幅から可変幅への変更、画像や文字サイズ、余白、CSSの単位など、PCサイトをスマートフォン対応にするための基本を学びます。

**第2回：11月9日（月） スマホで使いやすいサイトにする**

MENUからFOOTERまでを使用し、Gridのレイアウト変更、モーダル、FAQ、フォーム、タップ操作などを確認しながら、PCとは異なるスマートフォンでの操作性を考えていきます。

あわせて、タップしやすいリンクやボタン、hoverに頼らない表示、focusやフォームなど、スマートフォンで使いやすくするためのアクセシビリティのポイントも取り上げます。

**＜対象レベル＞**

・基本的なHTMLやCSSを理解している方

・jQueryの使い方を理解している方

**＜こんな方におすすめ！＞**

・HTML・CSSの基礎を学んだ方

・レスポンシブデザインを実践的に学びたい方

・PCサイトをスマートフォン対応したい方

・Web制作の実際の作業手順を知りたい方

・アクセシビリティについて学びたい方

・コードを書き換えるデモンストレーションを見ながら学びたい方

##
**デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版**
**第1回 レスポンシブCSSの仕組み**
**第2回 スマホで使いやすいサイトにする**

**■日時**

第1回：2026年10月26日（月）19：00～20：00

第2回：2026年11月9日（月）19：00～20：00

**■場所**

オンライン開催

**■登壇者・プロフィール**

![](https://prcdn.freetls.fastly.net/release_image/3670/5128/3670-5128-56528a434450b19c1a14a022b01b74e2-275x268.png?width=1950&height=1350&quality=85&format=jpeg&auto=webp&fit=bounds&bg-color=fff)

**塚田大祐（つかだ・だいすけ）氏**

**「祐」-たすく-　代表取締役**

**Web・Officeインストラクター／Webディレクター**

東放学園　放送広告科卒業。海外向け広告代理店でDTPによる印刷物（カタログ・チラシ等）の制作に従事。その後、専門学校の担任教員を経て、独立。雑誌レイアウトやチラシ・カタログ・Webサイトの制作及び大学・専門学校等の非常勤講師・企業のデザイン研修・Office研修をメインに活動。大学生の就職活動支援の講座運営スタッフや政治家養成のための大学院設立の運営スタッフとしてサイト作成などに携わる。Mac検定委員会の検定準備委員会役員及び検定問題の基礎構築と問題作成。『マックでマンガ』（共著）での執筆。

**■対象**

・Webデザイナー、コーダーの方
・専門学校やスクールでWebの勉強をされている方

**■参加費**

無料

**▼詳細・お申し込みはこちら**

[**https://www.creativevillage.ne.jp/category/crv_event/179396/**](https://www.creativevillage.ne.jp/category/crv_event/179396/?rls)

**※締切：各回当日の20：00まで**

関連情報

▼PECの研修サービス詳細はこちらから

[https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/](https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/?rls)

**【お問い合わせ】**

株式会社クリーク･アンド･リバー社

PEC事務局「サイト制作の基礎」セミナー担当

Email：pec_seminar@pr.cri.co.jp

C&R社は1990年の創設以来、クリエイター･エージェンシーのパイオニアとして、企業合同説明会やキャリア相談、セミナーなど、クリエイターの皆さまのキャリアアップとスキルアップをサポートしてまいりました。今後も、ミッションである「プロフェッショナルの生涯価値の向上」のもと、さまざまな取り組みを通じて、クリエイターの方々がその能力を最大限に発揮できる環境づくりをめざしてまいります。

▼その他のデザイン・クリエイティブ関連セミナーはこちらから

[https://www.creativevillage.ne.jp/category/crv_event_category/crv_event_creative-design/](https://www.creativevillage.ne.jp/category/crv_event_category/crv_event_creative-design/?rls)

セミナーなどのイベント情報は、メールマガジンでも配信中です。ご興味をお持ちの方は、ぜひご登録ください！

▼「C&R社イベント情報メルマガ」のご登録はこちら

[https://go.creativevillage.ne.jp/l/924692/2022-01-14/hrr6w](https://go.creativevillage.ne.jp/l/924692/2022-01-14/hrr6w?rls)

**＼＼オンライン研修サービス「PECスタ」開始！／／**

1990年創業のクリエイター･エージェンシーのパイオニアであるC&R社の教育部門「PEC（Professional Education Center）」が企画・開催したウェビナー550本以上のアーカイブコンテンツを法人向けにパッケージ化したオンライン研修サービスがついに始動。IT・デジタル・クリエイティブ領域に強みを持つほか、デザインやプログラミング、AIなどの最新技術・トレンドをカバーするコンテンツを日々拡充していきます。社員や職員の方々の研修やリスキリング、教育訓練にぜひご活用ください。

▼詳細はこちらから

[https://www.cri.co.jp/news/005792.html](https://www.cri.co.jp/news/005792.html?rls)

**【クリーク･アンド･リバー社とは】**

クリーク･アンド･リバー社は、1990年に設立し、「プロフェッショナルの生涯価値の向上」と「クライアントの価値創造への貢献」をミッションに、映像、ゲーム、Web、広告・出版、作家、舞台芸術、建築、AI/DX、アスリート分野のプロフェッショナルに特化したエージェンシー事業（派遣・紹介）、プロデュース事業（開発・請負）、ライツマネジメント事業（知的財産の企画開発・流通）を展開しています。C&Rグループとして医療、IT、会計、法曹、ファッション、食、ライフサイエンス、CXO、アグリカルチャー分野で同事業を展開しており、その分野は合わせて18にまで拡大しています。

Webサイト：[https://www.cri.co.jp/](https://www.cri.co.jp/?rls)

X：[https://twitter.com/creekcrv](https://twitter.com/creekcrv)

Facebook：[https://www.facebook.com/creekandriver](https://www.facebook.com/creekandriver)

note：[https://note.com/creek](https://note.com/creek)

LinkedIn：[https://www.linkedin.com/company/cr.creekandriver](https://www.linkedin.com/company/cr.creekandriver)

YouTube： [https://www.youtube.com/channel/UCS9MHzddqWKsOAgmUnTgxIg](https://www.youtube.com/channel/UCS9MHzddqWKsOAgmUnTgxIg)

▼5分でわかる会社紹介映像を公開中！

[https://youtu.be/7lJDb5VKUE8](https://youtu.be/7lJDb5VKUE8)

▼C&R社の原点とは…？ブランドサイト「Go Beyond the Limit」

[https://www.cri.co.jp/gobeyond/](https://www.cri.co.jp/gobeyond/?rls)

引用元：[【Web制作】デモンストレーションを見ながらWebサイトのスマホ対応について学ぼう！10/26・11/9 無料セミナー「デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版」を開催](https://prtimes.jp/main/html/rd/p/000005128.000003670.html)（クリーク･アンド･リバー社／PR TIMES／2026年10月2日）