授業プリント / 1ページ目のコード

実際のビルド結果 · 1/2ページ · 画像を選んで拡大

実際の2ページ作例の 1ページ目 に対応するソースです。内容は架空で、教育内容・設計要件は利用前に担当者が確認します。共通CSS・設定と参照ファイルを組み合わせて使います。

プレビュー一覧へ戻る共通CSSと設定次のページ

このページのMarkdown

document.md の明示的な区切りで分けた抜粋です。ページ間には <!-- wwpo:break --> を置きます。

document.md

<!-- wwpo:page flow=fixed -->
# 分ける・比べる・説明する

<!-- wwpo:block class="learner-fields" -->
| 学年 | 組 | 名前 |
| --- | --- | --- |
|   |   |   |

**授業プリント / 架空の教室の作例**

構成を示す架空の作例です。先生が内容を確認し、学習者に合わせて調整してください。

## 学習のめあて

四枚の架空のカードを分け、自分で選んだルールを説明します。友達の分け方と比べてみましょう。

## 用意するもの

A〜Dのカード、鉛筆、このプリント。以下の値は活動用の架空データです。

<!-- wwpo:table data=cards caption="四枚の架空のカード" -->

## やってみよう

1. 色・形・数などから、分けるルールを選びます。
2. そのルールでカードを分けます。
3. どの特徴を使ったか、友達に説明します。
4. 別のルールを試します。何が変わりましたか？

関連する図表定義とデータ

data/cards.csv

カード,色,形,数
A,青,丸,2
B,緑,四角,4
C,青,四角,3
D,緑,丸,1

デザインと再生成

見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。

共通CSSと設定を見る · 作例全体の紹介へ