練習問題の概要 0:16

Chapter10までで学習した要素を使って、
ボブのお父さんの会社サイトの「 よくある質問ページ」を作ってみましょう。

クリア条件
文章に対して適切な要素がマークアップされていること
目標タイム
20分
使用ファイル
「Chapter11」フォルダ内の「index.html」

完成イメージ

ブラウザでの表示例

RERUN

新しいウインドウで表示する

問題 1:43

解けた問題は問題文の横のチェックボックスをオンにしましょう。

HTMLの全体構造

HTMLに必要な基本的な要素を記述しましょう。

    • <html>要素 （lang属性: “ja”）
    • <head>要素
    • <body>要素
    • <title>要素
    • 文字列「よくある質問 | 架空の株式会社ダミー」

テキスト関連の要素

文章を配置し、見出しや段落などのテキスト関連の要素を記述しましょう。 

  1. よくある質問
株式会社ダミーによくご質問頂く内容を、Q&A集としてまとめました。

当社についてのQ&A

何をやっている会社ですか？
お客様のために最高品質の架空の製品をつくる会社です。
御社の今後の方向性はなんですか？
「お客様のためなら何でもする」という経営方針のもと、
架空の製品を開発し、国内で一番の架空の会社を目指します。

サービスについてのQ&A

カスタマイズはできますか？
はい、可能です。
お客様のご要望に合わせて架空の製品をカスタムします。
注文してから何日ぐらいで納品されますか？
国内であれば最短6時間で納品致します。
ただし下記の場合は納品に1日〜3ヶ月程度かかります。
海外からのご注文の場合
台風や地震などの災害が発生した場合

採用についてのQ&A
アルバイトから社員になれますか？
もちろん可能です。
頑張り次第で、アルバイト -> 契約社員 -> 正社員になれます。
社員に求める能力ベスト3はなんですか？
忍耐力
持久力
コミュニケーション能力

離職率はどれくらいですか？
入社後1年以内の離職率はわずか87%です。

© 2016 株式会社ダミー All Rights Reserved.
    • 文字列「&」
    • 文字列「>」
    • 文字列「©」
    • 文字列「よくある質問」
    • 文字列「当社についてのQ&A」
    • 文字列「サービスについてのQ&A」
    • 文字列「採用についてのQ&A」
    • 文字列「株式会社ダミーによくご質問頂く内容を、Q&A集としてまとめました。」
    • 文字列「© 2016 株式会社ダミー All Rights Reserved.」

リスト関連の要素

箇条書きや用語説明型リストを記述しましょう。

    • 文字列「何をやっている会社ですか？」〜 文字列「国内で一番の架空の会社を目指します。」
    • 文字列「カスタマイズはできますか？」〜 文字列「台風や地震などの災害が発生した場合」
    • 文字列「アルバイトから社員になれますか？」〜 文字列「入社後1年以内の離職率はわずか87%です。」
    • 文字列「海外からのご注文の場合」〜 文字列「台風や地震などの災害が発生した場合」
    • 文字列「忍耐力」〜 文字列「コミュニケーション能力」

テキスト関連のフレージング・コンテンツ

改行や強調、重要など文章の一部に意味や役割を持たせましょう。

    • 文字列「はい、可能です。」の後
    • 文字列「国内であれば最短6時間で納品致します」の後
    • 文字列「もちろん可能です。」の後
    • 文字列「お客様のためなら何でもする」
    • 文字列「わずか」
    • 文字列「国内で一番の架空の会社を目指します。」

解答 2:12

解答