本校のホームページ作りに携わり、今年度で３年目となりました。生徒の活動の記録を残し、分かりやすくかつ迅速に情報を発信していけるように努めておりますが、まだまだ勉強不足の箇所も多くあります。
今回、紹介することにしたのは、どんな方法で更新をしているのかの質問をいただいたり、各学校で児童・生徒の活動をウェブ上で公開しておられる先生方に、少しでも参考になればと思います。（情報担当：小田仁洋）
ウェブ開発ツール |
・Macromedia STUDO 8 (Dreamweaver8、Fireworks8他） |
Dreamweaver8 解 説 |
・Dreamweaver8を使用して、ホームページの骨格(HTML)を作成します。作業効率アップのため、テンプレートから記事を作成しています。テンプレートを使用すると、サイト全体の修正が必要になった場合でも、一括で変更することができます。
Dreamweaver8は、メニューの作成や、テーブルの作成など、細かいところまで構成できます。 記事を作成する作業画面は、テンプレートで作成した「編集可能領域」に記事を入力します。ワードなどのワープロソフトと同じ要領です。
保存作業が終わったら、テンプレートのメニューや最新記事に追加します。その後、FTP機能の「ファイルの同期」を行います。自動化されたこの機能によって、サイト全体の更新作業が終わります。
|
Fireworks8
解 説 |
行事などのデジタル写真は一元化して保存してあり、教職員は誰でも２次利用ができるようになっています。画像が一括して自動処理できる機能が付いたこのソフトは、作業効率が高いです。
このソフトで、写真に文字を入れたり、文字に影を付けたり、写真を重ね合わせて透明度を指定したりと様々な加工ができます。
ウェブ開発に特化しているので、Photoshopに頼らなくても、あらゆるホームページ用の画像編集ができます。 |
動画変換ツール |
WMVReEnc（フリーソフト） |
解 説 |
デジタルビデオカメラで撮影したファイルを「WMV」に変換するソフトウェア。 「WMV]は、Microsoft社が開発した動画形式で、Windows標準のメディアプレーヤーである「Windows Media Player」が標準でサポートしている形式の一つ。ネットワーク配信を前提に設計されており、高い圧縮率、ストリーミング再生が可能で、生徒の活動を保存するのに適している。
WMVファイルに自動変換ができ、作業効率が高い。 |
FTPソフト |
ＦＦＦＴＰ（フリーソフト） |
FTPは主にDreamweaver8に付いている機能を使いますが、CGIの設定などはこのソフトを使います。
|
参 考 書 籍 |
解 説 等 |
誰でも簡単にできる学校Webサイト活用法―学校の情報公開、地域・保護者との連携のために (単行本)
|
学校のホームページによる情報公開について、分かりやすく解説してあります。
|
「現場の必須テクニックDreamweaver/Fireworksの仕事術」
|
効率的なウェブページのデザイン・作成を分かりやすく説明してあります。
|
「説得できるWebデザイン200の鉄則 顧客をがっちりつかむサイトはこう作る」
|
制作をしている中で、すぐに役に立つ手引き書として活用しています。 学校現場のホームページ担当者が、すばやく情報収集をして情報発信をしていく手法について参考になります。
|
「分かりやすい表現」の技術―意図を正しく伝えるための16のルール
|
情報発信には、「分かりやすい表現」が不可欠です。何が分かりにくいのかを具体的に説明してあるので、ホームページ上に掲載する情報に限らず、分かりやすく伝える表現の方法について学ぶことができます。
|
「ｍａｃｒｏｍｅｄｉａ Ｄｒｅａｍｗｅａｖｅｒ４でホームページをつくろう！ 知識ゼロからはじめる For Windows 」
|
Dreanweverを使い始めの頃に活用した書籍です。レッスン形式で解説してあり、オールカラーで分かりやすい。
|
ｍａｃｒｏｍｅｄｉａ ＦｉｒｅＷｏｒｋｓ４でＷｅｂ素材をつくろう！ 知識ゼロからはじめる For Windows」
|
Dreamweaver同様、Fireworksを使い始めの頃に活用した書籍です。レッスン形式で解説してあり、オールカラーで分かりやすい。
|
「情報を伝えるためのデザインと技術Web Site Design Vol.5」
|
テキストの作り方や、レイアウトの方法について学ぶことができます。
|
「情報を伝えるためのデザインと技術Web Site Design Vol.7」
|
写真撮影のノウハウが説明してあり、「写真で伝える」技術が理解できます。 また、テキストを画像化するときの読みやすさの技術が理解できます。
|
