chevron_left

WebデザインのためのHTML入門

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 18

授業の概要

WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトの土台となるHTMLを学んでいきましょう。

この授業では、W3C(Web技術の標準規格化非営利団体)で2014年10月28日に勧告となった標準規格のHTML5を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとHTMLに対する理解が深まります。

今回の授業では、リストタグやテーブルタグなど親子関係を持つタグとその書き方を学びます。インデントをきる事によって複雑なネスト構造も楽々理解していきましょう。

■ 事前準備

テキストエディタをご用意下さい。既にお使いのものが無ければ『テキストエディタ入門 Atom基本編 (https://schoo.jp/class/2646)』を参考にご準備下さい。

こんな人にオススメ

Webサイトを作成したい方/HTMLを理解したい方

チャプター

play_arrow
自己紹介&アジェンダ
01:36
play_arrow
【実践】メニューをリストタグで作る
00:38
play_arrow
いろんなグローバルナビを見てみよう: パターン1
02:57
play_arrow
いろんなグローバルナビを見てみよう: パターン2
01:59
play_arrow
schoo WEB-campusのWebサイトで使われているulを見てみよう
05:54
play_arrow
2種類の箇条書き、ulとolの解説
01:11
play_arrow
順不同リスト「ul」について
01:49
play_arrow
順序リスト「ol」について
00:55
play_arrow
リストタグ作成でやってはいけないこと
06:35
play_arrow
定義リストを作る
00:05
play_arrow
定義リストを作る: dl, dt, ddタグの解説
02:06
play_arrow
定義リストを作る: dfnの解説
04:27
play_arrow
表組みを作る
02:35
play_arrow
【実践】表組みを作る
13:01
play_arrow
Q:HTMLの情報整理はどこで行えばよいですか?
01:00
play_arrow
Q:tableコーディングはもう流行っていないのですか?
03:15
play_arrow
Q:<dl><dt><dd>(定義リスト)の使い所はどこですか?
02:05
play_arrow
Q:ulがlist-style:noneになっている時はどうなりますか?
00:40
play_arrow
Q:HTMLコーダーとマークアップエンジニアの違いは何ですか?
01:00
play_arrow
Q:デベロッパーツールで<tbody>がつくのですが、何故ですか?
00:37
play_arrow
Q:rowspan と colspan どちらが行か列かすぐ見分ける方法はありますか?
02:17
play_arrow
Q:ナビゲーションをリストで書くのは何故でしょうか?
01:22
play_arrow
Q:コーダーはEmmetを使わず、手打ちのほうが良いのですか?