ウェブデザイン技能検定 2 級 学科試験解答と解説 平成 29 年度 第 3 回 （11 月 12 日実施） 第 21 問 CSS2.1 で使用可能な単位のうち、相対的な長さをあらわす単位はどれか。以下より 1 つ選択しなさい。 1. px 2. pt 3. mm 4. ex 解答　４ 解説　１のpxは絶対単位。２のptも絶対単位。mm 絶対単位。 exが相対単位。基準は要素のx-height （小文字xの高さ）。 第 22 問 「特定商取引法」における電子メールの広告規制に関する記述として誤っているものを、以下より1つ選択しなさ い。 1. 消費者からあらかじめ請求や承諾を得ていない限り、電子メール広告の送信は原則的に禁止されている。なお、携帯電話等のショートメールサービスを利用した広告は、規制の対象とはならない。 2. 事業者が送信する電子メール広告には、消費者が当該電子メール広告の送

これまで紹介してきた次世代起業家育成セミナーの学習奨励金がついに終了した。 １万円もらう目的のためだけに登録した人が多かったせいだろう。 過去の記事で学習奨励金の紹介した記事があるが、 １万円もらえる期間は２０１８年７月３１日で終了したので気を付けて欲しい。 本来の目的 次世代起業家育成セミナーの本来の目的は、１億円起業家を育てることである。 １万円目的で、内容もほとんど確認せずに退会してしまうような人は もう受け付けなくなったと言うことだ。 しかも、今まで無料で公開されていたコンテンツの一部も有料会員しか 見ることができなくなっており、 アフィリエイト活動も過去に一回でも課金している人に限られている。 つまり、本気で学びたい人以外は登録お断りなのだ。 なぜそこまでするかというと、 「膨大なコンテンツを消化しきれない」からだ。 現在無料で公開されているデジタル通貨セミナーだけでも かなりの

第 16 問 class属性top-headが与えられた要素に、次の JavaScriptコードによりCSSで定めたクラスhead-colorを加えたい。そのとき、 A から C のいずれにも使われないキーワードを、以下より１つ選択しなさい。 コード var element = document. A (‘.top-head’); element. B . C (‘head-color’); 1. add 2. classList 3. querySelector 4. getElementsByClassName 解答　４ 解説　Aに該当するのがquerySelector、Bに該当するのがclassList、Cに該当するのがaddである。 従って正解は４となる。document.queryselectorで追加する要素を選択し、 element.classlist.addでhead-co

平成 29 年度 第 3 回 （11 月 12 日実施） ウェブデザイン技能検定 2 級 学科試験 第 1 問 body 要素は、カテゴリーとしてセクショニングルート（sectioning root）に属する。 解答　１ 解説　セクショニングルートに属する要素には他にも <blockquote> <details> <fieldset> <figure> <td> などがある。 第 2 問 SVG 要素とその属性は、XML と同じく大文字小文字を区別しない。 解答　２ 解説　XMLでは、アルファベットの大文字と英小文字を区別する。 タグを入力する際には、大文字・小文字を間違えないように入力しなければならない。 また、タグは日本語を使っても構わない。 第 3 問 HTML ドキュメント内で PHP コードを扱う場合、「<!– 」と「 –>」の 2 つのタグで囲む必要がある。 解答　２ 解説　

ウェブデザイン技能検定３級のウェブセミナーをはじめてから 受講生のレベルもかなりあがってきた。 １０時間受講した方は大体、学科の合格ラインを超えるレベルになってきた。 そんな中、最初から３級のレベルを満たしている方に関しては２級を教えてくれと言ってきた。 正直私は３級レベルなので非常に焦っている。 じたばたしても仕方ないのでこの際２級についての知識を身に付けるべく、 ２級のレベルについて調べてみることにした。 その結果、３級とは比べものにならないほどの出題範囲だということがわかった。 ３級の出題範囲に追加された２級の出題範囲がこちら 2.ワールドワイドウェブ(WWW)法務 2-2.インターネットに関わる法令等 1.電気通信事業法について一般的な知識を有すること。 2.以下のインターネットに関わる法令について一般的な知識を有すること。 1)プロバイダ責任制限法 2)消費者保護基本法 3)不当

HTMLやCSSで使用されるタグの読み方について 少しHTMLをかじったことがある人ならHTMLを使って簡単なHPくらいは作れるかもしれない。 だが、意外とHTMLで使われるタグの読み方まで知っている人は そう多くないのではないだろうか？ 今回は頻繁に出てくるタグの読み方について解説していく。 href ~ リンクを指定するときに使用されるタグだが、これは「エイチレフ」と読む。 width 画像などの幅を指定するときにしようするタグ。これは「ウィドゥス」と読む。 「ウィズ」と読む人もいる。 aligh これは「アライン」と読む height ヘイトと呼んでしまいたくなるが、正しくは「ハイト」である。 alt altはオルタネイトの略で「オルト」と読む。 br 改行の際に使われるｂｒは「ブレイク」と読む。 dir dirはディレクトリのことを指している。 dfn dfnはディフィニションのこ

デジタルマーケティングに必要な知識とは デジタルマーケティングにおいて、身に付けておくべき知識は膨大な量になる。 そのすべてを短期間で身に付けることは非常に難しい。 マーケティングとは集客であるとも言えるし、 マーケティングとは経営そのものであるとも言える。 そんなマーケティングのデジタル領域ではどんな知識が必要といえるだろうか。 はじめに理解するべきこと まずはゴールから考えるべきだ。 あなたがマーケティングを展開したいと思っている商品やサービスを、 どんな人にどのくらい売りたいのか？イベントやセミナーの集客なら 一体どれくらいの人を集めたいのかをまずは考えよう。 その数がハッキリすることで、そのために何をやらなければならないのか が見えてくる。 何をやるべきか 例えばHP作成講座に１００人集客したいなら、まずはペルソナを設定し ターゲットを絞らなければならない。 具体的なペルソナを設定

前回のHP作成でウェブデザイン技能検定３級実技に必要な 知識はある程度紹介できたが、実技試験の対策として説明が足りなかった 部分について解説していく。 table要素について HP作成ではtableタグを利用しなかったが、実技試験や学科試験では table要素についても出題されているので解説していく。 そもそもtable要素とは表を作る要素である。 図のように、tableが全体、行はtr、見出しはth、各セルはtdで記述する。 ちなみに、trはTable Low、thはTable Headerの略、tdはTable Dataの略である。 実際に記述してみる。 上記HTMLタグを.html形式で保存し、ブラウザで開くと下図のようになる。 見出しが必要ない場合は<th></th>を記述せずに<td></td>で記述する。 表の余白について 文字の位置を調整したい場合はCSSでpaddingを使

ウェブデザイン技能検定３級学科の過去問を解いてみた 前回までで、ウェブデザイン技能検定３級学科と実技の内容の解説は終了したが、 実際どのくらいの知識が身に付いたのか、公開されている過去問３つを解いてみた。 第一回目は平成 29 年度 第 3 回 （11 月 12 日実施）の過去問を解いた結果正解率64％だった。 ここでの反省を踏まえて、第二回、平成 29 年度 第 4 回 （2 月 4 日実施） に挑戦してみた。 すると、正解率76％と合格ラインだった。 最後に第三回、平成 29 年度 第 5 回 （3 月 25 日実施）に挑戦したところ、 正解率は８０％までアップした。 つまり今回のウェブデザイン技能検定３級学科と実技の解説で十分合格が狙えることが分かった。 しかしながら、解説に出てこなかった内容や、忘れがちな部分もあったため、 今回は、私が間違えた問題を参考に復習していく。 間違えた問

ウェブデザイン技能検定３級実技出題範囲 ウェブデザイン技能検定３級実技で把握しておくべき内容 １．３級実技試験の概要 ２．作業時の注意事項 ３．解答作成時の注意事項 ４．３級実技試験の作業に必要な知識 ５．３級実技試験の作業内容 ６．相対パス ７．文章の構造化 ８．リンクと画像の配置 ９．３級実技試験に必要なCSSの基礎 １０．CSSのセレクタ １１．CSSのプロパティと値 １～３までの解説は こちら→ウェブデザイン技能検定３級実技解説その１ ４～６までの解説は こちら→ウェブデザイン技能検定３級実技解説その２ ７．文章の構造化 検定では、与えられた文章に対して、見出しや段落、 リストなどの要素をマークアップしていく作業を文章の構造化と呼んでいる。 ここでのポイントは、文章の内容や、指定された条件から正しい要素を選択することである。 文章の構造化の例 ３級実技試験で、文章の構造化として最低

ウェブデザイン技能検定３級実技で理解しておくべき内容 １．３級実技試験の概要 ２．作業時の注意事項 ３．解答作成時の注意事項 ４．３級実技試験の作業に必要な知識 ５．３級実技試験の作業内容 ６．相対パス ７．文章の構造化 ８．リンクと画像の配置 ９．３級実技試験に必要なCSSの基礎 １０．CSSのセレクタ １１．CSSのプロパティと値 １～３までの解説は こちら→ウェブデザイン技能検定３級実技解説その１ ４．３級実技試験の作業に必要な知識 ディレクトリ図の理解 ディレクトリはデータの所在を把握するための仕組みで、 階層やフォルダと言い換えられる場合もある。 ディレクトリ図とは、フォルダやファイルの構成を階層的な表現の模式図で表したものだ。 全てが含まれているフォルダをルートフォルダ（またはルートディレクトリ）という。 これは、ファイルやフォルダの構成を枝分かれして広がっていく木のようなもの

ウェブデザイン技能検定実技出題範囲 実技試験 ウェブサイト構築 ･ウェブサイトデザイン 1.次に掲げるウェブサイト構築に関するデザイン作業が出来ること。 1)ハイパテキストタグ付け言語(HTML)、拡張型ハイパテキストタグ付け言語(XHTML)、 スタイルシート(CSS)によるコーディング 2)画像の利用 3)マルチメディアデータの利用 4)ページデザイン･レイアウト 5)アクセシビリティ ･ウェブサイト運用管理 1.次に掲げるウェブサイト運用･管理に関する作業が出来ること。 1)更新･管理 実技試験の概要 ウェブデザイン技能検定は、1級から３級まで、３つの等級に分かれており、 すべての等級で学科試験、実技試験の両方が実施される。 これは、他の団体が行うウェブデザインに関する検定試験と異なる大きな特徴の一つである。 また、どの等級においても、学科試験、実技試験のどちらか一方しか合格できなか

ウェブデザイン技能検定３級学科出題範囲 9.ウェブサイト運用･管理技術 1.次に掲げる各種ウェブサイト運用･管理技術において、一般的な知識を有すること。 1)サイト管理 2)システム保守 ウェブサイト運用・管理技術について ウェブサイト運用・管理技術では、ウェブサイトを運用するうえで情報の 更新作業を効率的に行うために採用する技術や、ウェブサイトの内容をより良いものに していくために、ページ構成を含めた修正に関する知識なども必要となる。 効率的なコンテンツの管理 最近ではCMS（Content Management System）を利用したウェブサイト構築も 一般的になっている。 これは元々ブログのようなスタイルで利用されていた、記事（Content）ごとに、 情報を管理する仕組み（Management System）である。 ユーザ（クライアントの担当者）からすると、管理画面での記事の書

ウェブデザイン技能検定３級学科出題範囲 8.ウェブサイト設計･構築技術 1.次に掲げる各種ウェブサイト構築に関わる一般的な知識を有すること。 1)サービスサイト 2)バナー広告のタイプと作成 2.次に掲げる各種設計･構築技術において一般的な知識を有すること。 1)コミュニケーション 2)企画 3)プランニング 4)サイト設計 5)サイト構築 ウェブサイト設計・構築技術について 「ウェブサイト設計・構築技術」というと、これまで解説してきた知識の どれもが該当するのでは？と思ったかもしれない。 これまでの内容と違う点は、ウェブサイト公開までの全般的な知識、 つまりワークフローやディレクションに関する内容や、 考え方に関するものが主体となっているというところだ。 ウェブサイト公開までの各段階で、何が肝心なのかを理解しているかどうかが重要だ。 ワークフロー ウェブサイト設計・構築技術では、コミュニ

ウェブデザイン技能検定３級学科出題範囲 6.ウェブインフォメーションデザイン 6-3.ユーザビリティ 1.次に掲げるウェブサイト構築におけるユーザビリティに関するデザイン手法について一般的な知識を有すること。 1)人間工学 2)ISO9241-11 7.アクセシビリティ･ユニバーサルデザイン 1.次に掲げるウェブサイト構築におけるアクセシビリティに配慮したデザイン手法及び ユニバーサルデザイン手法について一般的な知識を有すること。 1)ウェブコンテンツJIS(JIS X 8341-3) 2)ユニバーサルデザイン 2.以上を用いてウェブサイトの構築及びページデザインについて一般的な知識を有すること。 ユーザビリティとは ユーザビリティ（英語: usability）あるいは日本語で使用性（しようせい）とは、 使いやすさとか使い勝手といった意味合いで使われることが多い。 しかし、その語義は多様で

ウェブデザイン技能検定3級学科の出題範囲 6.ウェブインフォメーションデザイン 6-1.インフォメーションデザイン 1.次に掲げるウェブサイト構築を目的とした情報デザイン手法について一般的な知識を有すること。 1)情報の構造化 2)サイトマップの構成と設計 情報の構造化について ウェブインフォメーションデザインは、情報デザイン、 インターフェイスデザインに関することやユーザビリティに関することが主な内容 となっている。 ここでのユーザビリティは、人間工学とISO9241-11の２つの項目が明記され、 ウェブに特化したものではなく、広い意味でのユーザビリティということができる。 情報の構造化とは、全体を把握したうえで、その構成要素について明らかにし、 構成要素の関係が分かりやすく整理されていることが重要である。 そこで、よくつかわれるのがパンくずリストである。 パンくずリストについてはウェブ