株式会社クリーク･アンド･リバー社（C&R社）は8月から9月にかけて、Webデザイナーやコーダーの方、専門学校などでWebの勉強をされている方を対象に、無料のオンラインセミナー「デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版」全4回を開催します。なお、第1回「headerとヒーローイメージを作成してみる」は8月19日（水）、第2回「FadeInアニメーションを利用してコンテンツを表現してみる」は9月2日（水）、第3回「モーダルウィンドウとループを使用してコンテンツを表現してみる」は9月16日（水）、第4回「アコーディオンとfooterを作成してみる」は9月30日（水）に開催予定です。



本セミナーシリーズでは、4回にわたり、1つのWebサイトについてheaderから順に作成しながら、構造や作り方を解説していきます。ご興味をお持ちの方はお気軽にご参加ください。

▼制作するWebサイトのイメージ
https://www.youtube.com/watch?v=PXCMrJu9CJg

＜対象レベル＞
・基本的なhtmlやCSSを理解している方
・jQueryの使い方を理解している方

＜こんな方にオススメ！＞
・HTML/CSSの基礎を理解していて、より実践的なサイト制作に挑戦したい方
・スクールや専門学校でWeb制作を学んでいる方
・デザインとコーディングの関係を深く理解したい方
・ポートフォリオ制作や就職活動に向けてスキルを強化したい方

【カリキュラム】
第1回「headerとヒーローイメージを作成してみる
・ヘッダーの役割と基本構造
・ヒーローイメージのデザインポイント
・HTML/CSSでの実装方法をデモンストレーションで解説
https://youtu.be/7JkLO2DE_N4?si=_ZdbKlH4YBhAMhLj

第2回「FadeInアニメーションを利用してコンテンツを表現してみる」
・FadeInアニメーションの基本構造と仕組み
・CSSのみで実装するスクロール連動アニメーション
https://youtu.be/U-beWwb3bpc?si=K4UYWKNbX3-popMG

第3回「モーダルウィンドウとループを使用してコンテンツを表現してみる」
・モーダルウィンドウとループの基本構造と仕組み
・htmlとCSSのみで実装するモーダルウィンドウとループ
https://youtu.be/PXCMrJu9CJg?si=kK2oX9FJMnHcspyY

第4回「アコーディオンとfooterを作成してみる」
・アコーディオンとfooter内のデザインの基本構造と仕組み
・htmlとCSSのみで実装するアコーディオンとfooter内のデザイン
https://youtu.be/ez98HX1-cOU?si=Hkbt8Tma4jhyAoba

デモンストレーションを見ながら学ぶサイト制作の基礎 2026年度版（全4回）

■日時
第1回　2026年8月19日（水）19：00～20：00
第2回　2026年9月2日（水）19：00～20：00
第3回　2026年9月16日（水）19：00～20：00
第4回　2026年9月30日（水）19：00～20：00

■場所
オンライン開催

■登壇者・プロフィール



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

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

■参加費
無料

■定員
60名

▼詳細・お申し込みはこちら
https://www.creativevillage.ne.jp/category/crv_event/177205/

＜関連情報＞
▼PECの研修サービス詳細はこちらから
https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/

【お問い合わせ】
株式会社クリーク･アンド･リバー社
PEC事務局「サイト制作の基礎」セミナー担当
Email：pec_seminar@pr.cri.co.jp

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

＜デザイン・クリエイティブ関連セミナー＞
▼卓越したUIを作る　ゲーム、アプリ、Webサイト（eラーニング）
https://www.creativevillage.ne.jp/category/crv_event/154594/

▼その他のデザイン・クリエイティブ関連セミナーはこちらから
https://www.creativevillage.ne.jp/category/crv_event_category/crv_event_creative-design/
イベント情報は、クリエイターのための情報サイト「CREATIVE VILLAGE」でご覧いただけるほか、メールマガジンでも配信中です。ご興味をお持ちの方は、ぜひご登録ください！

▼「C&R社イベント情報メルマガ」のご登録はこちらから
https://go.creativevillage.ne.jp/l/924692/2022-01-14/hrr6w
▼クリエイターのための情報サイト「CREATIVE VILLAGE」はこちらから
https://www.creativevillage.ne.jp/

▼「CREATIVE VILLAGE」アプリのダウンロードはこちらから
iOS：https://apple.co/3qLDNbT
Android：https://bit.ly/3dkO2AS

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