デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版 ～スマートフォン対応サイト制作編～

＞＞詳細およびお申込は、当社Webサイトからご確認ください。

株式会社クリーク･アンド･リバー社（C&R社）は、2026年10月26日（月）・11月9日（月）の2日間で、「デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版 ～スマートフォン対応サイト制作編～」を開催いたします。

これまでの「デモンストレーションを見ながら学ぶサイト制作の基礎」シリーズでは、HTMLとCSSを使いながらPC向けサイトの制作方法について学んできました。
本シリーズでは、過去4回にわたって制作してきたPC版サイトを題材に、実際にコードを書き換えながらスマートフォン対応の方法を学びます。

スマートフォンやタブレットなど、さまざまな画面サイズに対応するためのレスポンシブデザインの考え方やCSSの実装方法をはじめ、近年ますます重要視されているアクセシビリティについても取り上げます。

講師が実際にコードを修正していく様子を見ながら学べるため、「どのような手順で対応するのか」「なぜその書き方をするのか」を具体的に理解できる実践的な内容です。

第1回ではレスポンシブCSSによるレイアウト変更の基本を、第2回ではスマートフォンならではの操作性やアクセシビリティに配慮した実装を解説します。

スマートフォン対応の基礎から実践までを体系的に学びたい方におすすめの講座です。

▼対象レベル

• 基本的なHTMLやCSSを理解している方
• jQueryの使い方を理解している方

▼こんな方におすすめ

• HTML・CSSの基礎を学んだ方
• レスポンシブデザインを実践的に学びたい方
• PCサイトをスマートフォン対応したい方
• Web制作の実際の作業手順を知りたい方
• アクセシビリティについて学びたい方
• コードを書き換えるデモンストレーションを見ながら学びたい方

▼講座カリキュラム（全2回）

（1）レスポンシブCSSの仕組み
[10月26日（月）19:00～20:00]
HEADERからMESSAGEまでを使用し、画面幅に合わせたレイアウト変更、固定幅から可変幅への変更、画像や文字サイズ、余白、CSSの単位など、PCサイトをスマートフォン対応にするための基本を学びます。

（2）スマホで使いやすいサイトにする
[11月9日（月）19:00～20:00]
MENUからFOOTERまでを使用し、Gridのレイアウト変更、モーダル、FAQ、フォーム、タップ操作などを確認しながら、PCとは異なるスマートフォンでの操作性を考えていきます。
あわせて、タップしやすいリンクやボタン、hoverに頼らない表示、focusやフォームなど、スマートフォンで使いやすくするためのアクセシビリティのポイントも取り上げます。

登壇者

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

「祐」-たすく-　代表
Web・Officeインストラクター／Webディレクター

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

note https://note.com/designfleet

参加費

無料

お申込み

参加したい回にお申し込みをお願いします。
お申込み後、返信メールで視聴参加URLが送られてきますので、当日は開始5分前くらいにログインいただき視聴ください。

10月26日（月）19:00～（1）レスポンシブCSSの仕組み
11月9日（月）19:00～（2）スマホで使いやすいサイトにする

---

▼C&R社で実施しているオンライン講座・ウェビナー　一覧ページ
https://www.c-place.ne.jp/