Webとは

WWW(World Wide Web)

Web(ウェブ)は、WWW(World Wide Web)ともいい「クモの巣」が起源です。インターネット上のさまざまな情報(テキスト・画像・動画など)を関連付けたシステムです。企業やアーティストのホームページをWebページ、YoutubeやAmazonのようなサイトは、Webシステムともいいます。

HTML/CSS/JavaScriptで動く

Webで最も基礎となるコンテンツがHTMLです。テキスト、画像、動画、音楽などを表示・再生することができ、CSSやJavaScriptを使うと、より便利でスタイリッシュな情報をユーザに配信できます。

YoutubeはHTML/CSS/JavaScriptで動作

Webブラウザとは

ブラウザとは

ブラウザは、Webページを閲覧(ブラウズ)するためのソフトウェアです。このページを閲覧しているのも「ブラウザ」でしょう。

ブラウザの種類

ブラウザはいくつか種類があり「Google Chrome」「Microsoft Edge」「Safari」「Firefox」などが有名です。その中でもWeb制作・開発では「Google Chrome」が最も利用されるので、 「Google Chrome」をデフォルトブラウザにすることをオススメします。

Google Chrome

Googleが開発したWebブラウザで、Android端末でもChromeが標準ブラウザが多く存在ます。特に機能が豊富なのでWeb制作・開発のスタンダードになっているので、デフォルトブラウザにすることをオススメします。

Edge、IE

「Microsoft Edge」はWindowsユーザの標準ブラウザです。Web制作・開発では少々クセがあるのであまりオススメしません。 ただ、ブラウザのシェアの関係上、Edgeでの動作検証は必須です。 また、「Internet Explorer(IE)」はサポート終了ですので、利用している方は注意してください。

Safari

「Safari」はmacOS、iOSの標準ブラウザです。特にスマホのシェアが高いので、動作検証は必須です。

FireFox

Mozilla Foundationが開発したブラウザです。Chrome同様、Web制作・開発で利用・検証されてきましたが、近年はシェアが低下し、対応しない会社も出てきています。

その他ブラウザ

その他にもたくさんのブラウザソフトがありますが、Web制作・開発においてはそこまで意識しなくてもよいでしょう。

URLとは

URL(Uniform Resource Locator)は、インターネット上の場所を住所(アドレス) にしたものです。WebのURLは「http://」「https://」という文字列ではじまり、ブラウザのアドレスバーに入力してアクセスします。

※Webブラウザソフトでは、アドレスバーに「http://」「https://」を入力しなくてもアクセスできるようになっています。

検索エンジン

GoogleやYahooなどの検索エンジンサービスを利用すると、リンクをクリックするだけで各WebページにURLアクセスできます。

Googleで検索

https://google.comにアクセスするとGoogle検索エンジンが表示されます。

「HTML」で検索すると結果が表示されました。

アドレスバーの確認

ここでアドレスバーに注目してください。とても長いですが「HTML」検索したURLです。

もう少し省略すると、以下のURLでアクセスしても同じ結果になります。その他の部分は、Google検索エンジンシステムの独自機能で利用するパラメータです。

https://www.google.com/search?q=HTML

URL確認とアクセス

検索されたリンクにマウスをあわせると、ブラウザの最下位のバーにURLが表示されます。

リンクをクリックすると指定アドレスのWebページにアクセスします。

演習

問題1

Webサイトを閲覧や操作するソフトを何といいますか?

  1. エディタ
  2. ブラウザ
  3. URL
  4. www

問題2

インターネット上の場所を住所(アドレス)にしたものを何といいますか?

  1. エディタ
  2. ブラウザ
  3. URL
  4. www