本Eラーニングは、1つのWebサイトを4回にわたり、headerから順に作成しながら構造や作り方を紐解いていくシリーズです。

デモンストレーションを見ながら学ぶサイト制作の基礎　2026年度版　Eラーニング 受講価格・視聴可能期間

22,000円（税込）
※購入後60日間視聴可能
※動画再生時間（全４回）：3:28:49
※動画作成年月：2026年8月・9月

デモンストレーションを見ながら学ぶサイト制作の基礎　2026年度版　Eラーニング お申込み

▼全４回の講義内容（3:28:49）

  • （1）headerとヒーローイメージを作成してみる(0:54:13)
    ・ヘッダーの役割と基本構造
    ・ヒーローイメージのデザインポイント
    ・HTML/CSSでの実装方法をデモンストレーションで解説

  • （2）FadeInアニメーションを利用してコンテンツを表現してみる(0:48:17)
    ・FadeInアニメーションの基本構造と仕組み
    ・CSSのみで実装するスクロール連動アニメーション

  • （3）モーダルウィンドウとループを使用してコンテンツを表現してみる(0:46:14)
    ・モーダルウィンドウとループの基本構造と仕組み
    ・htmlとCSSのみで実装するモーダルウィンドウとループ

  • （4）アコーディオンとfooterを作成してみる(1:00:05)
    ・アコーディオンとfooter内のデザインの基本構造と仕組み
    ・htmlとCSSのみで実装するアコーディオンとfooter内のデザイン

▼対象レベル

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

▼こんな方におすすめ

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

登壇者

「祐」-たすく-　代表
Web・Officeインストラクター／Webディレクター
塚田 大祐（つかだ・だいすけ）氏

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

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

▼塚田 大祐氏に研修や講師を依頼されたい企業の方はこちらからお問い合わせください。
塚田 大祐氏：研修サービスお問い合わせフォーム

「このイベントは参加できないけど、今後のイベント情報は欲しい」
そんなあなたは、下記よりイベント情報メールマガジンにご登録ください。

メールマガジンご登録はこちら

▼研修をお考えの企業の方へ
社内クリエイター向け研修の企画・実施をお手伝いします！
クリエイター向けに展開しているオンライン講座コンテンツや、御社向けに開発するオリジナルカリキュラムに基づいて、対面／オンライン／オンデマンドにて研修をご提供します。
＞＞＞研修サービスのご案内
資料請求・お問い合わせはこちら>>

お問い合わせ

株式会社クリーク･アンド･リバー社
PEC事務局
お問い合わせはこちら