LIVE
ON AIR

19:00 - 20:00

日本と世界の働き方の違いを考える 生放送中

LIVE
ON AIR

19:00 - 20:00

ISO(国際標準化機構)の基礎知識 生放送中

HTML入門

  • このエントリーをはてなブックマークに追加
HTML入門 第1回 -HTMLとタグ-
第1回:2015年2月6日公開 01:00:00

HTML入門 第1回 -HTMLとタグ-

受講する無料

■ HTML入門 〜HTMLとタグ〜

Webサイトを作りたい、Webデザイナーになりたい、プログラマーになりたい、スマホアプリを作りたい。
こんな思いを抱くみなさんが最初に勉強する必要があるもの。それが、HTMLです。
いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。
この授業では、これからHTMLを勉強したいという方はもちろん、きちんとHTMLを理解しないまま使ってしまっている方、プログラマーとしてHTMLにふれる機会があるが、いまいちよく分かっていないなんて言う方も、改めてしっかりと勉強していきましょう。

■ 事前準備

この授業では Atom というテキストエディタを使用します。普段お使いのテキストエディタでも受講可能ですが、操作画面を揃えたい方は事前にダウンロード、インストールしておいて下さい。

https://atom.io/

■ 対象者

  • HTMLを学びたい方
  • HTMLへの理解を深めたいプログラマー、デザイナーの方

授業一覧
HTML入門 第1回 -HTMLとタグ-
2015年2月6日公開
01:00:00

■ HTML入門 〜HTMLとタグ〜

Webサイトを作りたい、Webデザイナーになりたい、プログラマーになりたい、スマホアプリを作りたい。
こんな思いを抱くみなさんが最初に勉強する必要があるもの。それが、HTMLです。
 
いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。
 
この授業では、これからHTMLを勉強したいという方はもちろん、きちんとHTMLを理解しないまま使ってしまっている方、プログラマーとしてHTMLにふれる機会があるが、いまいちよく分かっていないなんて言う方も、改めてしっかりと勉強していきましょう。
 
今回は『HTMLとタグ、属性』について学んでいきます。
 
今回の授業内容
  • HTMLって何?
  • HTMLを書いてみよう
  • 属性を使ってみよう

■ 事前準備

この授業では Atom というテキストエディタを使用します。普段お使いのテキストエディタでも受講可能ですが、操作画面を揃えたい方は事前にダウンロード、インストールしておいて下さい。

https://atom.io/

■ 対象者

  • HTMLを学びたい方
  • HTMLへの理解を深めたいプログラマー、デザイナーの方

■授業で使用するリンク

 

HTML入門 第2回 -見た目だけじゃない、HTML-
2015年2月6日公開
01:00:00

■ HTML入門 〜見た目だけじゃない、HTML〜

Webサイトを作りたい、Webデザイナーになりたい、プログラマーになりたい、スマホアプリを作りたい。
こんな思いを抱くみなさんが最初に勉強する必要があるもの。それが、HTMLです。
 
いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。
 
この授業では、これからHTMLを勉強したいという方はもちろん、きちんとHTMLを理解しないまま使ってしまっている方、プログラマーとしてHTMLにふれる機会があるが、いまいちよく分かっていないなんて言う方も、改めてしっかりと勉強していきましょう。
 
今回は『head要素の内容』について学んでいきます。
 
今回の授業内容
  • headはなぜあるの?
  • 覚えておきたいタグ
  • HTMLは誰が決めているの?

■ 事前準備

この授業では Atom というテキストエディタを使用します。普段お使いのテキストエディタでも受講可能ですが、操作画面を揃えたい方は事前にダウンロード、インストールしておいて下さい。

https://atom.io/

■ 対象者

  • HTMLを学びたい方
  • HTMLへの理解を深めたいプログラマー、デザイナーの方
  • 自己紹介&アジェンダ
  • 03:21
  • headはなぜあるの?
  • 02:51
  • 覚えておきたいタグ:titleタグ
  • 03:33
  • 覚えておきたいタグ:meta descriptionタグ
  • 05:11
  • 覚えておきたいタグ:OGP(Open Graph Protocol)タグ
  • 02:15
  • 覚えておきたいタグ:viewportタグ
  • 05:04
  • HTMLのルールを知ろう
  • 03:16
  • HTMLの歴史について
  • 09:53
  • HTMLのルールを破ったらどうなるの?
  • 04:06
  • まとめ
  • 02:23
  • Q:タグは基本的に小文字?
  • 00:56
  • Q:web制作をHTML4.0で行ってる会社もまだあるかと思いますが、これから学ぶ方はHTML5から初めてもよいでしょうか?
  • 01:10
  • Q:たにぐち先生からHTML, CSSの本がでれば嬉しいのですが、予定はないのでしょうか?
  • 00:33
  • Q:先ほどWEB標準準拠のお話がありましたが、自己判断でいいとこ取りでマークアップしても、WEB標準に準拠できているのでしょうか?
  • 00:57
  • Q:改行は、XHTMLでは 
  • 00:46
  • Q:XHTMLとHTML5が混ざっているのは、ごく普通なことですか?
  • 00:46
  • Q:いつのまにかhtml5を使っているということ? xhtmlを使いたい場合は宣言しなければならないのでしょうか?
  • 01:16
  • Q:html5で廃止されたタグはほかにもありますか?
  • 00:27
  • Q:headにはCSSとJSはどちらをさきに記載すればよいですか?
  • 01:33
  • Q:エディタで<html>と書いた場合はhtml5ということですよね?
  • 00:42
  • Q:HTMLタグは、現状で何種類くらいあるのでしょうか?
  • 01:04
  • Q:タグと要素の書き方で、例えば<p> (改行)〜〜(改行)</p>のように改行する場合と改行しない場合があると思うのですが、これらの使い分けには何か規格かルールはありますか?
HTML入門 第3回 -これからのHTML-
2015年2月6日公開
01:00:00

■ HTML入門 〜これからのHTML〜

Webサイトを作りたい、Webデザイナーになりたい、プログラマーになりたい、スマホアプリを作りたい。
こんな思いを抱くみなさんが最初に勉強する必要があるもの。それが、HTMLです。
 
いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。
 
この授業では、これからHTMLを勉強したいという方はもちろん、きちんとHTMLを理解しないまま使ってしまっている方、プログラマーとしてHTMLにふれる機会があるが、いまいちよく分かっていないなんて言う方も、改めてしっかりと勉強していきましょう。
 
今回は『Emmet』『ハイブリッドアプリ』について学んでいきます。
 
授業内容
  • HTMLを効率よく書こう
  • HTML5のこれから
  • 次に勉強すべき事

■ 事前準備

この授業では Atom というテキストエディタを使用します。普段お使いのテキストエディタでも受講可能ですが、操作画面を揃えたい方は事前にダウンロード、インストールしておいて下さい。

https://atom.io/

■ 対象者

  • HTMLを学びたい方
  • HTMLへの理解を深めたいプログラマー、デザイナーの方
タグ
担当の先生
受講生代表
  • 大木 しのぶ

    大木 しのぶ

    スクー放送部

この授業を受けたい(1572人)
その他 1492人

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×