Webページで学ぶJavaScript2013 第4回

237
-1

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
237
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Webページで学ぶJavaScript2013 第4回

  1. 1. Webページで学ぶ JavaScript 2013 第4回 tyage@KMC 6/11
  2. 2. おはようございます さっき起きました
  3. 3. 先週の夕飯はなんでしたか ● もっとHTML ● ローカルでHTMLを書こう ○ アップロードしました? ● CSSでページをデザインする ○ 間に合わなかったね
  4. 4. 今日の晩御飯は何にしますか ● CSSをする ● JavaScriptしてないことに気づいたのでそろそろ JavaScriptに戻りましょう
  5. 5. その前に ● HTML、CSS、JavaScriptがそれぞれどういう役 割を持っているかちゃんとした説明がありません でしたね ● 前回質問があったので、そこから整理していきま しょう
  6. 6. CSSとJavaScriptって何? ● HTMLは書いたり読んだりしてだいたいわかっ たと思います ● WebサイトにHTMLが使われてるのも見えました よね ● じゃあ、CSSとJavaScriptはいったいWebページ となんの関係があるんだろうか
  7. 7. 大まかな分類 ● HTMLはページの基礎部分(マークアップ)担 当 ● CSSはスタイル・レイアウト担当 ● JavaScriptはページを動的にする部分を担当
  8. 8. HTML ● 1989年、CERNのTim Berners-LeeがWWWを 考案し、HTTPやHTMLやURLなどの関連技術 を開発した ● http://www.w3.org/History/19921103- hypertext/hypertext/WWW/TheProject.html ○ 世界で最初のWebページ ● このころはdoctypeとかなかった ● その後W3Cが設立
  9. 9. CSS ● HTML3.2で見た目を変更できる要素や属性が 追加された ○ <font color="red">とか<body background="blue">と か ● しかし、HTMLは本来、文書構造を示すための ものであり、不適切とされた ○ HTML5ではそういう要素や属性は廃止されているもの が多い ● そこで、1996年見た目を定義する手段として CSSが考案され、HTMLとCSSで分けて定義す るようになった
  10. 10. JavaScript ● 1995年ブラウザ上で動くプログラミング言語が開 発された ● ページに動きを持たせることができるようになっ た!!! ● JavaScript無効化してみればそのありがたみが わかります ● GmailとかGoogle Mapsとか、かっこいい感じの はだいたいJavaScript使われてます ○ ただしFlash等は除く
  11. 11. 本題に戻りましょうか
  12. 12. CSS 前回も言いましたが、 https://developer.mozilla. org/ja/docs/Web/CSS を読み進めていきます
  13. 13. お疲れ様でした ● 次回は来週です
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×