読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

確認テスト(1)

確認テスト(1) - 求職者支援訓練(基金訓練)Webデザインの勉強|講師日和
↑挑戦してみました。

Webページについて

以下の問に答えなさい。

  1. 見出しや段落であることを表すための[HTML]を記述します
  2. レイアウトなどの見た目は[CSS]で記述します
  3. Webサーバーにデータを送ること
    アップロード
  4. Webサーバーからデータを取得すること
    ダウンロード
  5. Webページを表示するためのソフトは、一般的になんと呼ばれるか
    ブラウザ
  6. Webページを表示するためのソフトをあげなさい
    Internet Explorer,Fire Fox,Google Chrome,Safariなど

HTMLの基本

以下の問に答えなさい。


  1. HTML5のDOCTYPE宣言を記述しなさい

    <!DOCTYPE html>
    


  2. Webページのタイトルを表示するための要素を答えなさい

    title要素

    <title>タイトル</title>
    


  3. ページ内で一番大きな見出しを意味する要素を答えなさい

    h1要素

    <h1>大きな見出し</h1>
    


  4. 段落を意味する要素を答えなさい

    p要素

    <p>段落</p>
    


  5. 箇条書きの範囲を意味する要素を答えなさい

    ul要素

    <ul></ul>
    


  6. 箇条書きの項目を意味する要素を答えなさい

    li要素

    <ul>
    <li>リストの項目</li>
    </ul>
    



以下の記述をしなさい

  1. 同じ階層にある画像「photo.jpg」を表示する記述

    <img src="photo.jpg" alt="">
    または
    <img src="./photo.jpg" alt="">
    


  2. 同じ階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述

    <img src="img/photo.jpg" alt="">
    または
    <img src="./img/photo.jpg" alt="">
    


  3. 一つ上の階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述

    <img src="../img/photo.jpg" alt="">
    


CSSの基本

<p id="schedule" class="plan">明日は、ハローワーク来所日です。</p>

以下の空欄を埋めなさい。

タイプセレクタによる指定
[ p ] {
color: #000;
}

idセレクタによる指定
[ #schedule ] {
color: #000;
}

classセレクタによる指定
[ .plan ] {
color: #000;
}

bodyのスタイルを記述しなさい

文字色:#666
文字サイズ:14px
背景色:#D3E9F0

body {
  color: #666;
  font-size: 14px;
  background-color: #D3E9F0;
}
CSS外部リンク

「index.html」に「css」フォルダー内にある「style.css」を読み込ませなさい

「index.html」のhead内に

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen,print" />

を記述する

レイアウト

以下の問に答えなさい。

  1. 背景画像の表示開始位置を指定するためのプロパティ
    background-position
  2. 背景画像の有無・繰り返しの方向を指定するためのプロパティ
    background-repeat
  3. li要素のブレット(マーク)の種類を指定するためのプロパティ
    list-style-type
  4. 枠線の外側に余白をつけるために指定するためのプロパティ
    margin
  5. テキストや画像を、左・中央・右に揃えるためのプロパティ
    text-align
  6. floatプロパティの影響を受けて回りこんでいる要素を、本来の位置に配置するためのプロパティ
    clear
擬似クラス

以下の空欄を埋めなさい。

リンク先が未訪問のとき
a: [ link ]

リンク先をすでに訪問済みのとき
a: [ visited ]

マウスポインターが乗っているとき
a: [ hover ]

Webページを公開

  1. https://www.google.co.jp/」のような文字列によるアドレスを[ URL ]といいます
  2. 「192.0.1.100」のような数値によるアドレスを[ IPアドレス ]といいます
  3. Webサーバーにファイルをアップロードするためのソフトを[ FTPソフト ]といいます