What you'll learn:
- HTMLの概要と基礎
- HTML文書作成のルール
- CSSの概要と基礎
- CSS文書作成のルール
- WEBページの構成
- ファイル構成の基本知識
- シンプルなWEBページ(単ページ)を完成させる
▼ご注意ください
storeGが公開している講座は、講師によるナレーションではなく、全てプロのナレーターによるナレーションを採用しています。
そのため、ナレーションにこだわりがある方は、ひとまず無料視聴動画をご確認いただき、受講をご検討いただければ幸いです。
新着情報
[new] 特典動画を追加しました!
※シリーズ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がアナウンスしました。
本講座の特徴
本講座では、最初に「HTMLが生まれた背景」や「HTMLの特徴」を学習することで、「なぜHTMLはタグを使用するのか?」といった基礎概念から、HTMLを理解できるように構成されています。
そのため、講師から説明された要素やタグなどを単に書き写して記述(コーディング)するだけではなく、その意味を理解した上で、HTMLのコーディングをはじめることができます。
ご注意本講座は別講座である「WEBデザイナーになりたい人のための【WEBデザイン入門講座】」のカリキュラムより、HTML&CSS入門セクションの一部を抜粋し、【演習セクション】を追加した講座となっていますので、コース内容に重複したレクチャーがあることを、あらかじめご了承ください。
対象と目標
本講座は、WEB制作に必要なHTMLとCSSのコーディングをゼロから学びたい【超】初心者の方を対象に、シンプルなWEBページを作成するうえで最低限必要な要素とプロパティを基礎からしっかりと学習し、入門レベルをクリアすることを目標としています。
そのため、すでにHTMLやCSSを学習済みの方にとっては、物足りない講座となるかと思いますので、カリキュラムなどをご確認いただいた上で、ご受講をご検討いただければ幸いです。
30日間の返金保証
ご購入から30日以内であれば、「期待通りではなかった」、「思っていたようなコースではなかった」など、理由を問わず返金可能となっていますので、安心してご受講いただけます。
ナレーション・BGMほか
ナレーション 竹中 さやか
BGM YOU (storeG)
イラストなど
designed by freepik .com