12/17開催:ヘッダーとヒーローをライブで作る無料講座
ベストカレンダー編集部
2025年12月3日 11:36
ヘッダーとヒーロー制作セミナー
開催日:12月17日
ヘッダーとヒーローイメージをライブで学ぶ狙いと概要
株式会社クリーク・アンド・リバー社(以下、C&R社)は、2025年12月17日(水)にオンライン無料セミナー「デモンストレーションを見ながら学ぶサイト制作の基礎(1)〜headerとヒーローイメージを作成してみる〜」を開催します。本セミナーは、Webデザイナーやコーダー、専門学校やスクールでWeb制作を学んでいる方を想定した実践的な内容で、HTML/CSSを用いた構造と実装のつながりをライブで確認できる構成です。
本発表は2025年12月2日(火)19時30分にC&R社より公表されました。イベントの主目的は、サイトの“顔”と呼ばれるヘッダー部分と、訪問者の視線を引きつけるヒーローイメージの設計・コーディングを、実際のデモンストレーションを通じて理解することにあります。1つのWebサイトを4回のセッションで順に作成していくシリーズの第1回に位置づけられています。
ライブデモの特徴
デザインとコーディングの接点を重視し、単なるスライド説明に留まらないライブコーディングを通じて、HTML/CSSの具体的な記述やレイアウト上の考え方が示されます。視覚的な仕上がりだけでなく、構造化(semantics)やレスポンシブを意識した実装方法にも触れる想定です。
また、セミナー内で制作するWebサイトのイメージは、予告映像として公開されているYouTubeのサンプル(https://www.youtube.com/watch?v=7JkLO2DE_N4&t=17s)から確認できます。映像を参照することで、当日扱う見た目やアニメーション要素の方向性を事前に把握できます。
セミナー詳細:日時、会場、参加条件と定員
開催日時は2025年12月17日(水)19:00〜20:00で、実施形式はオンラインです。参加は無料ですが、定員が60名に限定されています。申込締切は2025年12月17日(水)20:00となっており、当日20:00までに申し込み手続きを完了する必要があります。
参加にあたっては、以下の対象レベルが示されています。基本的なHTMLとCSSの理解、及びjQueryの使い方が前提条件とされているため、初めてHTML/CSSに触れる方よりは、基礎知識を持つ受講者に向けた内容となります。
- 対象レベル:基本的なHTML/CSSの理解があること
- 対象レベル:jQueryの使い方を理解していること
参加費・定員・申し込み
参加費は無料です。定員は60名で先着順が想定されます。申し込みや詳細情報はCREATIVE VILLAGEのイベントページに掲載されています。下記のリンクから申込ページへアクセスしてください。
申込ページ:https://www.creativevillage.ne.jp/category/crv_event/169221/
セミナーの内容と想定する学びのポイント
当日扱う主なトピックは下記のとおりです。ヘッダーの構造的役割や、ヒーローイメージのデザイン上の要点と、HTML/CSSでの具体的な実装方法をデモンストレーション形式で解説します。実務で役立つレイアウトの考え方にも踏み込み、デザインとコーディングの関係性を深めることを目的とします。
セミナーでは、理論だけでなく実際のコードや手順を画面で示すことで、受講者が自分の制作に適用しやすい形での学習が可能となる設計です。
- セミナーの主な内容
- ・ヘッダーの役割と基本構造
- ・ヒーローイメージのデザインポイント
- ・HTML/CSSでの実装方法(デモンストレーション)
- ・実務で役立つレイアウトの考え方
- 対象者の想定:HTML/CSSの基礎を理解していて実践的な制作に挑戦したい方
- 対象者の想定:スクールや専門学校でWeb制作を学んでいる方
- 対象者の想定:デザインとコーディングの関係を深く理解したい方
- 対象者の想定:ポートフォリオ制作や就職活動に向けてスキルを強化したい方
登壇者紹介、関連サービス、問い合わせ先
本回の登壇者は塚田大祐(つかだ・だいすけ)氏です。肩書は「『祐』-たすく- 代表取締役」で、Web・OfficeインストラクターおよびWebディレクターとしての経歴を有しています。氏は東放学園 放送広告科を卒業後、海外向け広告代理店でDTP制作に従事し、専門学校の教員を経て独立、雑誌レイアウトやチラシ・カタログ・Webサイト制作、大学や専門学校での非常勤講師を務めるなど幅広く活動しています。
塚田氏のこれまでの関与には大学生の就職支援講座運営や政治家養成の大学院設立に伴うサイト作成、Mac検定委員会での検定問題作成といった実務・教育領域の経験が含まれます。執筆にも携わり、共著に『マックでマンガ』があります。
関連情報とサービス
C&R社は教育部門PEC(Professional Education Center)によるオンライン研修サービス「PECスタ」を開始しています。PECが企画・開催したウェビナーアーカイブを法人向けにパッケージ化するもので、IT・デジタル・クリエイティブ領域に強みを持つ研修コンテンツを提供します。詳細はC&R社のニュースページで公開されています。
PECサービス詳細:https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/
- PECスタに関するニュース:https://www.cri.co.jp/news/005792.html
- 本セミナー詳細・申込ページ:https://www.creativevillage.ne.jp/category/crv_event/169221/
- C&R社プレス(関連リンク):https://www.cri.co.jp/news/006011.html?prt
また、C&R社は1990年の創設以来、クリエイター向けのエージェンシー事業、プロデュース事業、ライツマネジメント事業を展開しており、映像、ゲーム、Web、広告・出版、作家、舞台芸術、建築、AI/DX、アスリートなど多分野のプロフェッショナル支援を行っています。グループとして展開する分野は18に拡大しており、XRやNFT、メタバース、ドローン、プロフェッショナル求人サイトやグローバル開発などにもサービスを広げています。
- お問い合わせ
- 株式会社クリーク・アンド・リバー社 PEC事務局「サイト制作の基礎」セミナー担当
- Email:pec_seminar@pr.cri.co.jp
CREATIVE VILLAGEやC&R社が提供する関連セミナーやアーカイブも案内されています。12月中は他にもノーコードやStudio、Figmaなどの講座が予定されており、詳細は同サイトで確認できます。
- 12/15 アーカイブ録画配信:ノーコードでLP制作に挑戦(Studio入門) – https://www.creativevillage.ne.jp/category/crv_event/168625/
- 12/19 ゼロから一緒に! ノーコードでLPを作ってみよう(Studioハンズオン) – https://www.creativevillage.ne.jp/category/crv_event/168297/
- 卓越したUIを作る(eラーニング) – https://www.creativevillage.ne.jp/category/crv_event/154594/
- Figma入門講座(eラーニング/全21回) – https://www.creativevillage.ne.jp/category/crv_event/151513/
- CREATIVE VILLAGE デザイン・クリエイティブ関連一覧 – https://www.creativevillage.ne.jp/category/crv_event_category/crv_event_creative-design/
まとめ(セミナー情報の要点整理)
最後に、本記事で示したセミナーの主要事項を表形式で整理します。イベントの日時、申込先、対象、定員、参加費、登壇者、問い合わせ情報などを一目で確認できるようにまとめました。参加を検討する際の基本情報として参照してください。
| 項目 | 内容 |
|---|---|
| セミナー名 | デモンストレーションを見ながら学ぶサイト制作の基礎(1)〜headerとヒーローイメージを作成してみる〜 |
| 主催 | 株式会社クリーク・アンド・リバー社(PEC) |
| 開催日時 | 2025年12月17日(水)19:00〜20:00(オンライン) |
| 申込締切 | 2025年12月17日(水)20:00 |
| 参加費 | 無料 |
| 定員 | 60名 |
| 対象 | Webデザイナー、コーダー、専門学校・スクールでWebを学ぶ方(HTML/CSSの基礎、jQueryの理解が前提) |
| 登壇者 | 塚田大祐(『祐』-たすく- 代表取締役) |
| 主な内容 | ヘッダーの役割と構造、ヒーローイメージのデザインポイント、HTML/CSS実装のデモ、実務で役立つレイアウトの考え方 |
| 申込ページ | https://www.creativevillage.ne.jp/category/crv_event/169221/ |
| 問い合わせ | Email:pec_seminar@pr.cri.co.jp |
| 参考映像 | 制作イメージ(YouTube) |
| 関連リンク(会社情報) | https://www.cri.co.jp/news/006011.html?prt |
以上が本セミナーの概要と関連情報の整理です。セミナーの詳細や申し込みはCREATIVE VILLAGEの該当ページで確認できます。
参考リンク: