Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
WEBデザイン講座 Level0《対象：ゼロから始める超初心者の方》HTML と CSS に必要な基礎知識を学習します。
Rating: 4.4 out of 5(1,864 ratings)
12,518 students

WEBデザイン講座 Level0《対象：ゼロから始める超初心者の方》HTML と CSS に必要な基礎知識を学習します。

HTML や CSS の基礎とコーディングの流れを学習しながら、講師と共にシンプルなWEBページを完成させます。なお【超】基礎部分の学習となるため、HTMLやCSSに関する知識が全くない方や基礎固めをしたい(復習をしたい)方にお勧めします。
Created byK.Nakamura (storeG), storeG -web.com
Last updated 2/2024
Japanese

What you'll learn

  • HTMLの概要と基礎
  • HTML文書作成のルール
  • CSSの概要と基礎
  • CSS文書作成のルール
  • WEBページの構成
  • ファイル構成の基本知識
  • シンプルなWEBページ(単ページ)を完成させる

Course content

9 sections • 79 lectures • 5h 21m total length

  • 【PV】本講座のレベルと学習内容がわかる！※シリーズ講座の紹介2:10

    「WEBデザイン講座」は、レベル別で展開しているシリーズ講座のため、各レベルのコースについてご紹介しています。本講座はレベル0です。受講者様ご自身のレベルにあわせてご受講いただければ幸いです。

  • シリーズ WEBデザイン講座 ※オススメの受講方法について2:41

    本レクチャーでは、シリーズ「WEBデザイン講座」について、「学習の流れ」や「各講座の概要」についてご説明いたします。

    なお、本レクチャーはスキップしていただいても結構です。

  • 【動画編】シリーズ WEBデザイン講座 ※オススメの受講方法について14:47

    本動画レクチャーでは、本講座が含まれているシリーズ「WEBデザイン講座」について、「学習の順番」や「各講座の概要」について、詳しくご説明しています。

    ※シリーズ講座共通の動画となります。

  • 【最新版】講座内容と学習の進め方2:44

    【基本セクション】のレクチャーをすべて録画しなおし、さらに内容を充実させ、レクチャー数は倍に増えました。

    旧：【基本セクション】レクチャー数16

    新： セクションを、HTML編とCSS編にわけました

    • WEBページの作成【1】HTML編  レクチャー数 10

    • WEBページの作成【2】CSS編  レクチャー数 22

    2022年5月になりましたので、旧レクチャーは非公開となりました。

  • Udemyの動画視聴画面の説明 【PC編】（無料サンプル動画）7:10

    【無料公開中】

    はじめてUdemyをご利用になる方や、Udemyの動画視聴方法について、まだよくご存知ない受講生のために、PC用の動画視聴画面の見方、使い方についてご説明いたします。
    ※storeGが公開している全講座(コース)共通のレクチャーとなります。

    なお、動画視聴方法についてご存じの場合は、本レクチャーをスキップしていただいても問題ありません。

  • 字幕について※システムによる自動生成0:52

    本講座でも、Udemyのシステムにより自動で生成された字幕が表示されるようになりました。
    そのため、字幕内容が正しい言葉に置き換わっていない部分がありますので、予めご了承ください。

    なお、字幕は受講者さまの方で、表示のオン・オフ、表示位置、フォントサイズなどを設定していただけますので、お好みに応じて設定していただければ幸いです。

  • 【重要】本講座のQ&Aサポートについて6:36

    本講座のQ&Aサポートをご利用になる前には、必ずご確認のほどよろしくお願いします。
    ※サポート対象などについて説明しております。

Requirements

  • WindowsもしくはMacのパソコンをもっている方 ※本講座ではWindows10の環境で説明しています。
  • パソコンの基本操作ができる方。
  • ※ファイルのダウンロード。圧縮したファイル(zip形式)の展開など。
  • 【推奨】Google Chrome がインストールされている環境 ※他のブラウザでもOKですが、動画と同じ操作画面にするために、同じ環境を推奨します。
  • エディタに関しては、受講者様のお好きなものをご用意ください。※エディタのサポートは行っておりません。

Description

▼ご注意ください

storeGが公開している講座は、講師によるナレーションではなく、全てプロのナレーターによるナレーションを採用しています。
そのため、ナレーションにこだわりがある方は、ひとまず無料視聴動画をご確認いただき、受講をご検討いただければ幸いです。


  • 新着情報

    • [NEW] 【確認テスト】コースの理解度をチェックしよう を追加しました。
      ※全部で15問です。全問正解を目指してがんばってください！


    • 特典レクチャーの「WEBデザイナーの仕事は将来、AIに奪われるのか？」で

      • 9.最新のテスト結果  (GPT-4V) 2023/10/10 を追加しました。

        ※ChatGPTのコーディングレベルがかなりアップしています！

      • 【追加】WEBデザイナーの仕事は将来、AIに奪われるのか？【7】【8】※2023年7月上旬版

    • 1.基本のHTML① のレクチャー動画をアップデートしました！
      受講生の方からご質問をいただいたことにより、教材ファイルであるindex.htmlファイルを開く際の説明部分を修正し、よりスムーズに学習いただけるように改善いたしました。


    • 特典動画を追加しました！

      ※シリーズWEBデザイン講座共通の特典動画となります。

      WEBデザイナーの仕事は将来、AIに奪われるのか？について、気になっている方も多いのではないかと思います。そのような疑問に対する答えとなるような動画を作成しましたので、是非、ご視聴ください！

    • Udemyのシステムにより自動で生成された字幕が表示されるようになりました。
      ※字幕内容は自動生成のため、正しい日本語に置き換わっていない部分があります。予めご了承ください。

    • 特典動画の内容をアップデートしました。

      • GoogleChromeのインストールと起動

      • Bracketsのインストールと起動

      • Bracketsの画面構成とテーマ

      • テーマの追加・変更・削除

      • 拡張機能の追加

    • 5月になりましたので旧レクチャー動画を非公開にし、若干の動画修正を行いました。

    • エディタソフトの Brackets が復活！
      ※詳細については、【重要】エディタ ※初心者の方は必ずお読みください のレクチャーをご確認ください。

    • 大幅アップデートのお知らせ

      【基本セクション】WEBページを作成する【1】のセクションが、HTML編とCSS編に分かれ
      ・WEBページの作成【1】HTML編

      ・WEBページの作成【2】CSS編
      の2セクションになり、レクチャー数が約2倍に増えました。
      ※学習途中の方に関しましては、4月末まで旧レクチャー動画も公開しておきますので、その間までご視聴いただければ幸いです。

      詳細については、【最新版】講座内容と学習の進め方のテキストレクチャーをご確認ください。

    • 本講座のサポートについてのレクチャーを追加しました。


    • 特典セクションに以下のレクチャーを追加しました。

      • Visual Studio Code のインストール

      • テーマの変更

      • ファイルの保存と設定

      • リアルタイムプレビュー

    • Bracketsがインストールできなくなったため、かわりのエディタについての説明を追加しました。
      詳細は、カリキュラムの「【重要】エディタとは ※初心者の方は必ずお読みください」をご確認ください。

    • 本講座の動画で使用しているエディタ「Bracketsの提供終了」に関するアナウンスを追加しました。
      ※2021年3月1日より、本講座で使用しているエディタ「Brackets」のインストールができなくなり、サポートも9月1日をもって終了すると提供元のAdobeがアナウンスしました。


  1. 本講座の特徴
    本講座では、最初に「HTMLが生まれた背景」や「HTMLの特徴」を学習することで、「なぜHTMLはタグを使用するのか？」といった基礎概念から、HTMLを理解できるように構成されています。
    そのため、講師から説明された要素やタグなどを単に書き写して記述(コーディング)するだけではなく、その意味を理解した上で、HTMLのコーディングをはじめることができます。

    ご注意

    本講座は別講座である「WEBデザイナーになりたい人のための【WEBデザイン入門講座】」のカリキュラムより、HTML＆CSS入門セクションの一部を抜粋し、【演習セクション】を追加した講座となっていますので、コース内容に重複したレクチャーがあることを、あらかじめご了承ください。

  2. 対象と目標

    本講座は、WEB制作に必要なHTMLとCSSのコーディングをゼロから学びたい【超】初心者の方を対象に、シンプルなWEBページを作成するうえで最低限必要な要素とプロパティを基礎からしっかりと学習し、入門レベルをクリアすることを目標としています。

    そのため、すでにHTMLやCSSを学習済みの方にとっては、物足りない講座となるかと思いますので、カリキュラムなどをご確認いただいた上で、ご受講をご検討いただければ幸いです。

  3. 30日間の返金保証

    ご購入から30日以内であれば、「期待通りではなかった」、「思っていたようなコースではなかった」など、理由を問わず返金可能となっていますので、安心してご受講いただけます。


ナレーション・BGMほか

  • ナレーション 竹中 さやか

  • BGM YOU (storeG)

イラストなど

  • designed by freepik .com

Who this course is for:

  • HTMLとCSSの知識がなく、ゼロから学習したい方
  • HTMLとCSSの基本的な仕組みを理解したい方
  • HTMLの概要と基礎を学習したい方
  • CSSの概要と基礎を学習したい方
  • 動画講座を視聴しながら自力でWEBページを完成させたい方

Report abuse