H.U.W.A. 活動報告作成フォーム
基本情報
  • / / / /
  • ○月□日〜○月△日 など
  • ※「名前(学年)」を空欄にすると表省略
構成
  • / / / / /
  • 選択肢から選ぶ ---
  • / / / / / /
  • / / / /
  • 自分で指定 ---
  • / / / /
  • / / / / /
コメント









  • さらに五つ





  • さらに五つ





複数ページ用設定(任意)
  • 単ページ作成時やリンクを挿入しない最終ページなどでは項目を空欄に
  • 現在作成中のページを記入(単ページ作成時や、最終ページ作成時には空欄)
  • 例) 2ページ目作成時には「2」と記入すると、3ページ目へのリンク(index3.html)が挿入
  • どのようなコメントでリンクを作成するか
  • 例) 3日目へ
  • 発展) <img />タグで画像リンクなど
  • 例) 1ページ目に10枚の画像を使った場合、2ページ目作成時には「11」と記入
出力

(C) 2009 H.U.W.A. All rights reserved.
画像の用意

@撮影
計画で画像を撮影しておいてください。報告に使う画像の選別も。
※このフォームで使用できる画像は最大20枚となります。


A加工
画像を報告用に縮小する必要があります。Windows付属のペイントなどでも可能です。手順はそのうち。
※どうしても画像の加工法が分からない場合は、そのまま送ってもらってもかまいません。


B名前変更
各画像を表示させる順に上から1.jpg 2.jpg 3.jpg 〜 20.jpgのようにファイル名を設定し保存してください。このときのファイル形式はJPEG(拡張子は半角小文字の.jpg)で。

フォームの利用

C各項目
フォームに従って選択・記入をしていってください。


D保存
サンプルを見て確認を行ったあとで、テキストエリアの内容を全部コピーし、メモ帳などに貼り付けて保存をします。このときファイル名は1ページ目であれば「index.html」2ページ目は「index2.html」3ページ目は「index3.html」のようにしてください。


-背景画像-
背景画像を選択した場合はこの項は関係ありません。飛ばして次へ進んでください。 背景画像を自分で設定する際は、その画像ファイル名をbg.jpgとして保存してください。(このフォームを使ったプレビュー時にはサンプル画像が表示されます)フォームではその画像の配置位置を選択してください。

最後に

Eフォルダの作成
わかりやすいところに新しいフォルダを作成します。フォルダ名は計画名をローマ字(英字)で打ったものにしてください。


F移動
作成したフォルダにBで準備した画像、およびDで保存したindex.htmlを移動させます。また、背景に画像を使う場合は用意したbg.jpgも同様に移動させます。


G圧縮
フォルダごとファイルを圧縮し、歩く会のホームページ管理者へ送信してください。

- Tips -

タグの使用
このフォームでは各テキストボックスでHTMLタグの使用が可能です。
タグを使用する際はプレビューを用いて内容の確認をしっかりと行ってください。


JavaScript
このフォームはJavaScriptで動作しています。うまく動作しない場合は、ブラウザの設定からJavaScriptの実行を許可してください。


内容の省略
日付やメンバーなど、テキストボックスを空にすれば内容を省略することができます。メンバーが多くて書ききれない場合などは、省略して計画紹介の欄に記入することもできます。上手く利用してください。


フォームの変更
フォームの入力項目や、選択肢などに変更・追加・削除の要望があったら連絡をください。できるだけ応えたいと思います。


作成フォームの応用
複数ページの作り方、リンクの貼り方など

Topへ戻る