ネットの基礎
- ドメイン名：IPネットワークでそれぞれのコンピュータを識別する名称
- IP：インターネットの通信の約束事
- IPアドレス：IPネットワークに接続された機器を識別するための番号
- DNS:ドメインとIPアドレスを紐付ける仕組み
インターネット上のコンピュータ同士が接続するとき→IPアドレス(192.168.1.1)
人間が使うとき→ドメイン
→www.google.co.jp
フロントエンドの三大要素
HTML
- 文書構造を記述
- Webページの内容を記述するためのマークアップ言語(タグで意味付けをすること)
CSS
- 文字のサイズ、色、レイアウトなどを指定できる。
- HTMLで書かれた構造化された文章のスタイルを指定するための言語
JavaScript
- Webサイトの振る舞いを記述（クライアント側での動き）
- Javaと全然違う
フロントエンド？バックエンド？
フロントエンドエンド
- ユーザーが見て、操作する部分
- ブラウザで動作するもの -HTML, CSS, JavaScriptで記述
バックエンド
- サーバー側で処理が行われるもの
- DBアクセス、ファイルへのアクセス、計算など
- Rubyなどで記述
フロントエンド→インターネット→バックエンドってイメージ
静的なページ？動的なページ？
静的なページ
- Webサーバー上に置かれたHTMLファイルをブラウザで表示するだけ。
動的なページ
- アクセスするたびに、表示する内容が変わる可能性のあるページ
- ユーザーによて表示を書き換えたりする。
- Ex: ツイッター（アクセスするたびに表示が変わる）
HTML
基本構文
<タグ名>コンテンツ</タグ名> ← 要素
MDN
ウェブ開発に関する技術が公開されてるらしい。
「MDN キーワード」でググればだいたいいいのが出るみたい。MDN html p みたいな。
HTML文書の基本構造
- DOCTYPE宣言・・・使用するHTMLの種類を宣言(HTML5など)
- html要素
- head要素 文書タイトル、文書コード、説明文など。文書の基本情報。ブラウドには表示されない。
- body要素 ブラウザに表示される内容。ユーザーに見える。
基本構造
<! DOGTYPE html>
<html lang="ja">
<head>
<title>はじめてのHTML</title> ブラウザのタブに表示される名前
</head>
<body>
<h1>はじめてのhtml見出し</h1>
</body>
</html>
基本タグ
<h1> ~ <h6>
-
<title>検索タイトル、ブラウザタグ -
<p>段落 -
<br>改行 -
<strong>強調。boldかな？ -
<i>イタリック 参照を表す -
<em>イタリック 強調