10/19(Sat)

今日の生放送

21:00 - 22:00

【再放送】言いづらいことを伝える方法

【再放送】言いづらいことを伝える方法 第1回

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への理解を深めたいプログラマー、デザイナーの方

担当の先生

パーソナリティ

  • 大木 しのぶ

    大木 しのぶ

    スクー放送部

参加したい受講生 : 5218人

カテゴリー

タグ

月額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 -イメージから目標を実現する方法-

第5回 10/24(木) 21:00〜22:30
こころの健康づくりを支援するSchooの保健室

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

第15回 11/14(木) 21:00〜22:00

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ

プロの『チラシ』制作を見て学ぶ

プロの『チラシ』制作を見て学ぶ
佳明

佳明さんが受講しました

デザインという言葉を整理しよう

デザインという言葉を整理しよう
Kondo

Kondoさんが受講しました

いいデザインとはなにか

いいデザインとはなにか
浩平

浩平さんが受講しました

美容室予約アプリを爆速プロトタイプ制作

美容室予約アプリを爆速プロトタイプ制作
Kondo

Kondoさんが受講しました

スマホサイトを作って学ぶ、サイト制作入門（制作編）

スマホサイトを作って学ぶ、サイト制作入門（制作編）
訓宏

訓宏さんが受講しました

代表の技を見て学ぶ、STUDIOでのデザイン

代表の技を見て学ぶ、STUDIOでのデザイン
祐太朗

祐太朗さんが受講しました

カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ

カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
訓宏

訓宏さんが受講しました

CSS入門 第1回

CSS入門 第1回
よしゆき

よしゆきさんが受講しました

WordPressオリジナルテーマの作り方 -最小構成でテーマ制作-

WordPressオリジナルテーマの作り方 -最小構成でテーマ制作-
希

希さんが受講しました

プロの『バナー』制作を見て学ぶ

プロの『バナー』制作を見て学ぶ
春奈

春奈さんが受講しました

Webデザイナー中級者になるためのHTML5/CSS3テクニック10選

Webデザイナー中級者になるためのHTML5/CSS3テクニック10選
裕也

裕也さんが受講しました

心理学を活用しユーザーの行動を促すデザイン

心理学を活用しユーザーの行動を促すデザイン
Kondo

Kondoさんが受講しました

Illustrator基本操作入門 -ピクトグラム編-

Illustrator基本操作入門 -ピクトグラム編-
努

努さんが受講しました

基礎からのWordPress -制作準備と基礎知識-

基礎からのWordPress -制作準備と基礎知識-
Kayo

Kayoさんが受講しました

あの秀逸なサイトをデザインした人は、どのような学習によってデザイン力を上げ、今のキャリアを形成したのか？ Vol.02

あの秀逸なサイトをデザインした人は、どのような学習によってデザイン力を上げ、今のキャリアを形成したのか？ Vol.02
コウスケ

コウスケさんが受講しました

Web担当者のためのWordPress入門 -WordPressを使ったWebサイト立ち上げの基本-

Web担当者のためのWordPress入門 -WordPressを使ったWebサイト立ち上げの基本-
Kayo

Kayoさんが受講しました