FC2ブログ

Webクリエイター試験対策4回目(サンプル問題問1CSS部分)

Webクリエイター試験
06 /29 2018
jimdoHP-20180604.png
No.2859 2018.06.29(金曜日)

おはようございます!(^-^)/ 新谷郁子です。

▼本日は風が強いですね。お気をつけてお越しくださいませ。

 教室前にバラが一輪さいているのにお気づきでしょうか。
 今年はバラにチャレンジし
 ~たいした手入れはできていないのですが~
 先月に続き、今月も咲いて、毎日楽しみに見ています。
 来月には朝顔も咲きそうです♪

【2018年6月29日(金)9-18時開講しております。】

▼当教室では、スクール生、ブログ読者、メルマガ読者の
 ご活躍とお幸せを心より応援しております。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■Webクリエイター試験対策4回目(サンプル問題問1CSS部分)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

▼当教室でご受験頂ける「Webクリエイター試験」
 外部受験者の皆様のための試験対策シリーズ3回目です。
【Webクリエイター試験 スタンダード(初級)サンプル問題】
https://www.sikaku.gr.jp/web/wc/contents/prepare/sample/1/

【Webクリエイター試験対策シリーズ】
1.align width height altなどの読み方
http://heartfulpc.blog26.fc2.com/blog-date-20180625.html
2.サンプル問題の始め方 文書型宣言(2018/6/26)
http://heartfulpc.blog26.fc2.com/blog-entry-3489.html
3.サンプル問題 問1 html部分(2018/6/28)
http://heartfulpc.blog26.fc2.com/blog-entry-3491.html
4.サンプル問題 問1 html small,css (2018/6/29)
http://heartfulpc.blog26.fc2.com/blog-entry-3492.html

【Webクリエイター試験対策シリーズ3回目 サンプル問題問1続き】
▼サンプル問題は問1から問5まであります。
 本試験も同様に問1から問5までの流れはほぼ同じです。
 サンプル問題問1の続きを一つ一つ見てまいりましょう。
 サンプル問題と解答例は、サーティファイ公式ページにて
 無料でダウンロードでき公開されているものです。
問題1 トップページと基本レイアウトの作成
(1)トップページのHTMLの編集(続き)
■設定10 small要素の設定
     以下のテキストをsmall要素でマークアップする。
     なお、small要素はp要素の中にマークアップすること。
     small要素を設定するテキスト
Copyright 2014 HAPPINESS FITNESS CLUB All rights reserved.
【正解】
<p><small>Copyright 2014 HAPPINESS FITNESS CLUB All rights reserved.</p></small>
※<>は本来半角ですが、半角でタイプするとブログに表示されなく
なってしまうので、あえて、全角で<>としています。
【small要素は「注釈」を表す】
「注釈」は著作権表示や免責事項のこと。
以前のHTMLのバージョンでは、
smallは小さな文字を表すための要素でしたが、
HTML5では意味が変更されました。
smallは著作権表示や免責事項など注釈を表す場合記述します。

~~~~~~~~~~~~~~~~~~~~~~~~~
サンプル問題のCSSファイル最初の状態=変更前
html5stsamplecss変更前

(2) 基本レイアウトのCSSの編集
「CSS」フォルダにある「style.css」の
「/*基本レイアウトここから↓*/」と
「/*基本レイアウトここまで↑*/」の中に
以下の設定を行い、保存しなさい。

■設定1 #headerの変更
 2か所ある「#header」を「header」に変更する。
  変更するセレクター
   #header
   #header h1
【正解】#headerをheaderに指示通り変更する。
【変更する理由】
(1)の設問5で、
html4.01の頃の記述、<div id="header"></div>を
html5ではdivを使わず<header></header>とした
このとき、html側で、header要素は、idではなくなった。
そのため、css側で、id要素の書式を記述する際には、
id要素名の先頭に#をつけるが、その必要がなくなった。
#がついたままだと、CSSの書式がhtmlに反映しない。

なお、idは、class同様、ひとまとまりの書式等の設定で、
classとidの違いは、
classは、同じクラス名を1ページ中に何度でも使えるが、
idは、同じid名は1ページ中に1か所しか使えない。
なので、idは1か所しか使えないようにしたい場面で登場します。

classをcss側で記述する時は、class名をredとすると
.red
のように、先頭に.(ドット)をつけます。
これは独自に作ったひとまとまりの書式名だと
.のないcssの記述と区別できます。
サンプル問題のCSSファイル変更後
html5stsamplecss変更後

▼html5とcssの基本学習がこれからの方は、
 htmlとcssの関連など難しかったかもしれません。
 次回、少しふれてみたいと思います。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■30春 ITパスポート 公開問題
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【平成30年春 過去問題・解答例】は
IPA公式サイトで公開されています
⇒https://www.jitec.ipa.go.jp/1_04hanni_sukiru/_index_mondai.html
【問24】
営業秘密の要件に関する記述a~dのうち、
不正競争防止法に照らして適切なものだけを全て挙げたものはどれか。
a.公然と知られていないこと
b.利用したいときに利用できること
c.事業活動に有用であること
d.秘密として管理されていること
【正解】イ a,c,d

【問25】
製品の開発から出荷までの工程を開発、生産計画、製造、出荷
とするとき、FMS(Flexible Manufacturing System)の導入によって
省力化、高効率化できる工程として、適切なものはどれか。
【正解】ウ 製造

━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■30春 基本情報 午前問題
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【平成30年春 過去問題・解答例】は
IPA公式サイトで公開されています
⇒https://www.jitec.ipa.go.jp/1_04hanni_sukiru/_index_mondai.html
【問24】
次のような注文データが入力されたとき、注文日が入力日以前の
営業日かどうかを検査するために行うチェックはどれか。
※ここに図が入る
注文データ
伝票番号  注文日  商品コード  数量  顧客コード
(文字)  (文字)  (文字) (数値) (文字)
【正解】エ 論理チェック

【問25】
H.264/MPEG-4 AVCに関する記述はどれか。
【正解】エ
ワンセグやインターネットで用いられる動画データの圧縮符号化方式

━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本情報 午後問題8(必須)アルゴリズム基本
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TACさんFEアルゴリズム分野のみWeb配信受講
アルゴリズム講義第4回の講義視聴終了
教科書熟読中P18~
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■応用情報 30春午後問題10サービスマネジメント(復習)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【30春AP午後10「データセンタで行うシステム運用」】
P56
設問1
[T社のサービス携帯と電気設備の管理]について、(1),(2)に答えよ。
(1)T社のDCのハウジングサービスの特徴に関する記述として、
適切なものを解答群の中から選び、記号で答えよ。
ここで、サーバとは、ハウジングサービスの対象となるサーバである。
解答群
ア 顧客によるサーバの維持メンテナンス作業は、不要である。
イ サーバの性能監視は、顧客が行う。
ウ サーバの増設は、T社が行う。
エ サーバは、T社から提供されている。
【正解】イ サーバの性能監視は顧客が行う。
【考え方(新谷)】
表1T社のサービス形態より
「ハウジングサービス:
 顧客が所有する情報機器をDCに設置して、顧客が専用で使用する。」
p.52
「ハウジングサービスでは、顧客はDCから提供されたサーバ室に
顧客が所有する情報機器を設置する。提供されたサーバ室に設置した
情報機器には、電力会社及び自家発電設備から電力を供給しているが、
UPSは顧客が設置するルールとなっている。」
とあるので、
ア、ウ、エのようにT社が機器に関するサービスを行うのでなく、
イ サーバの性能監視は、顧客が行う
が適切。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■Illustrator CC スタンダード試験 対策
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Illustrator Quick Master CC ~P.42
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■2018年目標実行日記)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【母・幸・情報試験・英語・2:8】10秒で言える2018年目標
※  2018/01/19(金)日商マスター第一次試験(2/14合格)
※  2018/01/26(金)日商PC1級添削サービス(済)
※  2018/02/01(金)日商原価計算初級検定説明会(済)
※  2018/02/11(日)秘書検定本試験日(教室は開講)
※  2018/02/18(日)プレゼン資料作成1級(不合格次回10/7)
※  2018/03/ 7(水)日商マスター第二次試験(合格保留)
※  2018/03/11(日)ITEC SG模試(自宅受験済)
No.2 2018/03/11(日)ビジネス会計検定3級(不合格68/100)
※  2018/03/17(土)SG情報試験模試八重洲校(済)  
※  2018/03/18(日)AP情報試験模試立川校 (済)
No.3 2018/03/27(火)日商原価計算初級検定試験(合格)
※  2018/04/01(日)AP情報試験模試(大原・池袋)
※  2018/04/02(月)日商原価計算初級ネット試験開始 
No.4 2018/04/15(日)平成30年春AP応用情報試験(66-59不合格)) 
No.5 2018/04/23(月)キータッチ2000テスト(1356文字)
No.6 2018/04/24(火)サーティファイExcel表計算2級(合格)
No.7 2018/06/10(日)城郭検定(受験済)
No.8 2018/06/25(月)サーティファイWord 2016 3級(受験済)
***今、ここ***
No.9 2018/07/29(日)TOEIC(申込済)
No.10 2018/08/25(土)Illustrator(CC)st 試験
No.11 2018/09/02(日)ビジネス会計検定3級・2級
No.12 2018/10/07(日)日商PC検定1級試験(プレゼン資料)
No.13 2018/10/21 (日)平成30年秋情報処理技術者試験
No.14 2018/11/11(日)色彩検定http://www.aft.or.jp/(8/1-10/4)
No.15 2018/11/24(土)ジュニアプログラミングGold
No.16 2018/著作権検定
No.17 2018/Excel分析
No.18 2018/コミュニケーション試験
No.19 2018/日商ビジネス英語検定3級
2019/03/日商マスター第二次試験(合格保留3月再受験)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■健康・介護・手づくり野菜
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

▼椎葉さんの「無農薬野菜セット」が本日より
 羽村駅前Bootさんで再開します。
 午後には野菜セットが置いてあるようです。
 楽しみです♪
━━━━━━━━━━━━━━━━━━━━━━━━━━
☆地域の小さなパソコン教室ながら、志は高く
 「あなた様の夢に向かってご一緒するパソコン教室」
 を目指しています!!☆~☆
☆自分で考える力をつけるPC教室☆
━━━━━━━━━━━━━━━━━━━━━━━━━━

20180630薔薇
200px-東京アクセスOAスクール羽村校300px

コメント

非公開コメント

heartfulpc

東京アクセスOAスクール羽村校
パソコンインストラクタの新谷です

東京都羽村市で
初心者の方も
超リーズナブルに
Word Excel powerpoint等
履歴書に書ける
パソコン資格を
取得できるパソコン教室です。
https://heartfulpc.jimdo.com/

お電話でのお問い合わせは
042-555-5892
ホームページ
https://heartfulpc.jimdo.com/