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

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

  1. チーム内での分担を確認し、絵コンテ(夏休み課題)を仕上げる。もれやダブりがなくうまく話がつながるか確認する。
  2. コンテンツプログラミングシステム_prprの紹介を見て、作り方を理解する。
  3. Meryを起動し、Ctrl+O(開く)で pr41.html (41の部分は自分の出席番号)を開く。
  4. Ctrl+F3 で、スライド1枚の中身を選択。Ctrl+F3 を押すたびに、次のスライドの中身が選択される。Ctrl+C(コピー)で、スライドの中身をコピーする。
  5. Ctrl+F8で、preditorを開く。右肩のコードビューボタン</>でソースコード表示にして、Ctrl+V(貼り付け)する。</>でコンテンツ表示にして、HTML編集をする。
  6. 絵コンテに従い、preditorで見出しや文章を打つ。「画像挿入について」に従い、画像を挿入する。「時短ワザ」を使って、すばやく1枚のスライドを仕上げる。
  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. あとは、4.~9.を繰り返して個人の分担を完成させる。
     preditor-Chrome(編集) → pr41.html-Mery(保存) → pr41.html-Chrome(表示) → 
    つまり、preditorで編集したものをMeryに貼りつけて保存し、Chromeで正しく表示されているか確認する作業を繰り返せばよい。
  11. 最後に、チームごとにリンクさせる。
  12. 貼り付けミスでソースをこわしてしまった場合、手早く3枚目のスライドを追加したい場合、以下の練習用スライドのソースコードを利用するとよい。
練習用スライド1のソースコード   練習用スライド2のソースコード

■ 画像挿入について【 画像の挿入の注意点(1~4)から ばっすい 】

■ 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で読み込んでいる。