前半 まとめ問題１００選（右側を隠して練習問題にチャレンジしてください）
解答欄は空白にして居るので印刷して回答しても良いかも知れません
重要問題は重複出題して居ます
| 問題 | 解答欄 | 答え | 解説 |
| IPアドレスの役わりとは | インターネット上のコンピューターを識別する番号 | ドメイン名はIPアドレスの代わりに使いやすくした名前です | |
| DNSの役割は | IPアドレスとドメイン名を対応させる | ドメイン名→IPアドレスにする仕組み | |
| ブラウザとサーバーでやり取りを行う通信プロトコルは何？ | HTTP | セキュリティ対策されたものはHTTPS | |
| 電子メールを送信するためのプロコトルは何？ | SMTP | POP3、IMAPは受信に使われるプロコトル | |
| Webページのデザインを設定する言語は | CSS | HTMLは構造、JavaScriptは動作 | |
| Webページを閲覧するためのソフトウェアは | Webブラウザ | GoogleChrome、Safariなど | |
| HTMLは何の略か | HyperTextMarkupLanguage | マークアップ言語で構造や内容を指定する目的 | |
| https://の意味は何か | 暗号化する通信を行う事 | 安全性が高い | |
| Webサイトの情報が保存され再表示が速くなる仕組みは | キャッシュ | クッキーはユーザーの情報保存に使う | |
| HTMLやCSSのファイルをインターネット上に公開する際に使うプロコトルは | FTP | サーバーにダンロードするための通信プロトコル、画像を公開する際に使います | |
| サーバーにHTMLファイルなどをアップロードするために使わられるソフトウェアは | FTPクライアント | HTML、CSSファイルをサーバーに転送します | |
| 通信のデーターを暗号化してセキュリティを高める技術は | SLL/TSL | httpsはこれを利用して居ます | |
| HTMLファイル画像を取得するクライアント側のソフトウェアは | ウェブブラウザー | Webサーバーからデータを取得するソフトウェア | |
| .comや.jpは何とよばれている | トップドメイン（TLD） | 国別、種別などがある | |
| Webサイトを公開して、利用を可能にするのに最も必要なものは | Webサーバー | ファイルをホスティングしてネット経由で配信します | |
| 通常この部分の名前は何？www.example.com | ドメイン名 | URLは、プロトコル＋ドメイン＋（ファイル名）です | |
| 履歴やログイン情報など保存する仕組みはなに | クッキー | 一時的な小さな保存 | |
| HTMLファイルをブラウザで読み取った時に最初に読み取る部分はどれ | html | 順番で言うと、<html>→<head>→<body> | |
| パケット交換方式でデータを分割して送る最小単位を何とよぶ | パケット | インターネットでは、小さく送るパケット通信が使われています | |
| WWWを開発した人はだれ | ティム バーナーズリ | １９９０年 | |
| We気ページを制作する時、外部のCSSファイルを読み込むためにHTMLにきじつするタグは | <link> | HTMLの<head>内に<link～ | |
| HTMLで画像を表示するために使うタグは | <img> | 例 <img src=”photo.jpg”～ | |
| HTMLファイルの文字エンコーディングを指定するために使うmeta要素はどれか | <meta charset=”UTF-8″> | HTML5では文字化けを防ぐために使います | |
| Webのアクセス数や行動分析に必要なツールはなに | Googleアナリティクス | 広く使われている | |
| 検索で見つかりやすくする為にHTML内に含める物はなに | <title> | <title>は検索結果のタイトルに表示させるため重要（キーワードを含めるとなお良い） | |
| 通信速度単位である Mbpsの意味はなに | １秒あたりのビット数 | １００万単位（メガビット） | |
| HTMLでリンクを設定するために使うタグはなに | <a> | ハイパーリンクは<a href=”リンク先”> ～ | |
| HTMLのコメントの正しい書き方は | <!–コメント–> | ブラウザに表示されないでコードのメモに使います | |
| インターネットに接続されたコンピューターに一律割り当てられるものはなに | IPアドレス | 機械を識別するための番号 | |
| ページが様々な画面対応に出来るようにする設定は何という | レスポンシブデザイン | レイアウトが自動的に設計される手法 | |
| 更新を配信する為に使わられるXML形式の仕組みはなに | RSS | RSSリーダーで新着記事を確認できる | |
| クライアントとサーバーが通信する際にブラウザが最初に送信するリクエストはなに | GETリクエスト | ブラウザは最初にGTEリクエストを送信してHTMLファイルを取得します、フォーム送信時はPOSTを使います | |
| 電子メールに使われるプロトコルはなに | SMTP | メールを送信するために使わられます（受信はPOP,IMAP) | |
| クラウドコンピューティングの意味は | インターネット経由でサービスを利用できる | ストレージやアプリを利用できる | |
| Iotとはなに | 物がインターネットにつながり情報をやり取りする仕組み | スマート家電など | |
| Webで無断で写真を記載した場合の侵害の名称はなに | 著作権侵害 | 許可をとるか、フリー素材を使う | |
| 個人情報とは何をいうか | 名前、住所、電話番号など | 匿名データはふくまれません | |
| Web制作においてJIS規格に基づき全ての人に使い易くする設計をなんという | アクティビティー | 障害者にも使い易くした仕組み | |
| 著作物を引用する条件は | 引用部分をはっきりさせる、最小限にとどめる、引用元を明記する | 引用は許可を得なくとも可能 | |
| ブログなどで広告収益を得ている場合は | サイト内で広告であることを明示する | ステルスマーケティングを防ぐため | |
| Webサイトを制作する際に事業者が（特定商取引法に基づき）明記する事はなにか | 事業者の住所、電話番号など | 更に、価格や返品条件なども明示する | |
| 著作物の管理している団体名は | JASRAC | 日本音楽著作権協会 | |
| 偽のメールやWebサイトを使ってパスワードを盗む方法はなんという | フィッシング | 個人情報を盗み取る詐欺行為 | |
| クリエイティブ コモンズの意味は | 著作者の意志により利用を許可できる仕組み | 主な条件、配布ok、商用NG、改変NGなど | |
| 個人情報を第3者に販売する行為を何という | 個人情報保護法 違反 | 本人の同意がない物は違法行為 | |
| セキュリティ上の機密性、完全性、可用性の3本柱をなんという | 情報セキュリティの3要素 | CIA | |
| 可用性とはなにか | 情報が常に利用可能な状態 | 情報システムにアクセスできる状態をいう | |
| 利用者から情報を送信して貰う場合、第3者による改ざんを防ぐ技術をなんという | SLL/TSL | httpsは使用して居る | |
| 他人のIDやP/Wでログインする事を何という | 不正アクセス | 許可なく使うのは違法です | |
| コンピューターを守るために入り口で、監視や制御する装置はなに | ファイアウォール | 不正送信をブロックする装置 | |
| 個人情報を第3者が認定する制度を何という | プライバシーマーク（Pマーク） | 第3者機関による認定制度 | |
| Webサイトで利用規約を設ける目的は | 利用者と運営者の権威、義務を明確にする | トラブル防止に必要 | |
| プロバイダー責任制限法とは | 被害者が情報の開示を請求した場合、権利侵害があるとプロバイダーが判断した場合、発信者の承諾が有る場合 | 情報開示の対象は、誹謗中傷が明白である場合 | |
| ソフトウェアの不具合を利用した攻撃を防ぐために開発時にしなければならない事は | セキュアコーディングを行う | 安全性を考慮してプログラムを書く | |
| 著作権上、自由に使ってよい物は | パブリックドメイン作品、自分で撮影した物、フリー素材 | 著作権者の許可が有れば使える物もある | |
| HTMLで見出しを作成するタグはなに | <h1> | 最も重要な見出しで、SEO上も重視される | |
| HTMLのフォームでテキストの１行目を入力するためのタグはなに | <input type=”text”> | 複業入力は<textarea>を使う | |
| CSSで文字を赤にする指定方法はなにか | <color:red;> | <font-color:red;>は存在しません | |
| HTMLで画像表示するタグは | <img> | 使用例<img src=”画像URL” alt=”代替えテキスト”> | |
| CSSで特定のIDを持つ要素にスタイルを適用するためのセレクタはなに | #id名{ . . . } | ＃はIDセレクタ、クラスには . を使用する | |
| CSSでフォントを１６ピクセルにする指定方法は | font-size:16px; | font-sizeプロパティで指定する | |
| CSSで背景を水色にする指定は | background-color:skyblue; | 背景色＝background-colorプロパティ | |
| HTMLリストで番号付きを作くるタグは | <ol>（オーダードリスト）の略 | <ul>箇条書き、<li>は中の項目 | |
| CSSで特定の要素に対してマウスオーバー時のスタイルを指定する為に使う疑似クラスはなに | :hover | マウスオーバーはカーソルを乗せた時に変わる様子、疑似クラスは見た目に変化を与える意味 | |
| JavaScriptでHTML要素のクリックイベントを処理するためのプロパティはなに | onclick（オン クリック） | クリックイベントとはボタンなどの操作で変わる動作 | |
| HTMLの<a>タグで新しいウィンドウでリンクを開くための属性はなに | target=”_blank”（新しいウィンドウの意味） | 例 <a href=”URL” target=”_blank”> | |
| CSSで要素の全ての外枠（余白）を２０pxにする指定はなに | margin:20px; | 内枠はpadding | |
| CSSで特定クラス名 highlightを持つ要素だけスタイルを適用するには、どのセレクタを使う？ | .highlight | クラス名を指定する時は先頭にドットを付ける | |
| CSSでテキストを中央揃えにするのに使うものは | text-aling:center; | alingの意味は配置（整列）の意味で使われますアラインと読みます | |
| JavaScriptで id=”message”と言うHTML要素に（こんにちは）と表示させるコードはなに | document.getElemenById(“message”).innerHTML =”こんにちは”; | document.getElemetById(“message”)でHTMLの要素を取得してinnerHTMLプロパティで中身を書き換えます | |
| CSSで要素の背景に画像を設定するプロパティは何 | background-image | 例 background-image:url(“画像のURL”）基本プロパティ | |
| CSSの opacity:0.5;の意味は | 要素の透明度を５０％にする | オペイシティーは透明度の意味で（０が透明、１が不透明） | |
| JavaScriptの変数宣言で一般的な構文はなに | var x =10; | 変数（一時的に入れる箱） var(バー） | |
| HTMLの<table>タグ内で見出しセルに使われるものは | <th> | <th>はテーブルの見出しを表します | |
| CSSで複数のセレクタに同じスタイルを適応する正しい書き方は | h1, h2 { color: red ; } | 複数のセレクタを（,）で区切るとそれぞれの要素に同じスタイルが適用されます | |
| HTMLでのフォームの送信ボタンを作成するためのタグはなに | <input type=”submit”> | 送信ボタンは→<inpout type=”submit”> sabumitの意味入力されたデータをサーバーに送る仕組み | |
| CSSで子要素だけにスタイルを適用する子セレクタはなに | div>p | >は子セレクタ、iv>pはdivの真下にあるp要素のみに適用される | |
| CSSで要素の左側の**内側余白**を10pxにする | padding-left: 10px; | 外側余白はmargin-left | |
| JavaScriptでフォーム入力欄が変更されたときに行うイベントはなにか | onchange | リアルタイム入力はoninput | |
| CSSの hsl(0,100%,50%)で指定される色は | hslでの０は赤｛０度（赤）から３６０度（も赤）｝まで有ります | hslは色相、彩度(100%で完全な色）、明度（50％で中間の明るさ）の順に指定します | |
| HTMLのフォームのテキスト入力欄を作る為のタグは | <input type=”text”> | 複数行は<textarea> | |
| HTMLの<form>タグの目的はなに | 入力されたデータを送信するための領域を作る | action属性で送信先URLを、method属性で送信方法（ＧET/POST）を指定する | |
| CSSでリストの先に有る●などのマークを消すプロパティはなに | list-style-type:none; | <ul>や<ol>のリストマークを非表示に出来る | |
| CSSの要素を非表示に出来るプロパティはなに | visibility:hidden;（非表示だがスペースは保持 opacity: 0;(完全に透明だが存在して居る） display; none;（完全に非表示でレイアウトからも削除） | visibility:hidden;（非表示だがスペースは保持 opacity: 0;(完全に透明だが存在して居る） display; none;（完全に非表示でレイアウトからも削除） | |
| JavaScriptでボタンがクリックされた時に処理を実行する方法は | <button onclick=”doSomethinngu()”>クリック</button> | onclickはクリックイベントを検出して指定した関数を実行する | |
| CSSの z-indxのプロバティの目的は何 | 要素の重なり順を指定する | z-indxは、要素の奥行関係を制御します、値が多きほど前面に表示されます | |
| HTMLで画像代替テキスト（alt属性）を設定する目的は | 画像が読み込まない時にテキストを表示する為 | 代替えテキストを提供する | |
| JavaScriptのaddEventListenerのメソットの役割は | イベントが発生した時の処理を設定する | クリックマウスオーバーキーボード入力などのイベントに対して処理を登録するメソット | |
| CSSで疑似クラス :hover の正しい使い方は | p:hover{ color: blue;} | 要素にマウスを乗せた時に適用される疑似クラス | |
| HTMLでウェブページ全体のメタ情報（コードやタイトル）を定義するタグはなに | <head>（ヘッド） | <meta>、<title>スタイルシ－ト（CSS）やスクリプトもここに記載する（メタ情報とは本文以外の情報を指す） | |
| CSSのposition:absolute;を使った場合どうなりますか | 親要素がposition:relative;の場合その中を基準に配置される | アブソリュートは絶対的（固定）、レラティヴ相対的 | |
| CSSのdisplay:flex;の効果はなに | 要素を、縦もしくは横に整列しやすくする | 親要素にdisplay:flexを指定すると子要素をそろえやすくします | |
| JavaScriptの正しい変数宣言はなに | var x =10; | 文末に ; を付けます | |
| JavaScriptのconsole.log(“Hello);を使うと何が起きる | ブラウザの開発者のツールにログが出力される | コンソール、ログは開発者向けのデバッグ用出力でブラウザの開発者ツールにメッセージを出力します | |
| HTMLで外部スタイルシート読み込むを記載して | <link rel=”stylesheet” type=”text=css”href=”style.css”> | 外部CSSを適用するには<head>内で<link>タグを使う | |
| HTMLの<label>要素の目的はなに | 入力欄に説明文を関連付ける | for属性に入力要素のidを指定すると、ラベルをクリックしても入力欄にフォーカスが移ります | |
| CSSのopacity:0.5;の意味は | 要素を半透明にする | オパスティー数字が小さいほど透明、最大が１です | |
| JavaScriptの置いて、if (x === 5)のいみは | 値と形の両方が正しい時のみtrue( ツルー） | ===は厳密なとうかえんざんし（値とデータの両方が一致するかを比較する | |
| HTMLを改行したい時に使う要素は | <br> | <br>はbreak（改行）の略です（ビアール） | |
| CSSの a:visited { color: purple;}のいみは | 訪問済みのリンクを紫色にする | a:visitedは１度クリックしたリンクに対する指示です |
お疲れ様でした！
休憩画像
コメント