2020年1月の記事一覧
ウェブデザイン技能検定を受験した話②
先日、こちらの記事を書きましたが
引き続き、この試験の２級を受験してきました。
結果、【実技は合格＋筆記は不合格】で
もうひと頑張り必要なはこびとなりました。
まぁ実技が結構個人的にヘビーだったので
これをパスできただけまだありがたいと思うことにします！
…ということで、２級実技の対策記録。
（１）購入が必要なもの ①Photoshop（必須）
②Dreamweaver
②については
CSS3からの追加仕様②
①はこちら↓
（８）画像ボーダー「border-image」を使うと、ボックスのボーダーに画像を表示できる。
（例）
border-image-source: “画像のURL”;
【設定できる値】
①none
画像なし（デフォルト）
②url (“画像のURL”)
相対／絶対パス、どちらでもOK
＜border-image-sourceにセット追記できるプロパティ＞
（１
CSS3からの追加仕様①
（１）一般兄弟セレクタ
「要素A」よりも後ろに記載のある「要素B」に対して
スタイルを適用したい場合、要素名を「~」記号で繋げて記述する。
<p>対象外の段落</p><h3>小見出し</h3><p>対象の段落</p><p>対象の段落</p>
このとき、CSSを
h3 ~ p { color: red; }
とすると、「h3要素が登場した後に記述されているp要素だけ」を
適用対象にできる（文
VSCodeでXAMPPを使ってPHPデバッグ
（１）What's XAMPP？まず、読み方は「ザンプ」。
（最初 読めなかった…）
PHP（Perl）を開発環境で動かす時に必要な
・Webサーバ
・データベース
・プログラムの実行環境
をパッケージ化した、フリーのソフトウェア。
HTMLファイルと違って、ブラウザがPHPのプログラムを
実行できる機能を持っていないため、
PCにインストール＆設定する必要がある。
それぞれの頭文字
カラーコードの読み方
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
（１）フル桁表記の読み方6桁表記の「#RRGGBB」（仮）の場合、それぞれの値は
RR：赤
GG：緑
BB：青 の色味を表現している。
（２）3桁表記の読み方６桁表示から「0」を抜いて省略する場合は、同じ値が続く。
「#fc0」の場合は「#ffcc00」となる。
ここまでは良い
ルビ関連要素（HTML）
以前、「ruby」について こちらの記事で書いたものの（↓）
関連する要素が理解できていなかったので、まとめ。
（１）ruby要素（２）以降の要素の「親」となる要素。
ルビを振るテキストの範囲を表す。
（例）
<ruby>朝寝坊<rt>あさねぼう</rt></ruby>
（２）rb要素Ruby Baseの略で、ruby要素の子要素として使用する。
ルビが難しくない場合は、ruby要素
viewportを使った単位（CSS）
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
CSS3の新単位、vw・ vh・ vmin・ vmaxについて。
CSS2.1以降、絶対単位となった「px」と
親要素に対して相対単位（倍率）の「%」に加えて
vw・ vh・ vmin・ vmaxが登場。
（１）viewportとは「表示領域」のこと。
デスクトップ環境（PCなど）のブラウザ
HTML5で追加されたAPI（HTML）
HTML5で追加されたJavaScriptのAPIについて
虫食いで勉強していたものの、
差分だけでは追いつかない…
アレもコレも知らない…！（焦）
というのが実情だったので、まとめ。
（１）Web Storage これについては、まとめていました↓
（２）File APIJavaScriptで、ユーザのローカル環境保存ファイルを
直接参照、編集できる。
ただし、HTML上の「FileRe
WebStorageについて（HTML）
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
HTML5のAPIであるWeb Storageについて。
（１）sessionStorageについて
key-value型のデータ保存形式
データ：ウィンドウやタブを閉じるまで有効
別ウィンドウでのデータ共有：×
ウィンドウ間でデータが共有されることはない。
（２）localS
HTML5のグローバル属性（HTML）
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
☆：HTML5.1 ～
★：HTML5 ～
（１）ID・スタイル
①id=""
要素にIDを付ける。
②class=""
要素にクラス名を付ける。
③style=""
要素に直接スタイルシートを指定する。
（２）ユーザビリティ
①title=""
要素に補足情
暗号化（共通鍵／公開鍵）について
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
情報処理試験で散々やったはずなのに、見事に忘れます…。
（１）まず
「暗号化と言ったら」で挙がるのは２種類
・ PKI ＝ 公開鍵暗号方式
（Public Key Infrastructure）
・共通鍵暗号方式
…そこからwww
（２）公開鍵暗号方式のざっくり手順お互いの「電子
「ラスタ形式」と「ベクタ形式」
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
（１）ラスタ形式【特徴】
・1pixelの点が縦横に並んだ、点で構成されるデータ
（「ビットマップ画像」）
・複雑な色・画像を表現することが可能
・点が増えるとデータサイズが大きくなる
・拡大縮小には不向き
【代表的なソフトウェア・拡張子】
・Adobe Illustrato