開講前の1ヶ月に自宅で学習する事まとめ - 求職者支援訓練

それでは、クラスで使用するブラウザのダウンロードを自宅でやってみましょう。まず、google chromeをダウンロードしてみましょう。アドレスバーにgoogle.co.jp/と入力します。アドレスバーとはブラウザのメニューバーの下にあるURLが表示されている部分です。

下記のような画面になりましたか？

それでは、Googleのロゴの下の入力バーに「google chrome」と入力してみましょう。検索結果一番上の「Google Chromeダウンロード | google.co.jp」という文字をクリックします。

上記のボタンが画面右側に現れるとおもいますのでクリックします。「同意してインストール」というボタンを押します。「google chrome インストーラー」が起動し、しばらくするとgoogle chrome が立ち上あがります。

それではgoogle chrome 上で右クリックして、コンテキストメニューを表示させます。「要素を検証」という項目をクリックします。

----------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------

このような画面が、ブラウザの下に現れます。左側がhtmllコード、右側がスタイルシートです。スタイルシートとは文字通り、スタイルを決めるシートです。webページのレイアウトをつかさどるコードです。

右側がスタイルシート部分に、下線付きの○○.cssという文字が在ると思います。これは、「このhtmlにはこのスタイルシートが添付されている」（このスタイルが適応されている）という意味です。それをクリックしましょう。

上記の様に左側にフォルダーは並んでいて、右側にはこのような文字列が表示されたと思います。これがスタイルシートです。ページのレイアウトをつかさどります。14日のクラスでは先ほどのhtmlソースにこのような、スタイルシートコードを適用してページをビジュアライズ（表現）して行く手法を学びます。