重要なお知らせ

このPodcastチャンネルは移動しました。 https://legacy.toiee.jp/mdy_channel/mmdy-html-css-cssframework/

21 主なタグ3


 
<a href=“”>、リンクの表示のやり方を知りましょう。(覚える必要はありません)


22 主なタグ4


 
<img src=“”>、画像の表示のやり方を知りましょう。(覚える必要はありません)

23 HTML5のタグ


 
  • HTML5から増えた新しいタグを知りましょう。(覚える必要はありません)

24 セマンティックWebとHTML5


 
  • 自然言語処理について。HTML5になって増えた用語・削除された用語があります。

25 CSS


 
  • CSSとは、について学びます。→スタイル(装飾)を決定するものである。

26 CSSのルール1


 

27 IDとクラスによる指定


 

28 色々な指定方法


 
  • 他にも+、.、等を組み合わせて、他の装飾方法があることを知りましょう。(覚える必要はありません)

29 テンプレートで作る


 
  • 「HTML5 UP」というサイトのテンプレートを使って、HTMLやCSSを勉強しましょう。

30 HTM5UPとは


 

31 小さな改良から始める


 
  • 「HTML5 UP」を使って、「小さな変更」を実際に一緒ににやってみましょう。

32 改良方法と学び方


 
  • 「要素の検証(Control+Alt+i)」で、組み合わせて、どの様な装飾をしているのかを見ながら、変更してみましょう。

33 リンクとページ


 
  • リンクとページの関係をテンプレートを学び、リンクを増やすなどの編集をしてみましょう。

34 HTLテンプレートまとめ


 
  • HTMLテンプレートは、1ページものなどの少ないページなどで使うものです。ここまでの知識でWord Pressは十分編集できます。

35 CSSフレームワーク


 
  • CSSとは、について学びます。→スタイル(装飾)を決定するものである。フレームワークを勉強するため、Bootcamp、UiKid、Foundotion、その他色々を紹介します。勉強の仕方を紹介します。

36 CSSフレームワーク追加情報


 
  • 学びやすいCSSフレームワーク(シンプル、変更しやすい)を選びましょう。UiKidやBulmaがオススメです。

37 学び方


 
  • CSSフレームワークの学び方は、全体像を知る→小さく試してみる→採用する(調べながら使う)。
  • 共通の用語や概念を説明しています。

38 CSSフレームワークの裏側


 

39 共通概念


 
  • どのCSSフレームワークでも使う、ナビ(縦)、ナビバー(水平)、グリッド(格子)、コンテナー、コンポーネント、エレメントなどを知りましょう。

40 導入の仕方


 
  • CSSフレームワークの4つの紹介をします。共通の概念・裏の仕組みを感じ取りましょう。
  • Get Started(Getting Start)などカラスターとして、Starter TemplateをHYMLに組み込むことが大事です。