ウェブデザイン技能検定(国家資格)3 | 61歳の挑戦!(起業の為の勉強) 

ウェブデザイン技能検定(国家資格)3

本サイトはアフルエイト広告を使用しております。
ウェブデザイン技能検定

ウェブデザイン技術

この分野は難しいので詳しく時間をかけて記載いたします

試験では、JavaScriptの読み方や、camel caseのような書き方、イベントハンドラ、DOMの出題があるようです、HTML5やCSS3の問題も多く短いソースコードの誤り発見などが出ます

HTML

HTMLとは(<***>)

Webページの骨組みを作る言語、HTML4→HTML5→HTML Living Standardに変化しています

HTMLの仕様

W3C(HTML 4.01→)→ISO-HTML(ISO/IEC 15445-2000)→JIS-HTML(JIS X 4156:2000)

タグ一覧

タグ意味
<html>HTML文章の開始全体を囲む
<head>頭の情報(表示させない)タイトルや文字コード
<body>画面に表示させる部分本文、画像など全部ここに
<title>ブラウザのタブ名<title>テスト</title>
<h1>~<h6>見出し<h1>大見出し</h1>
<p>段落(パラグラフ)<p>文章です</p>
<a href=””>リンク<a href=”https://~”>移動</a>
<img src=””>画像表示<img src=”inu.jpg” alt=”犬”>
<ul> <li>箇条書きリスト<ul><li>1つ目</li></ul>
<table>表(テーブル)<table><tr><td>内容</td></tr></table>
<br>改行<p>1行目<br>2行目</p>
FTPファイルをサーバーとやり取りするルールアップロード、ダウンロード、削除等
href(属性名)リンク先のURL<a>(タグ)
alt(属性名)画像の代わりのテキスト<img>(タグ)

補足

hrefは、エイチレフと読みます(リンク先の参照情報)

brはブレイクの略で改行

<img>タグにalt属性は必須

<a>タグにhrefエイチレフ属性は必須

<a>タグの中に画像も入れられる

<table>タグは入れ子構造に注意、trが行、thが見出しセル、tbが普通セル

exampleイグザンプルは練習用に使用可能(たとえのページ)

タグに挟まれた部分をコンテンツと言います

要素(エレメント)タグとコンテンツを合わせた1式を言う

休憩画像

構造化

すべての文章に対してタグを付け役割を明確にする事をいう、(記述された物をソースコードと言う)

属性(タグだけでは足りない、属性でどうするかを指示)

<img src=”dog.jpg” alt=”柴犬画像” width=”300″>

上記には3つの属性がある(src.alt.width)

属性名タグ何を指定するか
href<a>リンク先URL
src<img>画像のパス
alt<img>画像の代替テキスト
type<input>入力の種類(text,submitなど)
value<input>入力欄の初期値
action<form>フォームの送信先URL
method<form>データ送信方法(GET/POST)
neme<input>,<form>項目の名前(サーバーに送り時のキー)

コメント

タイトルとURLをコピーしました