コンピューター100%

4択クイズを作ろう!「Quizer」

1問目
問題文
選択肢1.
2.
3.
4.
正答
解説
タイトル
背景色
文字色
ページ
サンプル
背景色
文字色
問題文
サンプル
背景色
文字色
色の設定は赤、緑、青の強さを選んでください。
←左のソースを保存してご自分のサイトにアップロードしてください。
  • 「クイズを作ろう! Quizer」とは
  •  「クイズを作ろう! Quizer」は必要な項目を入力していくことで簡単に4択クイズを作ることが出来ます。
     プレビューを見ながら色を設定し、そのHTMLソースを保存して、ご自分のサイトスペースにアップロードしていただくことで完成します。
     クッキーにすべての情報を保存できるので、製作途中でブラウザを終了させても、次回起動時に読みこんで続きから作業出来ます。(ただし容量の関係上文章量にもよりますが保存できるのは5〜6問程度です。)
     

  • 入力・作成方法
    • 問題文を入力します。

    • 選択肢を4つ、入力します。

    • 正答の番号をチェックします。

    • 採点後に表示される解説があれば、入力します。

    • 1つの問題を入力し終えたら、[次の問題]で次の問題に移ります。

    • タイトル、ページ自体、問題文の背景色と文字色を指定します。

    • 戻り先と、リンクテキストを入力します。

    • [完了]ボタンを押すと、別ウインドウが開き、プレビューが表示されます。

    • 色を確かめ、実際にやってみて間違いがないか確認してください。

    • 表示されているソースをお好きなファイル名で保存し、アップロードして完成です。

  • ボタンの使い方
  • [<<前の問題]問題数が2問以上の時、一つ前の問題を表示します。
    [>>次の問題]一つ先の問題を表示します。ない場合は新しく問題を作ることができます。
    [完了]書きこんだ問題をプレビューし、どのような感じで表示されるか確かめます。HTMLソースも作成されます。
    [保存]問題のデータ、タイトルや色の設定などの全項目をクッキーに保存します。保存できるのは1件だけです。
    [開く]クッキーに保存してあるデータを読み込みます。既存のデータが入力されている場合、追加されます。

  • 色の指定
  •  色は、3つのリストボックスから数字またはアルファベットを選び、それぞれの割合から設定されます。これはRGBで指定するのと同じです。
     左から、赤、緑、青のリストボックスになっています。
     [0]が1番弱く、[F]が1番強くなります。
     変更すると、サンプルの背景と文字色に反映されるので参考にしてください。
     インターネットエクスプローラーなら、マウスのホイールでもスムーズに変えられます。

  • 戻り先とそのURL
  •  クイズのページからほかのページへのリンクが張られるので、左側のテキストボックスにリンクテキスト、右側にURLを入力してください。

  • 設置方法
  •  問題を作成する領域のすぐ下にある、テキストボックスの内容がHTMLのソースです。
     こちらを右クリックして[すべて選択]もう一度右クリックして[コピー]します。
     エディタなどを開き、貼り付けて、適当な名前で保存してください。
     保存したファイルをご自分のサイトスペースにアップロードし、他のページからリンクを張れば完成です。

  • 使用方法
  •  4つある選択肢のうち正解だと思うものにチェックをつけていきます。
     最後の問題を追えたら、[OK]ボタンをクリックします。
     そうすると、○か×が右側に、解説が左側に表示されます。また、正しい答えがタイトルの背景色の枠で囲まれます。
     皆さんのホームページ作りに役立てば幸いです。

  • リンクについて
  •  リンクウェアですので、作成されたHTMLには当サイトへのリンクが張られます。
     このリンクはそのままの場所でも構いませんし、その他のリンクページに移していただいても構いません。
     

ページ内検索
文章内から検索:
ランキング
著作権表記
Copy right © Ship.
PR