8/22(Thu)

今日の生放送

20:00 - 21:00

ライフシフト実践者から聞く①

ライフシフト実践者から聞く① 第5回

21:00 - 22:00

グラレコの教科書 -似顔絵を描く技術-

グラレコの教科書 -似顔絵を描く技術- 第2回

HTML入門

お気に入り登録
HTML入門 第1回 -HTMLとタグ-

第1回：2015年2月6日公開

60min

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

おためし受講する（5分）無料

コース概要

■ HTML入門 〜HTMLとタグ〜

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

■ 事前準備

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

https://atom.io/

■ 対象者

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

担当の先生

パーソナリティ

  • 大木 しのぶ

    大木 しのぶ

    スクー放送部

参加したい受講生 : 5159人

カテゴリー

タグ

おかえり、デザインの学び場へ「The Designers Lounge」
月額980円で、4,600本以上の授業が見放題

授業リスト

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

2015年2月6日公開

60min.

おためし受講する（5分）

■ HTML入門 〜HTMLとタグ〜

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

■ 事前準備

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

https://atom.io/

■ 対象者

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

■授業で使用するリンク

 

スライド資料

HTML入門 第2回 -見た目だけじゃない、HTML-

2015年2月6日公開

60min.

おためし受講する（5分）

■ 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
  • Ｑ：タグは基本的に小文字?
  • 00:56
  • Ｑ：web制作をHTML4.0で行ってる会社もまだあるかと思いますが、これから学ぶ方はHTML5から初めてもよいでしょうか？
  • 01:10
  • Ｑ：たにぐち先生からHTML, CSSの本がでれば嬉しいのですが、予定はないのでしょうか？
  • 00:33
  • Ｑ：先ほどWEB標準準拠のお話がありましたが、自己判断でいいとこ取りでマークアップしても、WEB標準に準拠できているのでしょうか？
  • 00:57
  • Ｑ：改行は、XHTMLでは　
  • 00:46
  • Ｑ：XHTMLとHTML5が混ざっているのは、ごく普通なことですか？
  • 00:46
  • Ｑ：いつのまにかhtml5を使っているということ？ xhtmlを使いたい場合は宣言しなければならないのでしょうか？
  • 01:16
  • Ｑ：html5で廃止されたタグはほかにもありますか?
  • 00:27
  • Ｑ：headにはCSSとJSはどちらをさきに記載すればよいですか？
  • 01:33
  • Ｑ：エディタで<html>と書いた場合はhtml5ということですよね？
  • 00:42
  • Ｑ：HTMLタグは、現状で何種類くらいあるのでしょうか？
  • 01:04
  • Ｑ：タグと要素の書き方で、例えば<p> （改行）〜〜（改行）</p>のように改行する場合と改行しない場合があると思うのですが、これらの使い分けには何か規格かルールはありますか？

スライド資料

HTML入門 第3回 -これからのHTML-

2015年2月6日公開

60min.

おためし受講する（5分）

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

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

■ 事前準備

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

https://atom.io/

■ 対象者

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

スライド資料

プレミアム生放送

マインドマップの教科書 実践編2 -イメージから目標を実現する方法-

マインドマップの教科書 実践編2 -イメージから目標を実現する方法-

第3回 8/27(火) 21:00〜22:30
こころの健康づくりを支援するSchooの保健室

こころの健康づくりを支援するSchooの保健室

第13回 9/5(木) 21:00〜22:00

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ

WordPressオリジナルテーマの作り方 -カスタム投稿タイプ カスタムタクソノミー-

WordPressオリジナルテーマの作り方 -カスタム投稿タイプ カスタムタクソノミー-
恭子

恭子さんが受講しました

Adobe XD -Photoshopじゃダメなの？-

Adobe XD -Photoshopじゃダメなの？-
意和希

意和希さんが受講しました

親切解説プロトタイピングで学ぶアプリUIデザイン -1回目-

親切解説プロトタイピングで学ぶアプリUIデザイン -1回目-
寛人

寛人さんが受講しました

HTML入門 第3回 -これからのHTML-

HTML入門 第3回 -これからのHTML-
Shibuya

Shibuyaさんが受講しました

JavaScript入門 jQueryをつかう

JavaScript入門 jQueryをつかう
意和希

意和希さんが受講しました

WordPressオリジナルテーマの作り方 -メインクエリーとサブクエリーの理解-

WordPressオリジナルテーマの作り方 -メインクエリーとサブクエリーの理解-
亜希子

亜希子さんが受講しました

jQuery入門 -概要と使い方-

jQuery入門 -概要と使い方-
貴子

貴子さんが受講しました

JavaScript入門 HTML操作とイベント

JavaScript入門 HTML操作とイベント
意和希

意和希さんが受講しました

CSS入門 -アンカータグデザインの全て-

CSS入門 -アンカータグデザインの全て-
竜太

竜太さんが受講しました

JavaScript入門 オブジェクトと制御文

JavaScript入門 オブジェクトと制御文
意和希

意和希さんが受講しました

Adobe XD -プレビュー版はどこまで出来る？-

Adobe XD -プレビュー版はどこまで出来る？-
意和希

意和希さんが受講しました

JavaScript入門 オブジェクト指向

JavaScript入門 オブジェクト指向
意和希

意和希さんが受講しました

「可愛い」テイストのランディングページを、生放送で公開制作

「可愛い」テイストのランディングページを、生放送で公開制作
晃寛

晃寛さんが受講しました

CSS入門 -文字デザインの全て-

CSS入門 -文字デザインの全て-
竜太

竜太さんが受講しました

jQuery実践 姓名占いの作成 〜占い機能の作成〜

jQuery実践 姓名占いの作成 〜占い機能の作成〜
郁惠

郁惠さんが受講しました

WebデザインのためのjQuery入門 -スムーズに上にもどるボタンの実装-

WebデザインのためのjQuery入門 -スムーズに上にもどるボタンの実装-
誠一

誠一さんが受講しました

WordPressオリジナルテーマの作り方 -テンプレート階層の理解-

WordPressオリジナルテーマの作り方 -テンプレート階層の理解-
亜希子

亜希子さんが受講しました

CSS入門 -ナビゲーションデザインの全て-

CSS入門 -ナビゲーションデザインの全て-
康之

康之さんが受講しました

jQuery実践 姓名占いの作成 〜Twitter投稿機能の作成〜

jQuery実践 姓名占いの作成 〜Twitter投稿機能の作成〜
郁惠

郁惠さんが受講しました

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

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

総三さんが受講しました

CSS入門 -ナブバー（横並びのメニュー）デザインの全て-

CSS入門 -ナブバー（横並びのメニュー）デザインの全て-
康之

康之さんが受講しました

JavaScript入門 関数をつくる

JavaScript入門 関数をつくる
意和希

意和希さんが受講しました

Illustrator基本操作入門 -バナー編-

Illustrator基本操作入門 -バナー編-
由希奈

由希奈さんが受講しました

CSS入門 -サイトの段組-

CSS入門 -サイトの段組-
康之

康之さんが受講しました

WordPressオリジナルテーマの作り方 -条件分岐を学ぶ-

WordPressオリジナルテーマの作り方 -条件分岐を学ぶ-
亜希子

亜希子さんが受講しました

HTML入門 第2回 -見た目だけじゃない、HTML-

HTML入門 第2回 -見た目だけじゃない、HTML-
弘誠

弘誠さんが受講しました