確認テスト（1）
確認テスト（1） - 求職者支援訓練（基金訓練）Webデザインの勉強｜講師日和
↑挑戦してみました。
Webページについて
以下の問に答えなさい。
- 見出しや段落であることを表すための[HTML]を記述します
- レイアウトなどの見た目は[CSS]で記述します
- Webサーバーにデータを送ること
アップロード - Webサーバーからデータを取得すること
ダウンロード - Webページを表示するためのソフトは、一般的になんと呼ばれるか
ブラウザ - Webページを表示するためのソフトをあげなさい
Internet Explorer,Fire Fox,Google Chrome,Safariなど
HTMLの基本
以下の問に答えなさい。
- HTML5のDOCTYPE宣言を記述しなさい
<!DOCTYPE html> - Webページのタイトルを表示するための要素を答えなさい
title要素<title>タイトル</title>
- ページ内で一番大きな見出しを意味する要素を答えなさい
h1要素<h1>大きな見出し</h1>
- 段落を意味する要素を答えなさい
p要素<p>段落</p>
- 箇条書きの範囲を意味する要素を答えなさい
ul要素<ul>〜</ul>
- 箇条書きの項目を意味する要素を答えなさい
li要素<ul> <li>リストの項目</li> </ul>
以下の記述をしなさい
- 同じ階層にある画像「photo.jpg」を表示する記述
<img src="photo.jpg" alt=""> または <img src="./photo.jpg" alt="">
- 同じ階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述
<img src="img/photo.jpg" alt=""> または <img src="./img/photo.jpg" alt="">
- 一つ上の階層にある「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" />
を記述する
レイアウト
以下の問に答えなさい。
- 背景画像の表示開始位置を指定するためのプロパティ
background-position - 背景画像の有無・繰り返しの方向を指定するためのプロパティ
background-repeat - li要素のブレット（マーク）の種類を指定するためのプロパティ
list-style-type - 枠線の外側に余白をつけるために指定するためのプロパティ
margin - テキストや画像を、左・中央・右に揃えるためのプロパティ
text-align - floatプロパティの影響を受けて回りこんでいる要素を、本来の位置に配置するためのプロパティ
clear
擬似クラス
以下の空欄を埋めなさい。
リンク先が未訪問のとき
a: [ link ]
リンク先をすでに訪問済みのとき
a: [ visited ]
マウスポインターが乗っているとき
a: [ hover ]
Webページを公開
- 「https://www.google.co.jp/」のような文字列によるアドレスを［ URL ］といいます
- 「192.0.1.100」のような数値によるアドレスを［ IPアドレス ］といいます
- Webサーバーにファイルをアップロードするためのソフトを［ FTPソフト ］といいます
