Webアーキテクチャ入門スライド。HTML/CSS/JavaScriptなど。

1. Webプログラミング入門

2. 本日の目的
1.Webの基本を理解する
2.Webプログラミングを体験する

3. Web (World Wide Web) とは？
Webってなんだろう？

4. Web (World Wide Web) とは？
PCやスマホのこと？ネットワークのこと？サービスのこと？

5. Web (World Wide Web) とは？
インターネット上で提供されるハイパーテキストシステム

6. インターネットとは？
世界中のコンピュータネットワークを接続した一つのネットワーク

7. ハイパーテキストとは？
複数の文書を相互に関連付け、結び付ける仕組み

8. Web の仕組みはとてもシンプル
そのため様々な用途で利用され現在も使われている！

9. Web の仕組み
具体的にどうなっているのだろう？

10. Webの仕組み
ウェブはクライアントサーバモデルに基づくシステム

11. Webの仕組み
名前解決：DNS 〜 主にドメイン名とIPアドレスの解決を行うもの

12. Webの仕組み
通信プロトコル：HTTP 〜 コンテンツ（HTML）の送受信に用いられる

13. Webの仕組み
通信プロトコル：HTTPS 〜 HTTP + 認証・暗号化

14. Webの仕組み
ツール：Webブラウザ 〜 Webを利用する際のUA

15. Webの仕組み
ページの表示：レンダリング 〜 音声・画像・映像などを生成

16. Web の仕組み
具体的にどうなっているのだろう？

17. Webの仕組み
ハイパーテキスト（Webページ）をユーザへ返却
ハイパーテキスト

18. Webページを作るには？
ハイパーテキスト記述言語を用いて作成

19. Webページを作るには？
Webページを支える３つの技術
構造
動作
見栄え

20. Webページを作るには？
3つの技術の役割に対するイメージ

21. Webプログラミングを体験

22. Webプログラミングを体験
HTML：構造を表現

23. Webプログラミングを体験
CSS：見栄え（デザイン）を表現

24. Webプログラミングを体験
JavaScript：動作を表現

25. まとめ
Web (World Wide Web) とは？
インターネット上で提供されるハイパーテキストシステム

26. まとめ
Webの仕組み
ウェブはクライアントサーバモデルに基づくシステム

27. まとめ
Webページを作るには？
ハイパーテキスト記述言語を用いて作成

28. まとめ
Webページを作るには？
Webページを支える３つの技術
構造
動作
見栄え

29. ありがとうございました！