![[ウェブ開発フルスタックコース] HTML&CSS基礎講義サムネイル](https://cdn.inflearn.com/public/courses/330075/cover/56b8da2a-c02d-4812-8ae0-a5dad11a3aab/fullstack-html-css-1.jpg?w=420)
[ウェブ開発フルスタックコース] HTML&CSS基礎
realprogrammers
無料
入門 / HTML/CSS
4.9
(111)
本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズのHTML&CSSに関する講義です。 この講義を通じて、Web開発の骨格であるHTMLとWebを美しくするCSSについて理解することになります。
入門
HTML/CSS
本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズのHTML&CSSに関する講義です。 この講義を通じて、Web開発の骨格であるHTMLとWebを美しくするCSSについて理解することになります。

学習した受講者のレビュー
5.0
157350
html、cssエンドプレート王...大ヒットこれは1つです。
5.0
강부열
とても素敵な無料講義ありがとうございます。
5.0
T parkkk
講師様が本当に実務的な蜂蜜チップまで詳しく説明していただきたいと思っていた様子に感動しました!
HTML 基本タグ
グローバル属性とローカル属性
セマンティックタグ
フォント、リスト、色、テーブルスタイリング
レイアウトデザイン
レスポンシブウェブ
よく読まれるWeb、速いWeb実装のための基盤!
HTML&CSSをしっかり学びましょう✨
✅このレッスンは、[フルスタックWeb開発者ロードマップ]シリーズのレッスンです。
Webを構築する基礎技術であるHTMLとCSSは、すべてをつなぐために生まれた言語です。
HTMLはHyper Text Markup Languageの略です。 Hyper, Text, Markup, Language このように 4 つの単語で構成されています。この言葉の中で最も重要な言葉はハイパーです。 HTMLを理解するための最も重要なヒントは、ハイパーリンク( Hyperlink )から取得できるからです。
紙の時代の文字ではなく、WebブラウザやWordなどの文書作成ツールでは、ハイパーリンクと呼ばれる機能を使用して、ビデオ、音楽、写真、ファイル、投稿などの特定の場所をリンクできます。ハイパーリンクは、文書内ですべての形式の資料をリンクして指すことができる参照環です。初期ウェブにタグのようなハイパーリンクの機能をするタグがあったことは本当に驚くべきことではありません。 Webをなす根幹技術であるHTMLは、結局、すべてをつなぐために誕生したと見れば良いのです。
Hyperは「超越」という意味を持ち、Textは「文字」を意味します。つまり、Hyper Textは、文字と文字、文章と文章、文書と文書が互いに有機的に連結されてコミュニケーションできる一般文字を超えた文字であるわけです。
HTMLは、これらのHyper Textをマークアップ(Markup)できる言語(Language)です。ここでマークアップとは、文書内容以外にも文書の書式、構造などを表現するための情報です。 HTMLは、これらのマークアップ情報を表現できる言語で、Webのスケルトンに対応しています。
一方、CSS(Cascading Style Sheets)はHTMLというスケルトンにきれいな服を着せるデザインを担当する言語です。 CSSを使用すると、Webのレイアウト、色、フォント、サイズなどのデザインを適用できます。
HTML / CSSを学ぶことなくWeb開発者になることはできません。
よく読んでいるWebとそうでないWebについて考えたことがありますか?私たちは毎日、本、テレビ、マガジン、ブログなど、数多くの記事を読みながら生きていきます。ところで、ある文章はよく読まれ、どんな文章もよく読まない。 Web開発者が書いたコードも同じです。人の目には見えませんが、検索エンジンやスクリーンリーダーなどのソフトウェアを介して読み込まれます。検索エンジンとスクリーンリーダーは、Webページを通じて目に見えないWebを構成するコードを解釈し、私たちが開発したWebページを解釈します。ソフトウェアがよく読んで理解できるコードを書くにはどうすればよいですか?そしてそれはなぜ重要なのでしょうか?
よく読んでいる文章を書く方法は、「簡単にはっきり」書くことです。開発者が書いたコードも同様です。マークアップを作成するときは、不要なタグを削除してページを整理するために必要なタグだけで構造を簡単にする必要があります。
今日、ウェブは熟練するだけでなく、速くなければなりません。 Googleの研究によると、Webページの読み込みに5秒以上かかると、訪問者がページを離脱する可能性が90%増加するという。ブラウザのレンダリングプロセスを理解し、ページ内で使用するリソースを最適化して読みやすくするだけでなく、高速なWebを提供する必要があります。そのため、良いWebを開発するためには、Webをなす基本言語であるHTMLとCSSの基礎をしっかりと積み重ねなければなりません。
ソフトウェア技術を通じて世界に良い影響力を与えたい24年次ソフトウェア開発者。
知識を分かち合うのが好きで、常に新しいスキルを身につけることを楽しんでいます。
国内外60社を超えるグローバル企業ERPシステムを構築するコンサルタントおよび開発者として活動し、直接開発したソフトウェアを国内はもちろん海外有数の企業に販売した経験も持っています。 ITスタートアップ代表取締役でもあります。
開発者だけでなく、UXコンサルタントとして、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発時の企画から開発まで、全過程について数多くの経験を積んできました。今は20年以上の実務経験をもとに、後輩たちに本当に必要な技術、本当にきちんとした知識を伝える使命感を持って知識を分かち合うことをしています。
学習対象は
誰でしょう?
Web開発者になりたい人
コーディングを始める人
HTMLを学びたい人
CSSを学びたい人
前提知識、
必要でしょうか?
選手の知識なしで誰でも聞くことができます。
11,235
受講生
267
受講レビュー
152
回答
4.9
講座評価
8
講座
ソフトウェア技術を通じて世界に良い影響を与えたい、24年目のソフトウェア開発者。
知識を共有することが好きで、常に新しい技術を学ぶことを楽しんでいます。
国内外60社を超えるグローバル企業のERPシステムを構築するコンサルタントおよび開発者として活動し、自ら開発したソフトウェアを国内はもちろん海外の有数企業に販売した経験も持っています。ITスタートアップの代表取締役でもあります。
開発者としてだけでなく、UXコンサルタント、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発における企画から開発までの全工程において数多くの経験を積んできました。現在は20年を超える実務経験をもとに、後輩たちに本当に必要な技術、本当に正しい知識を伝えるという使命感を持ち、知識共有の活動に取り組んでいます。
メール - seungwon.go@gmail.com
全体
33件 ∙ (14時間 46分)
講座資料(こうぎしりょう):
2. 開発環境の構成
15:04
3. HTML基本構造と基本要素
55:37
4. グローバル属性とローカル属性
42:19
5. style プロパティ
11:54
6. 意味に合ったタグを使う
33:27
7. リストタグ
10:58
8. テーブルタグ
19:36
9. form要素
59:32
10. input要素の主な属性
21:22
11. その他フォーム要素
24:35
12. フォームタグ
21:44
13. iframe
21:49
14. ビデオとオーディオ
20:24
15. mapタグ
22:50
16. セマンティックタグ
15:20
17. CSSとは
15:02
18. CSSセレクタ
01:11:00
19. CSSの適用方法
19:36
20. 色の適用方法
22:50
21. テキストスタイリング
24:55
22. フォントスタイリング
41:14
23. リストスタイリング
12:56
24. リンクとカーソルスタイリング
22:27
25. テーブルスタイリング
08:01
28. Border スタイリング
13:56
29. HTML要素の位置の定義
32:09
30. オーバーフロー
13:58
31. レイアウトを作成するためのCSS
51:10
32. レスポンシブウェブ
53:31
全体
111件
4.9
111件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 307
∙
平均評価 5.0
受講レビュー 9
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
無料