⇒　清川中のPRへ　　⇒　ふるさと学習チームへ　　⇒　日常活動チームへ　　⇒　生徒会活動チームへ　　⇒　学校行事チームへ　　→　教育の情報化で明るい未来を

■ ディジタル作品「清川中のPR」の作り方

  1. チーム内での分担を確認し、絵コンテ(夏休み課題)を仕上げる。もれやダブりがなくうまく話がつながるか確認する。
  2. コンテンツプログラミングシステム_prprの紹介を見て、作り方を理解する。
  3. Meryを起動し、Ctrl+O(開く)で pr41.html （41の部分は自分の出席番号）を開く。
  4. Ctrl+F3 で、スライド１枚の中身を選択。Ctrl+F3 を押すたびに、次のスライドの中身が選択される。Ctrl+C(コピー)で、スライドの中身をコピーする。
  5. Ctrl+F8で、preditorを開く。右肩のコードビューボタン</>でソースコード表示にして、Ctrl+V(貼り付け)する。</>でコンテンツ表示にして、HTML編集をする。
  6. 絵コンテに従い、preditorで見出しや文章を打つ。「画像挿入について」に従い、画像を挿入する。「時短ワザ」を使って、すばやく１枚のスライドを仕上げる。
  7. preditorでHTML編集後、</>でソースコード表示にし、Ctrl+A(すべて選択)・Ctrl+C(コピー)して、Meryで（Ctrl+F3で目的のスライドの中身が選択された状態で）Ctrl+V(貼り付け)する。 Ctrl+S(保存)で、pr41.html を上書き保存する。
  8. Ctrl+F9で、pr41.htmlをChromeで表示する。最新の表示にするには、F5キーを押す。
  9. Meryで、Ctrl+Shift+Sでスニペット（決まり文句）を挿入することができる。新たにスライドを追加するには、スニペット「スライド－空スライド挿入」をする。リンクは、最低「前へ」「次へ」を挿入する。preditorでの編集後、必要があればアニメーションを作成・挿入する。
  10. あとは、４．～９．を繰り返して個人の分担を完成させる。
     preditor-Chrome(編集)　→　pr41.html-Mery(保存)　→　pr41.html-Chrome(表示)　→　…
    ※つまり、preditorで編集したものをMeryに貼りつけて保存し、Chromeで正しく表示されているか確認する作業を繰り返せばよい。
  11. 最後に、チームごとにリンクさせる。
  12. 貼り付けミスでソースをこわしてしまった場合、手早く3枚目のスライドを追加したい場合、以下の練習用スライドのソースコードを利用するとよい。
練習用スライド１のソースコード　　　練習用スライド２のソースコード

■ 画像挿入について【 画像の挿入の注意点（１～４）から ばっすい 】

■ HTMLファイルについて【 ハンドブックp99より 】

pr01.html pr05.html pr09.html pr13.html
pr02.html pr06.html pr10.html pr14.html
pr03.html pr07.html pr11.html pr15.html
pr04.html pr08.html pr12.html pr16.html

■ 画像ファイルについて【 教科書p214より 】　…詳しくは→　教育の情報化で明るい未来を のページへ

■ 情報モラルについて【 教科書p196～201より 】

　　　　　　簡単アニメエディタ

■ 以前のテストページ

kuchi1p.html…Pablo.jsとsvgを相対URLで読み込んでいる。