1. 「Page HTML」を使った評定課題

評定課題（画像）は，小林先生のチュートリアルでもとりあげていますが，そのやり方とは少し異なった方法を紹介します。

これまで，ビルダーを用いて可能な限りGUIベースで実験を作るようにしてきました。今回は「HTML」や「CSS」のコードも書いていきます。実験を作る際の「おまじない」のようなものとして書いてみてください。

2. Page HTMLでスライダーを使った評定課題に修正する

HTMLのタグとCSSを用いて，以下のようなデザインの画面を作成します。

2.1.「Page HTML」でテキストの表示

まずは，下側のスライダー部分から作成します。左コラムより「＋」を押し，「Page HTML」を作成して下さい。「Content」で表示すると，以下のように表示されています。

以下のように入力してください。

• 「Title」：「どのくらい美味しそうか？」
• 「Text」：「美味しそうでない　美味しそうである」

以下が入力例です。

2.2.「Page HTML」でスライダーの追加

「スライダー」を作成するには，ページ中央の「＋」のボタンを押して下さい。