2/18開催｜HTML/CSSで作るアコーディオンとFooter実践

HTMLとCSSだけで形にする、FAQでおなじみの「アコーディオン」とFooterの再現

株式会社クリーク･アンド･リバー社（以下、C&R社）は、2026年2月18日（水）に無料オンラインセミナー「デモンストレーションを見ながら学ぶサイト制作の基礎（４）〜アコーディオンとfooterを作成してみる〜」を開催します。本セミナーは、既にHTMLとCSSの基礎を理解している方を対象に、実際のデモンストレーションを通じて構造と実装の手順を学ぶことを目的としています。

今回のセミナーは、シリーズの第4回目にあたり、これまでに作成してきたWebサイトの流れのなかでheaderの次のパートとなる、FAQ等で多用されるアコーディオンの実装と、サイト下部に位置するfooterのデザイン表現を中心に扱います。HTMLとCSSのみでどのように表現できるかを丁寧に解説する構成です。

制作するサイトの参照デモとイメージ

制作イメージは公開されているデモ動画で確認できます。実際の動作や見た目の参考として、事前に視聴しておくと理解が深まります。

• 制作イメージ（YouTube）: https://www.youtube.com/watch?v=ez98HX1-cOU

デモを確認しながら、当日は講師のデモンストレーションに沿ってコードの意図や構造上のポイントを学びます。HTMLのマークアップとCSSによる見た目制御だけで、ユーザーが直感的に使えるインタラクションをどのように実装するかが講義の中心です。

セミナーの概要と受講対象・参加条件

セミナーはオンラインで開催され、参加費は無料です。定員は60名に制限されています。締切日時も設定されているため、参加を希望する場合は案内URLで詳細を確認のうえ申し込み手続きを行う必要があります。

対象となるのは、Webデザイナーやコーダー、専門学校やスクールでWeb制作を学んでいる受講生など、HTML/CSSの基礎知識がある方です。学習段階や業務経験のある方がより実践的な制作スキルを得ることを想定した内容になっています。

日時

2026年2月18日（水） 19:00〜20:00

開催形式

オンライン開催（配信形式）

参加費

無料

定員

60名

申込締切

2026年2月18日（水） 20:00

申込締切はセミナー終了日時後の20:00と設定されていますが、定員に達し次第締切となる可能性があります。申し込みや詳細は指定の案内ページで確認できます。

1. 対象レベル: 基本的なHTMLやCSSを理解している方
2. おすすめの方: HTML/CSSの基礎を持ち、より実践的な制作に挑戦したい人、スクールや専門学校で学ぶ学生、デザインとコーディングの関係を深めたい人、ポートフォリオ制作や就職活動向けにスキルを向上させたい人

講師プロフィールとセミナーの具体的な学習内容

本セミナーの登壇者は塚田大祐（つかだ・だいすけ）氏です。氏は「祐」-たすく- の代表取締役で、Web・Officeインストラクター／Webディレクターとして活動しています。実制作および教育の経験が豊富で、大学や専門学校での非常勤講師や企業向けの研修も手掛けてきました。

塚田氏の略歴には、海外向け広告代理店でのDTP制作、専門学校の担任教員を経ての独立、雑誌レイアウトやチラシ・カタログ・Webサイト制作、大学生の就職支援講座運営や政治家養成のためのサイト作成運営スタッフとしての携わり、Mac検定委員会での問題作成などの実績が記されています。共著『マックでマンガ』での執筆経験もあります。

セミナーで扱う具体的な項目

当日のプログラムは下記のポイントを中心に進行します。デモンストレーションを元に、HTMLとCSSだけでどのようにアコーディオンやfooterの見た目と構造を実現するかが示されます。

• アコーディオンとfooter内のデザインの基本構造と仕組み
• HTMLとCSSのみで実装する場合の具体的なマークアップとスタイリング手法
• デザインとコーディングの観点で押さえておくべき注意点

講義は実際のマークアップ例やスタイルの切り分け、レスポンシブ対応に関する補足など、現場で役に立つ観点を含めて解説される見込みです。

主催者情報、関連サービス、問い合わせ窓口

本セミナーを主催するC&R社は1990年創業のクリエイター・エージェンシーで、クリエイターのキャリア支援、企業向け研修、プロデュース事業、ライツマネジメント事業などを手掛けています。教育部門であるPEC（Professional Education Center）がセミナー企画・運営に関与しています。

今回のセミナー以外にも、デザイン・クリエイティブ関連の多数のセミナーやeラーニングが提供されています。法人向けにはアーカイブコンテンツをパッケージ化したオンライン研修サービス「PECスタ」も開始されています。研修やリスキリングの用途での活用が想定されています。

C&R社の公式情報は下記リンクから確認できます。各種SNSや同社のブランドサイト、YouTubeチャンネルなどでも関連する情報や映像が公開されています。

• セミナー詳細・申込ページ: https://www.creativevillage.ne.jp/category/crv_event/170942/
• 企業ニュース: https://www.cri.co.jp/news/006103.html?prt
• PEC研修サービス詳細: https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/
• PECスタ（オンライン研修サービスについて）: https://www.cri.co.jp/news/005792.html
• CREATIVE VILLAGE: https://www.creativevillage.ne.jp/
• SNS・公式サイトなど: C&R社 Webサイト https://www.cri.co.jp/、X（Twitter）https://twitter.com/creekcrv、Facebook https://www.facebook.com/creekandriver、note https://note.com/creek、LinkedIn https://www.linkedin.com/company/cr.creekandriver, YouTube https://www.youtube.com/channel/UCS9MHzddqWKsOAgmUnTgxIg
• アプリダウンロード: iOS https://apple.co/3qLDNbT, Android https://bit.ly/3dkO2AS
• ドローンで撮影した会社紹介映像: https://youtu.be/2YRqMPcsv3o
• ブランドサイト「Go Beyond the Limit」: https://www.cri.co.jp/gobeyond/

セミナー関連の画像やプレスリリース素材は、C&R社のプレスキットページからダウンロードが可能です。イベント情報はCREATIVE VILLAGEで公開され、メールマガジンでも配信されています。

関連セミナーの案内

C&R社はデザインやクリエイティブ関連の複数講座を継続的に提供しています。例として、卓越したUI設計を扱うコースやFigma入門講座（全21回のeラーニング）などが紹介されています。これらの情報もCREATIVE VILLAGEのイベント一覧から確認できます。

• 卓越したUIを作る　ゲーム、アプリ、Webサイト（eラーニング）: https://www.creativevillage.ne.jp/category/crv_event/154594/
• Figma入門講座（eラーニング／全21回）: https://www.creativevillage.ne.jp/category/crv_event/151513/
• その他のデザイン関連セミナー: https://www.creativevillage.ne.jp/category/crv_event_category/crv_event_creative-design/

これらのプログラムは、個人のスキルアップのみならず、教育機関や企業の研修ニーズにも対応する内容が揃えられています。

この記事で伝えたセミナー情報の要点まとめ

ここまでに示した本セミナーの主要な情報を分かりやすく表に整理します。参加検討や社内共有の際にご利用ください。

本記事では、C&R社が2026年2月18日に開催するオンラインセミナーの開催概要、講師プロフィール、扱うテーマ、申込方法および関連サービスや参照リンクを網羅して整理しました。参加を検討する際に必要となる基本的な情報は上の表に集約されていますので、申込やスケジュール調整の参考にしてください。

（発表元プレスリリース掲載日: 2026年1月28日 20:30。カテゴリ: システム・Webサイト・アプリ開発、パソコンソフトウェア。キーワード: クリーク･アンド･リバー社、Web、無料、オンライン、セミナー、html、CSS、アコーディオン、footer、Webデザイナー。）