last updated 13.June.'05
MEDIA DESIGN CLASS WEB SITE
メディアデザイン演習







 

授業の内容(8) 実製作4
第9回目 中間ヒアリング

 
 

今週も、作業の時間です。
色々調べてみて、実際にためしながら前に進んで行きましょう。
まだウェブサイトの計画が確定していない人は相談して下さい。

わからないことは早めに質問すること。


  多かった質問:画像の一部分をリンクボタンにしたいのですが
 

2つ方法が考えられます

  1:クリッカブルマップ(イメージマップ)を作成する
意味
クリッカブルマップ:Webブラウザの持つ機能の一つ。画像の中に色々なリンク先を設定しておき、クリックした位置に応じて定められたリンク先に移動する機能。また、その機能を持った画像のこと。1枚の画像の中に複数のリンク先を設定できるため、地図の画像を利用したWebサイトや、Webページの上部や左部に配置されるメニューなどで利用される。
http://e-words.jp/w/E382AFE383AAE38383E382ABE3
8396E383ABE3839EE38383E38397.html


コードの解説
クリッカブルマップで画像リンク
http://www008.upp.so-net.ne.jp/netbegin/tetori/html/c030/p030.htm

具体的な作業:
Adobe ImageReadyでイメージマップツールを使い、リンク部分にしたい所を囲み、HTMLとともに書き出す。
その後、書き出されたHTMLを抜き出し、自分の作成しているHTMLに書き写す(コピーする)。

http://www.adobe-learning.com/ImageReady/




 

2:画像をスライスする

意味:画像を複数の部分に分割してひとつひとつを最適化して保存し、
TABLEタグでひとつの画像に見える様に配置したHTMLも含めてWeb用に保存する。


 

具体的な作業:
以下のいずれのアプリケーションでも画像をスライスできる。


Adobe ImageReady
http://www.adobe-learning.com/ImageReady/slice/slice4.php

Adobe Illustrator、Adobe PhotoShop どちらも使い方はほぼ同じ
使い方mov. : http://www.adobe.co.jp/print/tips/ai10slice/page2.html
分かりやすい図示:http://www.openspc2.org/reibun/Illustrator10/special/009/




  スケジュール管理
 
6june


  1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
7july




  1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

今日
作業
合評

最後二回は合評にあてるので、授業としては今日を含めてあと3回です。
これをふまえて、スケジューリングをしましょう。

自分の作りたいサイトは、どう作れば良いのか。サンプルを作ってみて、出来るかどうかを試す。
その後、実作にどれくらい時間がかかるかを考えて、そこから逆算したコンテンツ量を決めて作り始める。
ウェブサイトデザインは追加したり更新していけるので、まずはすっきりと出来る範囲のコンテンツ量を目指すと良いと思います。


 

ヒアリング

 

先週から引き続き、サイトの計画に関してヒアリングを行って行きます。
まだサイトのイメージが曖昧な人、コンテンツが絞れない人、何をすればいいのか分からない人、積極的に話していくことで、自分のアイデアを外に出して行きましょう。
そうする事で、何がしたかったのか、何が疑問なのかがわかります。
ただ漠然と考えているだけではなかなか先に進まないのです。


  本をまだ手に入れていない人、そろそろ本当に必要な時期ですよ。
 

ウェブで参照できるHTML辞書など

 

ホームページの作り方教室 基礎編
http://www.urban.ne.jp/home/kibochan/html_1.htm
とってもわかりやすく親切なHTML解説サイト
何をしたらいいか迷ったら:基礎から調べましょう


逆引きHTMLリファレンス
http://www.hajimeteno.ne.jp/html32/index.html
HTML辞書サイト
詳しい説明と関連タグのリンクが良い。




  来週も、、、
 

作業です。
質問やヒアリングベースで進めて行きます。
自分でスケジューリングして合評までに間に合う様に作成しましょう。


    わからない事は早めに質問して下さい。
   
  back to top
  mail to
   
  2005 rina OKAZAWA all rights reserved.