江戸川区・東西線葛西駅のホームページ制作・システム開発会社

三MENU

インターネットのしくみ

■■クライアント−サーバー

[説明]iPhoneを例にしたクライアントサーバーのしくみ

1) ブラウザに http://www.google.co.jp と入力する

2) DNSサーバーからIPアドレスを検索する

3) テキストファイルが返されてくる⇒HTMLファイル

・ブラウザの例

InternetExplorer、FireFox、GoogleChrome、Safari、Opera…

・DNS(Domain Name System)サーバー

…プロバイダが提供する

…ドメイン名からIPアドレスを検索するための名前解決用辞書サーバーである

・IPアドレス(Internet Protocolアドレス)

…16進数2バイト(0〜255)までの数字4つをピリオドで区切って組み合わせたもの

例. http://201.39.52.106/ ※Hyper Text Transfer Protocol

・コンピュータの世界は2進数のON/OFFでできている⇒人間にとって扱いやすいように0〜Fまでの16進数で2進数を表現する

※2進数は0000に1ずつ足していくことで表現できる

例.株式会社の"株"の字は&H4F62&などの文字コードで表現される

■■ホームページの仕組み

・HTMLソースファイル+CSS(Cascading Style Sheets)+jQueryから成る

※Hyper Text Markup Language

・HTMLは構造を、CSSはデザインを制御する

・HTMLソースファイルはテキストファイルであり、テキストエディタで作成・編集できる

【ファイルの種類】

テキストファイル...文字情報

バイナリーファイル...写真、音楽データ

HTML+CSSで静的(Static)なページを描画し、jQueryで動的(Dynamic)な処理を実行する

■■HTMLの書き方

・基本構造…HTMLタグ(Tag)を入れ子にして書いていく

<html> … このファイルはHTML言語で書かれている

<head> … ヘッダーにタイトル、言語(日本語)、ページ説明などを書く

</head>

<body> … 本文を書く

</body>

</html>

※人間の体のイメージ … 頭(header)、体(body)、足(footer)

※<> … 山カッコ(< … 小なり、> … 大なり)

※[TAB]キーでインデントすること

・Hello World と表示してみる

…ファイル名 index.html で保存する

※ファイル名はファイル名+拡張子で構成されており、HTMLファイルは拡張子 .html で保存する

※index.html は既定のファイルとして動作する

http://www.google.co.jp/ で呼び出すと自動的に index.html が表示される

※http(Hyper Text Transfer Protcol)… HTML ファイルを転送する為のプロトコル(通信手順)

・<br />タグで改行してみる

※<br></br> → <br /> … 省略形 (break)

・<hr />タグで直線(横線)を書いてみる

※<hr />タグは自動的に改行される

contact

様々なニーズにお応えいたします。詳しくはメールにて。