空道のHTML5とCSS3を利用したホームページの開発

Name: 空道のHTML5とCSS3を利用したホームページの開発
Rating: 4.7 (86 reviews)

HTML5とCSS3を使って簡単なホームページを制作する方法を扱う授業です。

（4.7）受講レビュー 86件

受講生 3,777名

難易度入門

受講期間 無制限

pappagallos5031

HTML/CSS

学習した受講者のレビュー

4.7

5.0

석재현

100% 受講後に作成

講義スタイルが楽しいです。フロントの方がたくさん学んでいきます。ありがとうございます〜

5.0

Jang Jaehoon

10% 受講後に作成

良い講義をありがとうございます！

5.0

안성준

32% 受講後に作成

とても助かります。

空道のHTML5とCSS3を利用したホームページの開発

HTML5とCSS3をよく知りたいですか？いいえ、もっと簡単に言えば、自分が好きなデザインのホームページを自分の手で自分で開発したいですか？それなら本当によく訪ねてきました。私がホームページ開発を初めて学んだときに難しかったと感じた点を簡単に解いて説明していただけて光栄です。私には講義を簡単にしなければならないという義務があるなら、皆さんには覚えなければならないCSS3のスタイル属性名とHTML5のタグ名が多いので、覚えて実習してみるべきという義務があります。直接練習をして学ばなければすぐに自らがホームページを簡単に開発できる近道です。

本講義は、私がすでに作っておいたホームページに従って作ってみることに目的があります。ついで作るために必要なHTML5のタグ名やCSS3の属性名を一つ一つゆっくり学びながら学ぶと、いつの間にかこんなに簡単なホームページを作れるようになることがわかります。

それでは、Web開発に向けた第一歩をゆっくり踏み込んでみましょう！

この授業では以下の内容を学びます。

HTML5の基本ソースとよく使用されるDIVタグ、Aタグ、LINKタグを調べます。
ディレクトリの概念を学び、私がアクセスして出力したい画像が配置されているフォルダに基づいてどこにあるかを明示するようにどのようにコーディングするかを学びます。
CSS3の基本属性であるDIVボーダーとサイズ、background、text-align、float属性などを見てください。 float値によってDIVのレイアウトがどのように変わるかを学びます。
画像ファイルに背景を置くこととロゴを入れることを学びます。
CSS3の属性のうち、position属性を利用してtop、left、right、bottomの属性について調べます。最も重要なposition：absolute属性とrelative属性がどの違いを持っているかについても見てください。
ゴンドリのホームページを作る講義を受講してから実戦で直接ホームページを作る練習をしてみます。
よく使う他のCSS3属性についても学びます。

学習目標

本講義に含まれる公道の簡単さ

役に立つ方

HTML5、CSS3を学び、既に作られたホームページを基準にどのように作るかについて講義をするので、ホームページ開発に初めて接する方やホームページ開発が難しいと感じる方にお役に立ちます。

知識共有者の紹介

イ・ウジン
現在、大津大学コンピュータ工学科に在学している大学生のイ・ウジンだそうです。一緒に個人ホームページである公道（ http://gongdori.co.kr ）を運営しています。

キャリア

2018ミニハッカートン第3回公開ソフトウェアコミュニティデーwebOS部門3位受賞

こんにちは
です。

3,777

受講生

受講レビュー

回答

4.7

講座評価

講座

カリキュラム

全体

31件 ∙ (4時間 42分)

セクション 1．ゴンドリのホームページを作る第1弾

1件 ∙ (1分)

1. 講義を始めながら
01:57

セクション 2．HTML5を学ぶ

6件 ∙ (53分)

セクション 3．CSS3を学ぶ

8件 ∙ (1時間 12分)

8. CSSセレクタを習得する
10:33
9. Webフォントを使う
13:02
10. CSSの横値と縦値を与える
03:07
11. CSSボーダーを使う
06:01
12. CSS marginとpadding
12:25
13. CSS backgroundプロパティ
14:36
14. CSS text-align プロパティ
06:42
15. CSS float属性
05:53

セクション 4．1弾の花、実戦開発

4件 ∙ (48分)

セクション 5．空道のホームページづくり第2弾

1件 ∙ (2分)

セクション 6．HTML5を学ぶ

1件 ∙ (12分)

セクション 7．CSS3を学ぶ

6件 ∙ (36分)

セクション 8．2弾の花、実戦開発

4件 ∙ (55分)

講座掲載日:

最終更新日:

受講レビュー

全体

86件

4.7

86件の受講レビュー

rkdrl456172669
受講レビュー 7
∙
平均評価 4.9
5
100% 受講後に作成
講義スタイルが楽しいです。フロントの方がたくさん学んでいきます。ありがとうございます〜
jjhgwx
受講レビュー 641
∙
平均評価 4.9
5
10% 受講後に作成
良い講義をありがとうございます！
amjasj9879
受講レビュー 3
∙
平均評価 5.0
5
32% 受講後に作成
とても助かります。
devkuka
受講レビュー 286
∙
平均評価 5.0
5
10% 受講後に作成
HTMLとCSSについてたくさん学んでいきます~! 良い講義を作ってくださりありがとうございます(__)
yong81899591
受講レビュー 4
∙
平均評価 4.8
5
61% 受講後に作成

無料

似ている講座

同じ分野の他の講座を見てみましょう！

ユン・ジェソンの初めてのCSS＆CSS3 Tutorials

softcampus

CSS＆CSS3最も簡単に間違いがあるでしょう。

초급

HTML/CSS

ユン・ジェソンの初めてのCSS＆CSS3 Tutorials

softcampus

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

ウェブパブリッシャー向けの JS 核心理論および実践例教材および完成版は、PDF で作成された講義教材です。この教材は、ウェブパブリッシャーが必ず知っておくべき JavaScript と jQuery の基本を忠実に習得できる役割を果たします。この教材の特徴は、理論に関連するスモールミッション (Small Mission) を通じて、理論をさらに強化できることです。特に、学習したすべての理論を活用した実践例も、忠実に準備された教材です。この PDF の全ページは、純粋な JavaScript (Vanlila JavaScript) と jQuery ページの数が 320 ページ以上で、CodingWorks が簡単に理解できるように十分な説明が追加されています。特に、パブリッシャーがウェブサイト作成のために必要な jQuery 相互作用の実践例を学習できます。

초급

JavaScript, jQuery, HTML/CSS

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

HTML5＆CSS3基礎文法オールインワン

erumcoding

本HTML5独学ホワイトペーパー＆amp; CSS3 独学白書著者直講！理論は短く核心だけ！現代のHTMLとCSSに入門するために必ず知っておくべき重要な文法エキスだけをまとめました。

입문

HTML/CSS

HTML5＆CSS3基礎文法オールインワン

erumcoding

試験前に必ず見なければならないウェブデザイン機能士公開問題（2020） Part.1

usefulit

Webデザイン機能士実技を準備するための基礎内容を公開問題を通じて学習する講義です。実務でWebコーディングを活用したいWebデザイナーにも有益な講義です。

초급

HTML/CSS, JavaScript

試験前に必ず見なければならないウェブデザイン機能士公開問題（2020） Part.1

usefulit

[2026年出題基準] Webデザイン開発技能士実技試験完璧ガイド

codingworks

ウェブデザイン開発技能士(旧ウェブデザイン技能士)出題基準(2025.1.1～2027.12.31)まで施行される出題基準に正確に合わせたウェブデザイン技能士実技試験内容に最適化されている実技試験専門講義として、HTML+CSS+JQUERY パブリッシング、コーディングワークスのウェブデザイン開発技能士実技試験講義は違います。 2026年ウェブデザイン開発技能士すべての試験タイプ(A,B,C,D,E,Fタイプ)完璧制作授業映像がすべて反映されています。

입문

HTML/CSS, jQuery, Web Design

[2026年出題基準] Webデザイン開発技能士実技試験完璧ガイド

codingworks

バー～で実習！概念がわからない、HTMLを開始

dunopi

概念を覚えるのではなく実習を通じて概念も学ぶ授業です。他の場所でコードを見ると、うんざりしたり吐いたりするような方も来てください。誰でもできます。

입문

HTML/CSS, Web Design

バー～で実習！概念がわからない、HTMLを開始

dunopi

モダンウェブインタラクティブ CSS3 [PART3/3]

youngcodikimssam

小学生コーディング教育から始まり、ITソフトウェア学科の高校生、カム工科大学生、非専攻者である就学生を対象に、15年以上にわたってコーディング教育に専念してきた現職スター講師ヤングコーディーキムサムの簡単で面白いコーディング講義を、今やオフラインだけでなくオンラインでも会えるあります。 500人以上のフロントエンド、バックエンド、フルスタック、Web開発者を輩出してきたヤングコーディーキムサムと一緒なら、あなたの開発者の夢もすぐに現実になります！

입문

HTML/CSS, Web Design, css3

モダンウェブインタラクティブ CSS3 [PART3/3]

youngcodikimssam

パブリッシャー個人ポートフォリオのホームページ作成完全ガイド（PDF）

codingworks

就職のために面接を頻繁に受ける必要があります。面接を頻繁に受けるためには、優れたパブリッシャーの個人ポートフォリオのホームページが必要です。CodingWorksが心を込めて作成した優れた個人ポートフォリオのホームページ作成ガイド教材(PDF)です。この教材は、インターネットで検索して入手できるものではありません。CodingWorksが長年にわたり現場で300人以上の学生にパブリッシング理論、実務、個人ポートフォリオのホームページ作成の講義を行い、学生が希望する会社に早く就職できるように、世界に一つしかないパブリッシャー就職個人ポートフォリオのホームページ作成ガイド(PDF)に、個人ポートフォリオのホームページ作成方法を詳しくまとめたものです。

초급

Portfolio, Web Design, HTML/CSS

パブリッシャー個人ポートフォリオのホームページ作成完全ガイド（PDF）

codingworks

Figma デザインからパブリッシングまで

Michael Kwon

デザイナーと開発者のためのオールインワン講座！新しいUI3を反映

초급

HTML/CSS, Figma

Figma デザインからパブリッシングまで

Michael Kwon

実務中心のHTML5可視化プログラミング

antfellow77251

データを加工して表の形で表現することもできますが、最も重要なのは、データを人間が一目で分かるように表現することです。

초급

HTML/CSS

実務中心のHTML5可視化プログラミング

antfellow77251

モダンウェブインタラクティブ CSS3 [PART2/3]

youngcodikimssam

입문

HTML/CSS, Web Design, css3

モダンウェブインタラクティブ CSS3 [PART2/3]

youngcodikimssam

面接と就職を呼び込む「パブリッシャー個人ポートフォリオホームページ」制作

codingworks

これまで200人以上のオフラインアカデミーの学生の新人パブリッシャー就職ポートフォリオ指導経験を通じて、Coding Works が心を込めて作成しました。面接と就職を呼び込むパブリッシャー「個人ポートフォリオホームページ」作成講座は、パブリッシャー就職のために必ず準備しなければならない個人ポートフォリオホームページをどのようにどこから準備するかを教える忠実なガイドです。講座には、合計19時間以上の講座内容が含まれています。個人ポートフォリオホームページ作成前に、パブリッシング関連の必須事項、就職と実務で最も重要なパブリッシングの基本、就職のための jQuery と JavaScript & コーディングミッション、個人ポートフォリオホームページに挿入するポートフォリオ成果物の作成方法、個人ポートフォリオホームページのセクション別のコンテンツレイアウトと詳細内容、応募する企業の区別とパブリッシャーの実戦面接のヒントなど、新人パブリッシャーとして知っておくべきすべての内容が含まれています。

초급

Portfolio, HTML/CSS, jQuery

面接と就職を呼び込む「パブリッシャー個人ポートフォリオホームページ」制作

codingworks

Do It! Django + Bootstrap：Python Web開発の定石

SungYong Lee

Python Web 開発 A to Z を学びながら作成! Web の基礎からブログ開発、公開までを一度に学べます。

초급

Python, Django, Bootstrap

Do It! Django + Bootstrap：Python Web開発の定石

SungYong Lee

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

ウェブデザイン機能社出題基準 2023年バージョンに合わせて誰でも合格できるように製作しました。 5種類を学び、素早く合格しましょう！

초급

HTML/CSS, jQuery, JavaScript

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

初心者でもできる、ウェブ、サーバー、モバイルアプリ、機械学習まで習得できるフルスタックの最終講義!! 開発をどこから始めたらよいかわからない場合は、この講義を強くお勧めします。Javascript 1 つで進めます!

입문

JavaScript, React, Node.js

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

出版社就職実践ガイド(PDF)

codingworks

出版社就職のための真のガイド電子書籍(PDF)で、効率的な出版学習方法、良い出版講義、良い出版講師を選ぶ目、新人でも経験者のように出版するコツ、望ましいコーディング習慣と原則、個人ポートフォリオのホームページ作成方法、デザイナー開発者との協力のコツ、出版社として知っておくべき必須サイト、Photoshop UIデザインのスキルアップなど、出版社就職のために必ず知っておくべきHTML+CSS+JQUERY出版の基本を詳しく説明します。また、国費支援出版コースについても詳しく説明します。

입문

HTML/CSS

出版社就職実践ガイド(PDF)

codingworks