(57)【要約】      （修正有）【課題】より簡易に、かつより見栄えよくデジタルコンテンツを作成できるプログラム作成装置を提供する。【解決手段】描画内容に類似性を有した対応する２枚の画像（メイン画像１００Ｂとサブ画像１００Ａ）を選択し、メイン画像上で機能実行領域１０２Ｂを、ユーザーに指定、その領域１０２Ｂの画像を機能実行領域の表示画像１００ＢＸとして切り出し、さらに、１００Ｂと１００Ａとを重ねた際に機能実行領域の１００ＢＸと同じ座標領域に位置する画像を１００ＡＸとして切り出す。同時に、メイン画像１００Ｂの切り出しがなされた座標領域上に１００ＢＸと１００ＡＸとを重ね配置して、１００ＢＸのみが視認されるよう表示するためのプログラムが自動記述され、加えて、当該座標領域に閲覧者がマウスオーバー操作を行った場合には、視認される画像が１００ＢＸから１００ＡＸに切り替わるようなプログラムが自動記述される。【選択図】図１３
2010072764.tif 000002
【特許請求の範囲】
【請求項１】
デジタルコンテンツの閲覧ページを生成するためのプログラムの記述を支援する支援機能を備えたプログラム作成装置であって、
前記閲覧ページの背景となる画像を、前記デジタルコンテンツの製作ユーザーによる所定の画像選択操作に基づいて選択する背景画像選択手段と、
選択された前記画像を、前記閲覧ページの背景画像として表示するための背景画像表示プログラムを自動記述する第一のプログラム記述手段と、
前記閲覧ページに対し少なくとも位置指示を伴う形でコンテンツ閲覧ユーザーによりなされる閲覧操作によって予め定められた機能が実行される機能実行領域を設定するために、前記背景画像選択手段により選択された前記画像を表示した状態で前記製作ユーザーによりなされる当該画像への所定の領域範囲指定操作に基づいて、当該画像上に前記機能実行領域となる画像領域を指定する機能実行領域指定手段と、
指定された前記画像領域が前記機能実行領域とされ、なおかつ前記背景画像上において当該画像領域に表示されている画像がそのまま当該機能実行領域の表示画像として表示されるように、前記閲覧ページ上に前記機能実行領域を設定する機能実行領域設定プログラムを自動記述する第二のプログラム記述手段と、
を備えることを特徴とするプログラム作成装置。
【請求項２】
前記製作ユーザーによる所定の機能選択操作に基づいて、前記機能実行領域への前記閲覧操作によって実行される前記機能を複数の機能の中から選択する機能選択手段を備え、
前記第二のプログラム記述手段は、前記機能実行領域指定手段により指定された前記画像領域を、前記機能実行領域として前記閲覧ページの前記背景画像上に設定し、なおかつ前記機能選択手段により選択された前記機能を、設定された当該機能実行領域への前記閲覧操作によって実行される機能として設定するための前記機能実行領域設定プログラムを記述するものである請求項１記載のプログラム作成装置。
【請求項３】
前記閲覧操作は、前記コンテンツ閲覧ユーザーによる位置指示操作により前記閲覧ページ上を移動可能な位置指示画像が指示している位置に対し、当該位置を指定するための位置指定入力を行う位置指定操作と定められている請求項１又は請求項２に記載のプログラム作成装置。
【請求項４】
前記背景画像となる画像をメイン画像、前記背景画像選択手段をメイン画像選択手段、前記閲覧操作を第二の閲覧操作とし、
前記製作ユーザーによる所定の画像選択操作に基づいて、少なくとも一部の画像領域が前記閲覧ページにおける表示効果の演出に使用されるサブ画像を選択するサブ画像選択手段と、
前記機能実行領域指定手段により前記機能実行領域として指定される画像領域を、前記メイン画像上において表示効果演出の対象となる演出実行領域として指定する演出実行領域指定手段と、
選択された前記メイン画像と前記サブ画像とを重ねた場合に、前記機能実行領域指定手段により指定された前記画像領域と同位置で重なる該サブ画像上の画像領域を演出画像領域として指定する演出画像領域指定手段と、
前記閲覧ページに設定される所定の演出実行領域に対し位置指示を伴う形でなされる予め定められた第一の閲覧操作がなされた場合に、当該演出実行領域に表示されている第一画像上にて、該第一画像とは異なる第二画像に基づく表示効果を演出するための表示効果演出プログラムを、前記所定の演出実行領域として、前記機能実行領域指定手段により指定された前記メイン画像上の前記機能実行領域を指定し、前記第一画像として、当該演出実行領域に表示されている画像を指定し、さらに前記第二画像として、前記演出画像領域指定手段により指定された前記演出画像領域に表示されている画像を指定する形で自動記述する第三のプログラム記述手段と、
を備える請求項１ないし請求項３のいずれか１項に記載のプログラム作成装置。
【請求項５】
デジタルコンテンツの閲覧ページを生成するためのプログラムの記述を支援する支援機能を備えたプログラム作成装置であって、
前記閲覧ページの背景となるメイン画像を、前記デジタルコンテンツの製作ユーザーによる所定の画像選択操作に基づいて選択するメイン画像選択手段と、
選択された前記メイン画像を、前記閲覧ページの背景画像として表示するための背景画像表示プログラムを自動記述する第一のプログラム記述手段と、
前記製作ユーザーによる所定の画像選択操作に基づいて、少なくとも一部の画像領域が前記閲覧ページにおける表示効果の演出に使用されるサブ画像を選択するサブ画像選択手段と、
前記製作ユーザーによる予め定められた領域範囲指定操作に基づいて、前記メイン画像上において表示効果演出の対象となる画像領域を演出実行領域として指定する演出実行領域指定手段と、
選択された前記メイン画像と前記サブ画像とを重ねた場合に、前記演出実行領域指定受付手段により指定された前記画像領域と同位置で重なる該サブ画像上の画像領域を演出画像領域として指定する演出画像領域指定手段と、
前記閲覧ページに設定される所定領域に対し位置指示を伴う形でなされる予め定められた第一の閲覧操作がなされた場合に、当該所定領域に表示されている第一画像上にて、該第一画像とは異なる第二画像に基づく表示効果を演出するための表示効果演出プログラムを、前記所定領域として、前記演出実行領域指定手段により指定された前記メイン画像上の前記演出実行領域を指定し、前記第一画像として、当該演出実行領域に表示されている画像を指定し、さらに前記第二画像として、前記演出画像領域指定手段により指定された前記演出画像領域に表示されている画像を指定する形で自動記述する第三のプログラム記述手段と、
を備えることを特徴とするプログラム作成装置。
【請求項６】
前記演出実行領域指定手段及び前記演出画像領域指定手段は、互いに共通となる平面座標系上に前記メイン画像及び前記サブ画像を配置して、共通の座標領域を指定する形で、前記演出実行領域及び前記演出画像領域とを指定するものである請求項４又は請求項５に記載のプログラム作成装置。
【請求項７】
前記第三のプログラム記述手段は、画面表示される前記閲覧ページの前記演出実行領域に対し前記第一の閲覧操作がなされた場合に、当該演出実行領域に表示されている前記第一画像を、該第一画像とは異なる前記第二画像に切り替えて表示する表示効果が演出されるように前記表示効果演出プログラムを記述するものである請求項４ないし請求項６のいずれか１項に記載のプログラム作成装置。
【請求項８】
前記演出画像領域指定手段により指定された前記演出画像領域の画像を切替後画像として、前記サブ画像の画像ファイルとは別の画像ファイルとして記憶する切替後画像記憶手段を備え、
前記第三のプログラム記述手段は、画面表示される前記閲覧ページの前記演出実行領域に対し前記第一の閲覧操作がなされた場合に、該演出実行領域に対応する前記切替後画像の画像ファイルを読み出し、読み出した該画像ファイルに基づいて前記切替後画像を前記演出実行領域に対し透過状態で重ね配置するとともに、該演出実行領域に対し前記第一の閲覧操作がなされた場合には、該切替後画像の前記透過状態を解除する形で、該演出実行領域の前記第一画像を前記切替後画像に切り替えて表示する表示効果が演出されるように前記表示効果演出プログラムを記述するものである請求項７記載のプログラム作成装置。
【請求項９】
前記演出実行領域指定手段により指定された前記演出実行領域の前記第一画像を切替前画像として、前記メイン画像の画像ファイルとは別の画像ファイルとして記憶する切替前画像記憶手段と、
前記演出画像領域指定手段により指定された前記演出画像領域の第二画像を切替後画像として、前記サブ画像の画像ファイルとは別の画像ファイルとして記憶する切替後画像記憶手段と、を備え、
前記プログラム記述手段は、前記閲覧ページが画面表示されるに伴い前記演出実行領域に対応する前記切替前画像及び前記切替後画像の画像ファイルが読み出され、それら画像ファイルに基づいて該演出実行領域上に、前記切替前画像のみが視認されるよう前記切替前画像と前記切替後画像とが重ね配置されるとともに、該演出実行領域に対し前記第一の閲覧操作がなされた場合には、該演出実行領域において視認される画像を前記切替前画像から前記切替後画像に切り替えて表示する表示効果が演出されるように前記表示効果演出プログラムを記述するものである請求項７記載のプログラム作成装置。
【請求項１０】
前記第一の閲覧操作は、前記コンテンツ閲覧ユーザーによって前記閲覧ページ上を移動可能な位置指示画像を移動して該位置指示画像により当該閲覧ページ上を位置指示する位置指示操作、該位置指示操作によって指示されている位置を指定する位置指定操作、該位置指示操作によって指示されている位置を指定保持する位置指定保持操作、該位置指定保持操作を解除する位置指定保持解除操作、該位置指定操作と該位置指定保持操作と該位置指定保持解除操作のいずれか又は複数により指定された位置を再度閲覧するための再閲覧操作とのうち、いずれか又は２以上の種類の操作である請求項４ないし請求項９のいずれか１項に記載のプログラム作成装置。
【請求項１１】
前記サブ画像選択手段は、複数種ある前記第一の閲覧操作毎に、対応するサブ画像を選択するものであり、
前記演出画像領域指定手段は、それら複数種の前記第一の閲覧操作毎に、対応するサブ画像から演出画像領域を指定し、
前記第三のプログラム記述手段は、前記演出実行領域又は該演出実行領域上に表示される画像に対し前記第一の閲覧操作がなされた場合に、前記第二画像として、当該第一の閲覧操作の種別に対応する前記演出画像領域の画像を指定するように前記表示効果演出プログラムを記述するものである請求項４ないし請求項１０のいずれか１項に記載のプログラム作成装置。
【請求項１２】
請求項１０記載の要件を備え、
前記第一の閲覧操作は、前記位置指示操作、前記位置指定操作、前記位置指定保持操作、前記位置指定保持解除操作、及び前記再閲覧操作のうち２以上の種類の操作を含むものである請求項１１記載のプログラム作成装置。
【請求項１３】
前記第一の閲覧操作は、前記デジタルコンテンツを画面表示する装置において、プッシュスイッチを有した所定のポインティングデバイスによりなされるものである請求項４ないし請求項１２のいずれか１項に記載のプログラム作成装置。
【請求項１４】
前記領域範囲指定操作により指定される画像領域の大きさ及び形状を設定する領域指定形状設定手段を備える一方で、設定された当該画像領域の大きさ及び形状を固定設定して、繰り返し同じ大きさ及び形状の画像領域を設定する同形状領域連続設定手段を備える請求項１ないし請求項１３のいずれか１項に記載のプログラム作成装置。
【請求項１５】
前記領域範囲指定操作は、前記メイン画像上において指定する前記画像領域として四角形状の領域を指定するものである請求項４ないし請求項１３のいずれか１項に記載のプログラム作成装置。
【請求項１６】
前記メイン画像及び前記サブ画像には、それぞれの画像上に複数の表示効果実施見込み領域が視覚的に明らかとなる形で予め描画され、かつそれら双方の画像上に描画された複数の前記表示効果実施見込み領域同士が、前記メイン画像と前記サブ画像とを重ねた際に互いに重なる形で描画されている請求項４ないし請求項１５のいずれか１項に記載のプログラム作成装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ユーザー操作に伴い所定の表示演出がなされる表示画像を端末装置の画像上に表示・実行するためのプログラムを作成するためのプログラム作成装置及び方法、これを実現するためのソフトウェア、さらにこれを記憶する記憶媒体等に関する。
【背景技術】
【０００２】
【特許文献１】特開２００３−１６７９２１号公報
【０００３】
パソコンや携帯電話を用いて、例えばホームページやデジタルカタログのような様々な形式のデジタルコンテンツを、ブラウザにより閲覧することが可能となっている。こうしたデジタルコンテンツは、所定のプログラム言語により作成されるものであるが、一般ユーザーがこれらの言語からコンテンツ作成を行うことは困難である。近年では、こうしたデジタルコンテンツの作成を支援するソフトウェアが供されるようになり、これらをパソコンにインストールすれば格別な知識を有さない一般ユーザーであっても容易にデジタルコンテンツを作成することが可能となった。
【０００４】
こうした一般的なデジタルコンテンツの作成支援ソフトウェアにおいては、プログラム言語を直に記述していく方式とは異なり、イメージ編集の形で作成する、いわゆるＷＹＳＩＷＹＧ形式を採用している。例えば、デジタルコンテンツを構成するページ領域を表示して、その領域上に、背景画像、ボタン画像、文章等を配置するというようなビジュアル編集の形で閲覧ページを作成する方式であり、プログラム言語の記述は、これらの配置操作に応じて自動生成され、イメージが仕上がると同時に、そのイメージを表示するための言語記述が完成するようになっている。つまり、ユーザーは、特にプログラム文書に関する知識が無くとも、一般的なお絵かきソフトを扱う程度の知識さえあれば、自作のホームページ等のファイルを容易に作成することができる。
【０００５】
また、デジタルコンテンツにおいては、ユーザー操作に伴い所定の表示演出が実行されるもの多く見られる。例えば、操作ボタン上にポインタを位置指示させた場合に画像を反転させる等の表示演出である。こうした表示演出も、デジタルコンテンツの作成支援ソフトウェアにより、容易に実現することができる。
【発明の開示】
【発明が解決しようとする課題】
【０００６】
こうしたデジタルコンテンツの作成支援ソフトウェアにおいては、より簡易に、かつより見栄えよくデジタルコンテンツを作成できることが望まれている。ところが、従来のデジタルコンテンツの作成支援ソフトウェアでは、ページデザイン自体はユーザー任せ（コンテンツ製作者任せ）となっているため、背景画像の作成あるいは選択、表示文書の作成、各ボタン画像の作成あるいは選択、さらにはその配置位置の決定等に膨大な時間が費やされるので、相当な労力をかけなければ完成させることはできなかった。特に、各ボタン画像に対して上記のような表示演出を行うためには、それぞれのボタンに対し演出用にもう一つかそれ以上の画像を準備しなければならないため、時間も手間も膨大にかかっていた。
【０００７】
本発明の課題は、より簡易に、かつより見栄えよくデジタルコンテンツを作成できるプログラム作成装置を提供することにある。
【課題を解決するための手段及び発明の効果】
【０００８】
上記課題を解決するために、本発明のプログラム作成装置の第一は、
デジタルコンテンツの閲覧ページを生成するためのプログラムの記述を支援する支援機能を備えたプログラム作成装置であって、
閲覧ページの背景となる画像を、デジタルコンテンツの製作ユーザーによる所定の画像選択操作に基づいて選択する背景画像選択手段と、
選択された画像を、閲覧ページの背景画像として表示するための背景画像表示プログラムを自動記述する第一のプログラム記述手段と、
閲覧ページに対し少なくとも位置指示を伴う形でコンテンツ閲覧ユーザーによりなされる閲覧操作によって予め定められた機能が実行される機能実行領域を設定するために、背景画像選択手段により選択された画像を表示した状態で製作ユーザーによりなされる当該画像への所定の領域範囲指定操作に基づいて、当該画像上に機能実行領域となる画像領域を指定する機能実行領域指定手段と、
指定された画像領域が機能実行領域とされ、なおかつ背景画像上において当該画像領域に表示されている画像（描画内容）がそのまま当該機能実行領域の表示画像として表示されるように、閲覧ページ上に機能実行領域を設定する機能実行領域設定プログラムを自動記述する第二のプログラム記述手段と、
を備えることを特徴とする。
【０００９】
上記本発明の第一の構成によれば、例えばホームページを作成する場合、その製作ユーザーが選択した背景画像に対し領域を指定するだけで、操作ボタン（ページ移動や動画再生等の各種操作ボタン）、リストボックス、掲示板等の一般ホームページに使用可能な機能実行領域を設定することが可能となる。また、上記本発明の構成によれば、その機能実行領域に表示される画像は、背景画像上において当該機能実行領域に表示されている画像がそのまま使用される。つまり、デジタルコンテンツの製作ユーザーは、背景画像上に機能実行領域を領域指定するだけで、機能実行領域を有したデジタルコンテンツを作成でき、なおかつ、これにより作成されたデジタルコンテンツが、背景画像をそのまま表示されるものとなるのである。仮に、背景画像のデザインを専門のデザイナーに依頼すれば、作成されたデジタルコンテンツは、専門のデザイナーが仕上げた背景画像そのままを表示するものとできる。これにより、デジタルコンテンツのページデザインと、デジタルコンテンツのプログラム記述を完全に分業することができるし、後者のプログラム記述は、背景画像上に機能実行領域を領域指定するだけの極めて簡易な操作となるので、専門知識の無い者でも容易に作成できる。
【００１０】
また、上記本発明の第一において、製作ユーザーによる所定の機能選択操作に基づいて、機能実行領域への閲覧操作によって実行される機能を複数の機能の中から選択する機能選択手段を設けて、第二のプログラム記述手段は、機能実行領域指定手段により指定された画像領域を、機能実行領域として閲覧ページの背景画像上に設定し、なおかつ機能選択手段により選択された機能を、設定された当該機能実行領域への閲覧操作によって実行される機能として設定するための機能実行領域設定プログラムを記述するものとできる。これにより、機能実行領域に割り当てる機能をユーザーが選択して決めることができる。
【００１１】
また、上記本発明の第一において、閲覧操作は、コンテンツ閲覧ユーザーによる位置指示操作により閲覧ページ上を移動可能な位置指示画像が指示している位置に対し、当該位置を指定するための位置指定入力を行う位置指定操作と定めることができる。これにより、例えばマウス等のポインティングデバイスによるクリック操作やダブルクリック操作等の所定の位置指定操作がなされ、対応する機能が実行される。
【００１２】
また、上記本発明の第一において、背景画像となる画像をメイン画像、背景画像選択手段をメイン画像選択手段、閲覧操作を第二の閲覧操作とし、
製作ユーザーによる所定の画像選択操作に基づいて、少なくとも一部の画像領域が閲覧ページにおける表示効果の演出に使用されるサブ画像を選択するサブ画像選択手段と、
機能実行領域指定手段により機能実行領域として指定される画像領域を、メイン画像上において表示効果演出の対象となる演出実行領域として指定する演出実行領域指定手段と、
選択されたメイン画像とサブ画像とを重ねた場合に、機能実行領域指定手段により指定された画像領域と同位置で重なる該サブ画像上の画像領域を演出画像領域として指定する演出画像領域指定手段と、
閲覧ページに設定される所定の演出実行領域に対し位置指示を伴う形でなされる予め定められた第一の閲覧操作がなされた場合に、当該所定の演出実行領域に表示されている第一画像上にて、該第一画像とは異なる第二画像に基づく表示効果を演出するための表示効果演出プログラムを、演出実行領域として、機能実行領域指定手段により指定されたメイン画像上の機能実行領域を指定し、第一画像として、当該演出実行領域に表示されている画像を指定し、さらに第二画像として、演出画像領域指定手段により指定された演出画像領域に表示されている画像を指定する形で自動記述する第三のプログラム記述手段と、
を備えた構成とすることができる。
【００１３】
さらに上記の構成に類似する本発明のプログラム作成装置の第二は、
デジタルコンテンツの閲覧ページを生成するためのプログラムの記述を支援する支援機能を備えたプログラム作成装置であって、
閲覧ページの背景となるメイン画像を、デジタルコンテンツの製作ユーザーによる所定の画像選択操作に基づいて選択するメイン画像選択手段と、
選択されたメイン画像を、閲覧ページの背景画像として表示するための背景画像表示プログラムを自動記述する第一のプログラム記述手段と、
製作ユーザーによる所定の画像選択操作に基づいて、少なくとも一部の画像領域が閲覧ページにおける表示効果の演出に使用されるサブ画像を選択するサブ画像選択手段と、
製作ユーザーによる予め定められた領域範囲指定操作に基づいて、メイン画像上において表示効果演出の対象となる画像領域を演出実行領域として指定する演出実行領域指定手段と、
選択されたメイン画像とサブ画像とを重ねた場合に、演出実行領域指定受付手段により指定された画像領域と同位置で重なる該サブ画像上の画像領域を演出画像領域として指定する演出画像領域指定手段と、
閲覧ページに設定される所定領域に対し位置指示を伴う形でなされる予め定められた第一の閲覧操作がなされた場合に、当該所定領域に表示されている第一画像上にて、該第一画像とは異なる第二画像に基づく表示効果を演出するための表示効果演出プログラムを、所定領域として、演出実行領域指定手段により指定されたメイン画像上の演出実行領域を指定し、第一画像として、当該演出実行領域に表示されている画像を指定し、さらに第二画像として、演出画像領域指定手段により指定された演出画像領域に表示されている画像を指定する形で自動記述する第三のプログラム記述手段と、
を備えることを特徴とする。
【００１４】
これらの構成によると、例えばホームページを作成する場合、その作成者は、主として表示されるメイン画像と、表示効果演出用に使用されるサブ画像との２つの画像を予め準備しておき、その２つの画像の同じ領域を指定することにより、メイン画像上において表示演出を行う領域を設定することができる。同時に、サブ画像上においてその表示演出に使用される画像が指定され、これらによる演出効果のプログラム作成がなされる。このため、ユーザー（コンテンツ制作者）による一回の領域範囲指定操作で、表示演出を行う領域と、表示演出に使用される画像とが決まり、演出効果のプログラムが自動生成されるから、表示効果演出を有したデジタルコンテンツ等を簡易に作成できる。
【００１５】
また、ホームページ等をより見栄えよく作成しようとする場合、そのデザインをコンテンツ制作者（製作ユーザー）自身が考えるやり方には限界があり、専門のデザイナーがデザインしたものを使用することが望ましい。ただし、デザイナーは各ページの全体画像をデザインするだけであるから、デザインされた画像を背景にしてそこに操作ボタン等の演出実行領域を割り付けるところはユーザーの仕事になる。もちろん、表示効果の演出を行うための演出用画像の作成等もユーザーの仕事になるので、ただデザイナーにページデザインを依頼するだけでは、依然として大きな負担が残ったままとなる。仮に、表示効果の演出を行うための画像をデザイナーに個別にデザインしてもらったとしても、各画像に対し所定の命名方法で名前をつけて保存し、これらを個別に演出実行領域に対応付け、表示効果や機能を付与することは、やはり手間のかかる作業である。一方、デザイナー側も、表示効果の演出を行うための演出用画像を個別にデザインしていくことは大変な作業であり、いっそそれら全ての演出用画像を、背景を含めた一枚の全体画像として、背景に使用されるデザイン画像と対応付けて作成した方がデザインし易い。
【００１６】
これらの事情を鑑みれば、上記本発明のように、一回の領域範囲指定操作で、表示演出を行う領域と、表示演出に使用される画像とが決まり、この決定に基づいて演出効果のプログラムが自動作成される。このため、デジタルコンテンツ等の作成者側にもデザイナー側にも利点がある。デザイナー側は、背景に使用されるメイン画像と、これに対応する演出用のサブ画像の２枚をデザインするだけでよいし、他方、作成者側は、メイン画像上で表示演出を行う領域を指定する操作だけで演出効果のプログラムが自動作成されることになるから、専門知識が全く無い者でも容易に演出効果を有したデジタルコンテンツ等を作成できる。
【００１７】
なお、メイン画像とサブ画像の選択を必須とする本発明においては、それらの画像の描画内容が互いに対応するものであるとよい。例えば、メイン画像において表示効果実施見込み領域を描画してある場合には、サブ画像にもそれと同じ位置に演出用画像が対応して描画されているとよい。つまり、メイン画像とサブ画像には、それぞれの画像上に複数の表示効果実施見込み領域が視覚的に明らかとなる形で予め描画され、かつそれら双方の画像上に描画された複数の表示効果実施見込み領域同士が、メイン画像とサブ画像とを重ねた際に重なるように描画されているようにすればよい。これにより、表示効果を、演出の前後で統一感のある形で実施できるので、デザイン性により優れたものとなる。
【００１８】
さらに、この場合、メイン画像とサブ画像における表示効果実施見込み領域を除く描画内容を同一にしておくとよい。これにより、ユーザー（コンテンツ制作者）による領域範囲指定操作において表示効果実施見込み領域の境界をきっちりと指定する必要がなくなる。多少ずれて指定されたとしても、はみ出た領域は他方の画像でも同じに描画されているから、仮に画像を切り替える表示効果を行ったとしても、切替前後で違いが認識されるような形でデザイン性を損うことがない。
【００１９】
また、メイン画像とサブ画像とが、色彩や色の違いやハッチングの違い等のような塗りつぶし効果の違いだけである場合には、メイン画像上でどの領域を指定してもサブ画像にも同様の描画がなされているから、たとえば画像を切り替える表示効果を設けたとしても違和感が無く、デザイン性を損なうことが無い。
【００２０】
本発明において、演出実行領域指定手段及び演出画像領域指定手段は、互いに共通となる平面座標系上にメイン画像及びサブ画像を配置して、共通の座標領域を指定する形で、演出実行領域及び演出画像領域とを指定することができる。これにより、メイン画像とサブ画像とで同位置・同領域を指定し易くなる。
【００２１】
本発明の第二において、第三のプログラム記述手段は、画面表示される閲覧ページの演出実行領域に対し第一の閲覧操作がなされた場合に、当該演出実行領域に表示されている第一画像を、該第一画像とは異なる第二画像に切り替えて表示する表示効果が演出されるように表示効果演出プログラムを記述するものとできる。本発明の第二の場合、演出実行領域及び演出画像領域として同形状の画像領域が指定されるので、切替表示効果に適する。
【００２２】
また、本発明では、演出画像領域指定手段により指定された演出画像領域の画像（第二画像）を切替後画像とし、当該切替後画像をサブ画像の画像ファイルとは別の画像ファイルとして記憶する切替後画像記憶手段を備えることができる。この場合、第三のプログラム記述手段は、画面表示される閲覧ページの演出実行領域に対し第一の閲覧操作がなされた場合に、該演出実行領域に対応する切替後画像の画像ファイルを読み出し、読み出した該画像ファイルに基づいて切替後画像を演出実行領域に対し透過状態で重ね配置するとともに、該演出実行領域に対し閲覧操作がなされた場合には、該切替後画像の透過状態を解除する形で、該演出実行領域の第一画像を切替後画像に切り替えて表示する表示効果が演出されるように表示効果演出プログラムを自動記述するように構成できる。この場合、透過状態の切り替えだけで表示効果を演出できる。また、サブ画像において演出画像領域に指定された画像は、指定された領域のみがコピーないし切り取りられ、サブ画像とは別の画像ファイルとして保存される。これにより、サブ画像全体を使用する必要が無くなり、サブ画像の一部である演出画像領域の画像のみを抽出して別途保存しておけばよいので、作成される製作物の全体容量を削減できる。サブ画像の残りは必要ないので、作成される製作物に含まれないようにすればよい。
【００２３】
また、本発明では、上記と同様、演出画像領域指定手段により指定された演出画像領域の画像（第二画像）を切替後画像とし、当該切替後画像をサブ画像の画像ファイルとは別の画像ファイルとして記憶する切替後画像記憶手段を備えることができる。さらに、演出実行領域指定手段により指定された演出実行領域の画像（第一画像）を切替前画像とし、当該切替前画像をメイン画像の画像ファイルとは別の画像ファイルとして記憶する切替前画像記憶手段を備えることができる。この場合、第三のプログラム記述手段は、閲覧ページが画面表示されるに伴い演出実行領域に対応する切替前画像及び切替後画像の画像ファイルが読み出され、それら画像ファイルに基づいて該演出実行領域上に、切替前画像のみが視認されるよう切替前画像と切替後画像とが重ね配置されるとともに、該演出実行領域に対し第一の閲覧操作がなされた場合には、該演出実行領域において視認される画像を切替前画像から切替後画像に切り替えて表示する表示効果が演出されるように表示効果演出プログラムを自動記述するように構成できる。切り替え表示を行う場合、メイン画像と、サブ画像における演出画像領域の画像との２つがあれば十分であるが、あえてメイン画像における演出実行領域の画像を別に準備しておくことにより、当該画像のデザイン変更に対応し易くなる。つまり、メイン画像と、サブ画像における演出画像領域の画像との２つしか無い場合に、メイン画像における演出実行領域の画像のデザイン変更を行おうとすれば、メイン画像全体を修正しなければならず手間がかかるのに対し、上記のようにメイン画像における演出実行領域の画像を別に準備しておけば、その画像だけに手を加えるだけで済む。
【００２４】
また、本発明では、背景画像上の演出実行領域又は該演出実行領域に表示される画像に対し予め定められた位置指定操作がなされた場合に実行される機能を指定する機能指定手段を備えることができる。これにより、メイン画像の演出実行領域への位置指定操作により所定の機能（例えばページ移動、動画再生等の各種操作ボタンや、掲示板、リストボックス等）が実行可能な領域（機能実行領域）を作成できる。
【００２５】
また、この場合のプログラム記述手段は、背景画像上の演出実行領域又は該演出実行領域に表示される画像に対し位置指定操作がなされた場合に、対応する機能が実行されるようプログラムを自動記述する上述の第二のプログラム記述手段のように構成できる。これにより、例えばマウスによるクリック操作やダブルクリック操作等の所定の位置指定操作がなされ、対応する機能が実行された場合に、演出実行領域における表示効果の演出がなされるので、当該機能が実行済みであることを閲覧者に知らせることができる。
【００２６】
さらに、この場合、予め定められた複数の機能の中から１つの機能を選択する機能選択手段を設け、プログラム記述手段は、画面表示される閲覧ページの演出実行領域又は該演出実行領域上に表示される画像に対し予め定められた位置指定操作がなされた場合に、機能選択手段により選択された機能が実行されるようにプログラムを自動記述するように構成できる。これにより、表示効果演出プログラムの記述のための操作に、機能選択の操作を加えるだけで、表示効果演出を伴う操作画像（例えばページ移動、動画再生等の各種操作ボタンや、掲示板、リストボックス等）を容易に作成することができる。
【００２７】
ところで、プログラム記述手段は、第一画像に対する第一の閲覧操作として複数種の操作を設定することができる。これにより、様々な閲覧操作に応じた表示効果演出が可能となる。
【００２８】
さらにこの場合、サブ画像選択手段は、複数種ある第一の閲覧操作毎に、対応するサブ画像を選択するものとし、演出画像領域指定手段は、それら複数種の第一の閲覧操作毎に、対応するサブ画像から演出画像領域を指定するものとすることができる。そして、この場合の第三のプログラム記述手段は、演出実行領域又は該演出実行領域上に表示される画像に対し第一の閲覧操作がなされた場合に、第二画像として、当該第一の閲覧操作の種別に対応する演出画像領域の画像を指定するように表示効果演出プログラムを自動記述することができる。つまり、なされた閲覧操作の種類に応じて、表示効果演出を使い分けるようにすることができる。これにより、どのような閲覧操作がなされたか、あるいはなされているかを表示効果演出により把握することができる。
【００２９】
また、本発明における第一の閲覧操作は、コンテンツ閲覧ユーザーによって閲覧ページ上を移動可能な位置指示画像を移動して該位置指示画像により当該閲覧ページ上を位置指示する位置指示操作、該位置指示操作によって指示されている位置を指定する位置指定操作、該位置指示操作によって指示されている位置を指定保持する位置指定保持操作、該位置指定保持操作を解除する位置指定保持解除操作、該位置指定操作と該位置指定保持操作と該位置指定保持解除操作のいずれか又は複数により指定された位置を再度閲覧するための再閲覧操作とのうちのいずれかに定めることができ、複数種ある場合にはこれらの中の２種類以上の操作と定めることができる。さらに具体的には、第一の閲覧操作は、デジタルコンテンツを画面表示する装置において、プッシュスイッチを有した所定のポインティングデバイスによりなされるものとできる。例えば、プッシュスイッチを押圧保持する操作、プッシュスイッチを押圧保持した後に該押圧保持を解除する操作、プッシュスイッチを押圧保持した後に該押圧保持を解除する操作を所定時間内に複数回行う操作のうちのいずれかと定めることができ、複数種ある場合にはこれらの中の２種類以上の操作と定めることができる。
【００３０】
領域範囲指定操作により指定される画像領域の大きさ及び形状を設定する領域指定形状設定手段を備えて構成することができる。さらに、設定された当該画像領域の大きさ及び形状を固定して、繰り返し同じ大きさ及び形状の領域を設定する同形状領域連続設定手段を備えて構成することができる。一般的に、表示効果演出がなされる領域、例えば操作ボタン等は、同形状を有する形で複数形成されることが多い。上記構成によれば、演出実行領域を指定するための領域形状を一度設定すれば、それがその後も繰り返し使用できるので、演出実行領域の指定が容易となる。
【００３１】
また、領域範囲指定操作は、メイン画像上において指定する画像領域として多角形状（例えば四角形状）の領域を指定するものとすることができる。この場合、演出実行領域指定手段により指定された多角形状の当該演出実行領域の直線状の各辺を延長し、その延長線によりメイン画像を区画して、区画された各領域毎に該メイン画像を分割するメイン画像分割手段と、分割された各分割メイン画像を分割画像ファイルとして記憶するメイン画像分割記憶手段と、を備えて構成することができる。そして、プログラム記述手段は、前記メイン画像を背景画像として指定するとともに、当該背景画像が、前記メイン画像分割手段により分割された分割メイン画像をもとのメイン画像を復元するように配置する形で表示されるようにプログラムを記述するとともに、当該分割メイン画像のうち、演出実行領域指定手段により指定された多角形状の分割メイン画像を第一画像として指定するようにプログラムを記述するものとできる。この構成によると、第一画像として指定される演出実行領域の画像が背景画像の一部として兼用される形となり、閲覧ページ全体の容量を減じることができるし、この演出実行領域の画像のみに対しデザイン修正を行うことも可能となる。
【００３２】
なお、本発明において、製作ユーザー（コンテンツ製作者）による領域範囲指定操作は、画像領域を指定するに際して、画面表示されたメイン画像上に領域指定用の枠画像を表示して、該枠画像内の領域を指定するものとできる。これにより、ユーザーは領域を視認しながら演出実行領域を指定するものとできる。さらには、領域範囲指定操作は、画像領域を指定するに際して、座標の数値入力により領域を指定できるようにしてもよい。これにより、指定する領域の微妙な位置調整を行うことができる。
【００３３】
また、切替後画像にアレンジを加える切替後画像変更手段を設けてもよい。これにより、表示効果を演出するために用いる画像を、サブ画像から用意するだけでなく、用意した画像にアレンジを加えた上で表示効果演出に使用することができる。これにより、よりデザイン性に優れた表示効果演出が可能となる。
【００３４】
また、同様に、切替前画像にアレンジを加える切替前画像変更手段を設けてもよい。これにより、閲覧ページ上で演出実行領域は操作ボタンとして機能するように使用される場合もあり、この場合、その操作ボタン領域のみにデザイン変更を加えたいという要望もありうる。この構成によれば、その要望にこたえることが可能となる。
【００３５】
さらに、本発明は、上記した各手段をコンピューターに実行させるソフトウェア（プログラム）とすることもできる。
【発明を実施するための最良の形態】
【００３６】
以下、本発明の一実施形態を、図面を参照して説明する。
【００３７】
図１は、本発明のプログラム作成装置１の全体構成を示すブロック図である。プログラム作成装置１は、周知のパーソナルコンピュータであって、ＣＰＵ１１、ＲＯＭ１２、ＲＡＭ１３、ハードディスクドライブ（ＨＤＤ）で構成された記憶装置２０、キーボード、マウス、その他のポインティングデバイス等からなる入力部１６、液晶ディスプレイ等の表示部（ページ表示手段）１７、プリンタ１８等が、バス１４やＩ／Ｏポート１５、インターフェース１９等を介して接続する構成を有している。
【００３８】
ＣＰＵ１１は、ＲＯＭ１２や記憶装置２０等に格納された各種のプログラムを実行するものであり、各種制御の主体となる。ＲＡＭ１３内には、ＣＰＵ１１が実行する種々のプログラム実行時に使用する種々のデータメモリ（キャッシュメモリを含む）のエリアが形成されている。
【００３９】
記憶装置２０には、ＣＰＵ１１が実行する種々のプログラムがインストールされるとともに、それらプログラムの実行に必要な種々のデータを記憶している。その一例として、デジタルコンテンツを作成するためのソフトウェア（デジタルコンテンツ作成ソフトウェア）２１や、それによって作成された製作物（プロジェクトフォルダ）２２が記憶されている。このデジタルコンテンツ作成ソフトウェア２１には、機能実行領域の設定（例えば操作ボタン領域の設定及びボタン画像の作成）を容易化するためのプログラム（機能実行領域設定プログラム）２１ａ等が含まれており、デジタルコンテンツの作成を様々な形で支援する機能を備えている。
【００４０】
入力部１６は、周知のマウスやキーボード等の入力装置である。ただし、表示部４７の画面上に位置指示画像を表示しつつこれを移動させる形で位置指示するためのポインティングデバイス（例えばマウス等）を必ず備えているものとする。
【００４１】
デジタルコンテンツ作成ソフトウェア２１は、プログラム言語を直に記述せずともイメージ編集の形でデジタルコンテンツを作成することができる機能を有した、いわゆるＷＹＳＩＷＹＧ形式のオーサリングツールであるといえる。そして、このデジタルコンテンツ作成ソフトウェア２１により製作される製作物は、所定のプログラム言語により記述されてなり、所定のブラウザソフトにより閲覧可能となる。例えば、ハイパーテキスト記述用の言語であるＨＴＭＬ（HyperText Markup Language）やＸＭＬ（eXtensible Markup Language）等のマークアップ言語を用いて作成し、周知のウェブブラウザで閲覧可能となる。ここでの製作物は、ＸＭＬにより記述されたものであり、ファイル転送プログラム（図示なし）を用いてＷｅｂサーバー（図示なし）にアップロードされるデジタルコンテンツ、いわゆるホームページである。従って、本実施形態のプログラム作成装置１は、デジタルコンテンツ作成装置、ホームページ作成装置、ハイパーテキスト記述装置であるともいえる。
【００４２】
ＨＴＭＬやＸＭＬは、例えばＷＷＷ（World Wide Web）において使用される文書形式である。ＷＷＷは、インターネット上で提供されるハイパーテキストシステムであり、例えば既存のウェブブラウザ等により、相互にアクセス可能なホームページが閲覧される。ホームページは、ＨＴＭＬやＸＭＬにより記述され、画像やテキストを閲覧対象とすることができ、さらには記述文章内にハイパーリンク（以下、リンクと略する）を含む。このハイパーリンクは、文書中の画像やテキスト上にリンク情報を設定し、このリンク情報に基づいてウェブ上の指定のＵＲＬ（Uniform Resource Locator）の他のサイトの文書や、同一ディレクトリ内の他のページや、同一ページの特定の場所とリンクさせるものである。従って、複数ページからなるデジタルコンテンツ（ホームページやデジタルブック等）であれば、他ページへのページ移動等が可能となる。
【００４３】
図２は、デジタルコンテンツ作成ソフトウェア２１によって作成された１つの製作物に関するプロジェクトフォルダ２２内のファイル構成を示すものであり、「指定された名前」で命名される。プロジェクトフォルダ２２は、当該製作物の編集を実行するためのプロジェクトファイル２３０とともに、当該製作物の作成に際し参照・製作され、プロジェクトファイル２３０が使用する各種ファイルを格納するフォルダ２２１〜２２５と、完成した当該製作物に直接関連するファイル群が格納されたフォルダ２２６とを有して形成されている。イメージフォルダ２２１は、プロジェクトファイル２３０の実行により生成された機能実行領域ないしは演出実行領域の画像等の画像ファイル（例えばボタン画像のように、後述するサブ画像１００Ａから切り取られて生成されるイメージファイル等）を格納する。オリジナルフォルダ２２２は、後述する背景画像となるメイン画像１００Ｂや同じく後述するサブ画像１００Ａの画像ファイル（イメージファイル）を格納する。スクリプトフォルダ２２３は、script言語（例えばJavascript：登録商標）を記述したファイルを格納する。テンプフォルダ２２４は、テストビルド（製作物の試験表示）した時にフォルダ２２１〜２２３、２２５の中から使用した製作物の各種ファイルを格納する。ＸＭＬフォルダ２２５は、プロジェクトファイル２３０の実行により製作・編集された様々なＸＭＬデータ（各種設定情報）を格納している。「指定された名前」のフォルダ２２６は、テストビルド（製作物の試験表示）ではなく、正式にビルドする時に（テストビルドされたものを正式に完成品として決定する時に）フォルダ２２１〜２２３、２２５の中から使用した製作物の各種ファイルを格納する。
【００４４】
なお、本発明におけるデジタルコンテンツは、ホームページに限られるものではなく、デジタルカタログやデジタルブック等のブック型のデジタルコンテンツ等であってもよく、端末装置の画面上において閲覧可能とされ、所定のプログラム構文により作成されるものであればどのようなものであってもよい。また、これを作成するためのプログラム言語も上記した以外のものであってもよい。
【００４５】
図３は、端末装置の画面上の所定エリア（ここでは所定ウィンドウ：ユーザー閲覧領域）内に表示される、上記ソフトウェア２１により作成された製作物（デジタルコンテンツ）の閲覧ページ１００の一例を示す図である。図３の閲覧ページ１００は、ある会社のホームページとして作成されたものである。この閲覧ページ１００には、背景画像１００Ｂ上の様々な領域に、少なくともそれらの領域への位置指示を伴う形でなされるユーザー閲覧操作によって、所定機能（位置指示された領域に対応した機能）が実行される機能実行領域が設定されている。さらに、この閲覧ページ１００には、背景画像１００Ｂ上の様々な領域に、少なくともそれらの領域への位置指示を伴う形でなされるユーザー閲覧操作によって、所定の表示効果の演出対象となる演出実行領域が設定されている。
【００４６】
ただし、本実施形態においては、上記機能実行領域と上記演出実行領域とが同領域とされており、機能実行領域には、閲覧ページ１００上において視覚的に明らかな形で描画した表示画像（例えばボタン画像）１００Ｂａ〜１００Ｂｉが重ね表示される一方で、それら表示画像１００Ｂａ〜１００Ｂｉ上には、表示効果演出用の画像１００Ａａ〜１００Ａｉが透過状態で重ね配置されている。つまり、閲覧ページ１００は、背景画像１００Ｂ、機能実行領域の表示画像１００Ｂａ〜１００Ｂｉ、表示効果演出用の画像１００Ａａ〜１００Ａｉの各画像ファイルを読み出して、上記の重なり関係及び透過状態を満たす形で配置されることにより表示される。そして、閲覧ユーザーによってマウス等のポインティングデバイスが操作されて、図４に示すように、デジタルコンテンツ１００の表示領域上の位置指示画像（以下、ポインタと称する）Ｐによって機能実行領域の表示画像１００Ｂａ〜１００Ｂｉの配置領域が位置指示されると、位置指示された機能実行領域の表示画像１００Ｂａ〜１００Ｂｉ上に重なる表示効果演出用の画像１００Ａａ〜１００Ａｉの透過状態が解除されてもとの非透過状態となる。これにより、機能実行領域上において画像が切り替わって見える表示効果が演出される。なお、これとは逆に、背景画像１００Ｂ上の各種領域に表示効果演出用の画像１００Ａａ〜１００Ａｉを重ね配置し、その上にさらに対応する機能実行領域の表示画像１００Ｂａ〜１００Ｂｉを重ね配置しておいて、位置指示画像（以下、ポインタと称する）Ｐによって機能実行領域の表示画像１００Ｂａ〜１００Ｂｉの配置領域が位置指示されるに伴い、位置指示された機能実行領域の表示画像１００Ｂａ〜１００Ｂｉが透過状態に設定され、その下に位置する表示効果演出用の画像１００Ａａ〜１００Ａｉが視認されるようにすることもできる。
【００４７】
本発明は、上記のような表示効果の演出が実行可能となるようプログラムを記述するに当たって、これを容易に可能とするものである。また、それを実施するに当たって、互いの描画内容に対応関係を有した複数の画像を用いる。ここでは、閲覧ページの背景に指定されるメイン画像１００Ｂと、閲覧ページ上でなされる演出効果に使用されるサブ画像１００Ａとを用い、双方が互いに同じ形状・同じ大きさを有するとともに、互いを重ねた時に、互いに類似性を有する描画内容の表示位置が一致する等、互いの描画内容に対応関係を有している。なお、表示位置が一致するとは、メイン画像１００Ｂとサブ画像１００Ａとを同一の平面座標上に形と向きをそろえて重ねて配置した際に、同じ座標領域上に位置することをいう。
【００４８】
また、本実施形態におけるメイン画像１００Ｂ及びサブ画像１００Ａは、それぞれデザイナーによってデザインされたものであって、メイン画像１００Ｂにおいて表示効果実施見込み領域１０１Ｂａ〜１０１Ｂｉが描画されており、他方のサブ画像１００Ａにもそれと同じ位置に表示効果実施見込み領域１０１Ａａ〜１０１Ａｉが描画されており、両領域が視覚的に明らかで視認可能となっている。図１０及び図１１はその一例である。
【００４９】
図１０はメイン画像１００Ｂであり、操作ボタン等の機能実行領域の設定が見込まれる領域１０１Ｂａ〜１０１Ｂｉが予め描画され、視覚的にそれらの領域が認識できるように描画されている。本実施形態では、この機能実行領域設定見込み領域１０１Ｂａ〜１０１Ｂｉが上記の表示効果実施見込み領域とされている。他方、図１１はサブ画像１００Ａであり、メイン画像１００Ｂの機能実行領域設定見込み領域１０１Ｂａ〜１０１Ｂｉと一致する領域１０１Ａａ〜１０１Ａｉが表示効果実施見込み領域とされており、これも視覚的にそれらの領域が認識できるように描画されている。そして、当該表示効果実施見込み領域１０１Ａａ〜１０１Ａｉの描画内容が表示効果演出用の画像として利用される。
【００５０】
さらに、本実施形態におけるメイン画像１００Ｂ及びサブ画像１００Ａには、上記の領域１０１Ｂａ〜１０１Ｂｉ、１０１Ａａ〜１０１Ａｉ以外の領域が全く同じ描画内容とされている。ここでは、メイン画像１００Ｂとサブ画像１００Ａとにおいて、上記の領域１０１Ｂａ〜１０１Ｂｉ、１０１Ａａ〜１０１Ａｉにだけ、色やハッチング等のような塗りつぶし効果の違い、文字であれば文字サイズやフォント、書体の違いがあるのみで、それ以外の領域は全く同じ描画内容である。また、上記の領域１０１Ｂａ〜１０１Ｂｉ、１０１Ａａ〜１０１Ａｉにおいては、上記のような描画内容に違いを有しているとはいえ、対応するもの同士についてはそれぞれの描画内容に類似性（ここでは図形形状や文字内容等の一致）を有している。
【００５１】
ここで、デジタルコンテンツの作成の流れ（手順）について、図５を用いて説明する。
【００５２】
まずは、Ｓ１にて新規プロジェクトファイルが作成なされる。上記ソフトウェア２１を起動して、製作物（ここではホームページ等のデジタルコンテンツ）の新規作成を実行する操作により作成される。
【００５３】
Ｓ２では、デザインを設定する。本実施形態においては、背景画像を選択すると、その背景画像がそのまま閲覧ページのデザインとなる。従って、ここでは背景画像を選択するために、コンテンツ製作ユーザーによる画像選択操作がなされる。ただし、本実施形態においては、この段階で表示効果を演出するための別画像の選択もなされる。
【００５４】
Ｓ３では、選択された背景画像上に、機能実行領域（表示効果が演出される演出実行領域）を設定する。本実施形態においては、背景画像の描画内容がそのままデジタルコンテンツの閲覧ページのデザインとなるから、背景画像上に当該機能実行領域として別に用意された画像を重ね表示するような表示形態にはならない。つまり、ここでコンテンツ製作ユーザーによりなされる操作は、そうした別画像を用意する、あるいは作成するといった操作ではなく、単純に背景画像上に当該機能実行領域あるいは表示効果演出領域となる領域の範囲を指定する領域範囲指定操作となる。もう少し具体的にいえば、ここでは、選択された背景画像を表示し、表示された背景画像上で当該機能実行領域となる領域範囲を指定する領域範囲指定操作と、指定される領域範囲に設定すべき機能を指定するための機能選択操作とがなされる。
【００５５】
Ｓ４では、選択された背景画像上に、コンテンツ閲覧ユーザーの操作によって変化される画像やテキスト等の素材を必要な場合に、これらを設定する。例えば製作されるデジタルコンテンツが複数のページをページめくり形式で閲覧可能なブック形式のコンテンツである場合には、複数のページを表示するための各ページ画像を設定する。
【００５６】
Ｓ５では、上記のような形で製作された製作物（デジタルコンテンツ）の完成状態を確認するために、一度現段階での製作物を完成状態として仮確定し、その試験表示を実施する（テストビルド）。ここでは、当該製作物の閲覧ページを実際に閲覧操作可能に表示する。例えば、所定の表示効果の演出が設定されていれば、それが実際の閲覧時と同様に表示されるし、機能実行領域に対し所定の閲覧操作を実行すれば、当該領域に設定された機能が実行される。このときテンプフォルダ２２４には、テストビルド時にフォルダ２２１〜２２３、２２５の中から使用した製作物の各種ファイルが格納される。
【００５７】
Ｓ６では、テストビルドされた製作物（デジタルコンテンツ）を完成と判断した場合に、それを確定する。これにより、製作物は完成となる。このときフォルダ２２６には、このときにフォルダ２２１〜２２３、２２５の中で使用している製作物の各種ファイルが格納される。
【００５８】
なお、図５はあくまでデジタルコンテンツの作成の手順であり、Ｓ２〜Ｓ６は、順序を入れ替えながら繰り返し実施される。
【００５９】
次に、上述のＳ２、Ｓ３にて実施される処理の一部として、上述した表示効果の演出が実現される機能実行領域を設定するための処理について説明する。
【００６０】
まずは、処理の概要を簡単に説明する。コンテンツ製作者であるユーザーは、まずは、互いの描画内容に対応関係を有する形で類似性を有した２枚の画像（メイン画像１００Ｂとサブ画像１００Ａ）を、入力部１６への所定操作（画像選択操作）により選択する。具体的には、それらの画像を有したフォルダを選択し、その中から画像ファイルを指定する形で行う。このユーザー操作により、２枚の画像のうちメイン画像１００Ｂを背景画像に設定するプログラム文がＸＭＬファイル（テキストファイル）に自動記述される。さらに、このユーザーは、メイン画像１００Ｂ上において機能実行領域（例えばボタン領域）１０２Ｂを指定する。このユーザー操作（領域範囲指定操作）により、その領域１０２Ｂの画像を機能実行領域の表示画像（例えばボタン画像）１００ＢＸとして切り出し、さらに、メイン画像１００Ｂとサブ画像１００Ａとを重ねた際に当該機能実行領域の表示１００ＢＸと同じ座標領域に位置する画像を表示効果演出用の画像１００ＡＸとして切り出して、それぞれの画像１００ＢＸ，１００ＡＸをそれぞれ所定記憶領域（ここではフォルダ２２１）に保存される。同時に、メイン画像１００Ｂの切り出しがなされた座標領域上に機能実行領域の表示画像１００ＢＸと表示効果演出用の画像１００ＡＸとを重ね配置し、かつ機能実行領域の表示画像１００ＢＸのみが視認されるよう表示するためのプログラム文がＸＭＬファイルに自動記述され、さらに、当該座標領域に閲覧者が位置指示を伴う所定の閲覧操作を行った場合に、当該座標領域において視認される画像が機能実行領域の表示画像１００ＢＸから表示効果演出用の画像１００Ａに切り替わるようなプログラム文がＸＭＬファイルに自動記述される。
【００６１】
なお、周知のＷｅｂオーサリングソフトウェアにおいて既に実施されている技術に係る説明は省略する。例えば、背景画像の選択・指定操作や機能実行領域の表示画像（例えばボタン画像等）の配置操作等のユーザー操作（コンテンツ製作者の操作）に伴い、その操作内容に対応するプログラムがハイパーテキスト記述で自動生成されることは周知であるので、これらについての詳説は略する。
【００６２】
本実施形態においては、上記のような表示効果の演出がなされる領域として操作ボタン等の機能実行領域が設けられる領域であり、ボタン画像等の機能実行領域の表示画像の生成も同時になされるようにプログラム記述がなされる。以下では、その詳細について図６及び図７のフローチャートを用いて説明する。
【００６３】
図６は、図１のデジタルコンテンツ作成ソフトウェア２１の実行開始されるに伴い実行可能となる、機能実行領域設定プログラム２１ａの第一の処理である。この処理は、デジタルコンテンツにおけるページの背景画像の選択を主とする処理であるから、デザイン設定処理（図５のＳ２）であるといえる。
【００６４】
Ｓ１１では、背景画像となるメイン画像を選択する（メイン画像選択手段）。続くＳ１２では、表示効果演出用のサブ画像を選択する（サブ画像選択手段）。これらは、図８に示すような画像選択画面２０１から選択する画像選択操作であって、メイン画像１００Ｂ及びサブ画像１００Ａとなる画像ファイルを端末装置内ないしは該端末装置内に接続された記憶媒体内に記憶されている任意の画像ファイルの中から選択し、都度その描画内容を視認しながら、Ｓ１３にて最終的にどの画像とするかを、画像ファイルを指定する形で決定する。変更がある場合にはＳ１１に戻って選択をやり直し、ＯＫボタン２０１ａが操作されてメイン画像１００Ｂ及びサブ画像１００Ａが決定された場合には、Ｓ１１にて指定されたメイン画像１００Ｂに対し、所定の命名規則に従い画像ファイル名を定め、所定記憶領域（ここでは図２のオリジナルフォルダ２２２）に記憶する（背景画像記憶手段）。
【００６５】
Ｓ１４では、これらまでなされた操作内容に基づく形で、背景画像に関するプログラム記述がなされる（第一のプログラム記述手段）。このプログラムは、予め定められたウィンドウ（ユーザー閲覧領域：図３及び図４参照）内に背景画像を表示するための予め決められたプログラム構文に従い記述されるものであり、背景画像としてＳ１１で選択されたメイン画像１００Ｂを指定する形で記述される。つまり、記憶されているメイン画像１００Ｂを読み出すための画像ファイル情報（画像ファイル名等）を関連付けた形で記述がなされる。具体的には、背景画像を指定するための所定のプログラム構文を記述するとともに、図６の処理において、これまでになされたユーザー操作の内容に基づいて得られた情報を当該構文内の所定箇所に入力する形で作成される。これまでになされたユーザー操作において得られる情報としては、メイン画像１００Ｂの画像ファイル情報（画像ファイル名）とサブ画像の１００Ａの画像ファイル情報（画像ファイル名）があり、そのうちメイン画像１００Ｂの画像ファイル情報が構文内の必要箇所に埋め込まれる形でプログラム文が生成される。
【００６６】
なお、ここでのプログラム記述は、ハイパーテキスト（ここではＸＭＬ）によるタグの記述としてなされる。つまり、ＸＭＬにおける各種の機能をブラウザソフトにより発揮させるためのタグ（ＸＭＬタグ）が、ＸＭＬの構造に従い記述され、記述されたプログラム文はＸＭＬファイルとして図２のＸＭＬファイル２２５に記憶される。ここでは背景画像を設定するためのタグが所定の構文に従う形で記述されるのである。具体的には、Ｓ１１で指定されたメイン画像１００Ｂの画像ファイルのある場所を、絶対パスまたは相対パスで指定する形でボディタグが記述される。以下はその例文である。
<body background="※ファイルのある場所を指定(./***.jpg等)"></body>
【００６７】
図７は、図１のデジタルコンテンツ作成ソフトウェアの実行開始に伴い実行可能となる処理であり、機能実行領域設定プログラム２１ａの第二の処理である。その処理は、背景画像１００Ｂ上に指定した領域に対し機能を割り当て、その領域を操作ボタン等の機能実行領域とするための処理、さらにはその指定した領域に対し上記サブ画像１００Ａを利用した所定の表示効果を設定するための処理を主としている。
【００６８】
ただし、メイン画像（背景画像）とサブ画像とが決定していることが前提となるので、これらが未決定の場合は強制的に図６の処理が行なわれるようにするとよい。また、その開始に当たって、背景表示されるメイン画像の表示を、図９のような形で実施する。
【００６９】
Ｓ１０１では、予め定められた複数の機能の中から１つの機能を選択するための機能指定待ち状態となる（機能選択手段）。機能の指定は、予め定められた複数の機能の中から選択する形でなされ、ここでは、図９に示すホームページ作成画面２０２において、機能一覧を示す領域２０４の操作画像２０２ａ〜２０２ｆから、設定したい機能に対応する操作画像（アイコン）を選択する形でなされる。この機能指定待ち状態は、Ｓ１０２で機能選択完了と判定されるまで継続するが、Ｓ１１０にて機能選択を中止ないし終了する操作（例えば符号２０２ｙや２０２ｚへの操作）がなされた場合には、Ｓ１０９に進む。Ｓ１０２で機能選択完了と判定された場合にはＳ１０３に進む。ここでは、リンク機能が指定されたとする。
【００７０】
なお、設定可能な機能としては、リンク機能の他に、拡大表示機能、縮小表示機能、ページ再読込み機能、印刷実行機能、付箋貼付機能、ヘルプ表示機能、ページ閉じ機能、ペンツール機能、メモ帳機能等がある。
【００７１】
Ｓ１０３では、ユーザー（コンテンツ制作者）による予め定められた領域範囲指定操作の操作待機状態となる。この領域範囲指定操作はに基づき、メイン画像１００Ｂ上において、機能実行領域となる領域と、表示効果演出の対象となる画像領域との双方が指定される（演出実行領域指定手段）。
【００７２】
なお、ここでの演出実行領域は、機能実行領域１０２Ｂとなる。メイン画像１００Ｂには、表示効果実施見込み領域１０１Ｂａ〜１０１Ｂｉが予め設けられているので、これら領域１０１Ｂａ〜１０１Ｂｉに機能実行領域１０２Ｂを作成したい場合には、ユーザー（コンテンツ制作者）はこれら領域１０１Ｂａ〜１０１Ｂｉのうちの１つを機能実行領域１０２Ｂとして領域指定する領域範囲指定操作を実施する。なお、必ずしも表示効果実施見込み領域１０１Ｂａ〜１０１Ｂｉに機能実行領域１０２Ｂを設定する必要は無い。機能実行領域１０２Ｂは、当該領域１０１Ｂａ〜１０１Ｂｉに作成しなくてもよいし、別の領域に作成してもよい。ただし、本実施形態における表示効果実施見込み領域１０１Ｂａ〜１０１Ｂｉは、機能実行領域１０２Ｂとされるべく描画された機能実行領域設定見込み領域でもあるため、デザイン上の観点からすると当該領域１０１Ｂａ〜１０１Ｂｉに機能実行領域１０２Ｂを作成した方がよい。
【００７３】
ここでの具体的な領域範囲指定方法としては、図９のコンテンツ作成領域２０３内に表示されたメイン画像１００Ｂ上に、入力部１６をなすマウス等のポインティングデバイスによる所定の領域範囲指定操作（ここではマウスのドラッグ・アンド・ドロップ操作）によって、図１０に示すように、領域指定枠画像Ｗを形成して、その枠画像Ｗ内の領域を機能実行領域１０２Ｂとして指定する。この機能実行領域指定待ち状態は、Ｓ１０４で領域選択完了と判定されるまで継続するが、Ｓ１１１にて領域選択を中止ないし終了する操作（例えば符号２０２ｙや２０２ｚへの操作）がなされた場合には、Ｓ１０７に進んで機能実行領域１０２Ｂの設定処理を終了する。Ｓ１０４で機能選択完了と判定された場合にはＳ１０５に進む。
【００７４】
また、このＳ１０３においては、メイン画像１００Ｂ上にて機能実行領域１０２Ｂが指定されると、図１１に示すように、サブ画像１００Ａ上でも同じ領域１０２Ａが指定される（演出画像領域指定手段）。つまり、図１３に示すように、メイン画像１００Ｂとサブ画像１００Ａとを重ねた場合に、メイン画像１００Ｂ上で領域指定された機能実行領域１０２Ｂ（演出実行領域）と一致する（同位置で重なる）位置のサブ画像１００Ａ上の画像領域１０２Ａ（演出画像領域）が領域指定される。具体的に言えば、同一の平面座標上にメイン画像１００Ｂとサブ画像１００Ａとを位置を合わせた形で配置し（イニシャライズ処理）、メイン画像１００Ｂ上において機能実行領域１０２Ｂが指定されると、サブ画像１００Ａ上においてもそれと同じ座標領域１０２Ａが指定され、この領域１０２Ａの画像が表示効果演出用の画像とされる。ただし、メイン画像１００Ｂとサブ画像１００Ａとの位置合わせ処理（イニシャライズ処理）は、それら２画像の予め決められた角位置を合わせる形で、メイン画像１００Ａ上での機能実行領域１０２Ｂの領域指定よりも前の段階でなされる。
【００７５】
なお、本実施形態においては、メイン画像１００Ｂとサブ画像１００Ａとにおいて上記の領域１０１Ｂａ〜１０１Ｂｉ、１０１Ａａ〜１０１Ａｉ以外の領域は、全く同じ描画内容とされている。このため、本実施形態における機能実行領域１０２Ｂの指定は、少なくとも機能実行領域設定見込み領域１０１Ｂａ〜１０１Ｂｉが含まれてさえいれば、それ以外の領域が多少含まれて指定されたとしても問題が無い。ここでは、機能実行領域設定見込み領域１０１Ｂｆとともにその周辺をわずかに含んだ領域が機能実行領域１０２Ｂとして指定されたとする。ただし、上記の位置合わせ処理により、メイン画像１００Ｂとサブ画像１００Ａとにおける同一の描画内容同士がずれることなく重なり、双方の機能実行領域設定見込み領域１０１Ｂａ〜１０１Ｂｉのうち対応するもの同士も同一の平面座標系において一致した位置にて重なっていることが必要である。
【００７６】
Ｓ１０５では、機能実行領域の最終的な設定条件を決定する。ここでは、機能実行領域の詳細な領域条件及び詳細な機能条件を設定する。具体的には、図１２のような詳細条件設定画面２０５を表示する形でなされる。図１２のプレビュー領域２０６には、メイン画像１００Ｂ上において領域指定された機能実行領域１０２Ｂと、該機能実行領域１０２Ｂに対応するサブ画像１００Ａ上の領域とが表示されており、これらを見ながら領域２０７において、両者の位置ないし大きさをを数値指定する形で具体的に変更する。機能実行領域設定見込み領域１０１Ｂの一部が欠けて含まれていなかったり、それ以外の余計な領域が多く含まれる場合には、これで微調整する。一方、ここではＳ１０１，Ｓ１０２において機能実行領域１０２Ｂの機能としてリンク機能が指定されているので、具体的なリンク先として、アドレスないしはターゲット（リンク先の表示方法）を指定することができる。完了した場合にはＯＫボタン２０５ａを操作する。これにより、Ｓ１０６に進む。
【００７７】
なお、このＳ１０５において、機能実行領域１０２Ｂの表示画像１００Ｂａ〜１００Ｂｉ（１００ＢＸ：切替前画像）と表示効果演出用の画像１００Ａａ〜１００Ａｉ（１００ＡＸ：切替後画像）とが決定すると、これらの画像がメイン画像１００Ｂとサブ画像１００Ａとは異なる別の画像ファイル（例えばＧＩＦ（Graphic Interchange Format）やＪＰＥＧ（Joint Photographic Expert Group）等）として、所定記憶領域（ここでは図２のイメージフォルダ２２１）に記憶される（切替前画像記憶手段，切替後画像記憶手段）。その際には、所定の命名規則に従い画像ファイル名が設定される。
【００７８】
なお、機能実行領域１０２Ｂの表示画像（切替前画像）１００ＢＸの命名規則としては、例えば「link_00001」等のように、機能実行領域１０２Ｂの機能を特定可能な文字情報（例えば機能名）と、作成された順を示す番号とが付されるような形とし、他方、表示効果演出用の画像（切替後画像）１００ＡＸの命名規則としては「mouseover_00001」のように、表示効果を特定可能な文字情報（例えば表示効果名）と対応する機能実行領域１０２Ｂの表示画像１００ＢＸと同じ番号とが付されるような形とすることができる。これにより、ソースが分かり易くなり、後の編集が行い易くなる。ここでは「表示効果名ないしは機能名＋所定桁数の番号」により命名規則が定められている。
【００７９】
続いて、Ｓ１０６では、これらまでなされた操作内容に基づく形で、機能実行領域を設定するためのプログラム記述を行う。プログラムの記述は、所定のプログラム構文に従う形でなされ、図７の処理において、これまでになされたユーザー操作の内容に基づいて得られた情報を構文内の所定箇所に入力する形で作成される。これまでになされたユーザー操作において得られる情報としては、Ｓ１０３及びＳ１０４において所定の領域範囲指定操作により指定されたメイン画像（背景画像）１００Ｂ及びサブ画像１００Ａ上の領域の位置情報（領域範囲情報）、当該領域範囲指定操作によりメイン画像１００Ｂから切り出された機能実行領域１０２Ｂの表示画像（切替前画像）１００ＢＸを読み出すための画像ファイル情報（画像ファイル名）、サブ画像１００Ａから切り出された表示効果演出用の画像（切替後画像）１００ＡＸの画像ファイル情報（画像ファイル名）、機能実行領域１０２Ｂに付与される機能を特定する機能情報であり、これらを構文内の必要箇所に埋め込む形でプログラムが生成される（第二及び第三のプログラム記述手段）。
【００８０】
これにより、製作された閲覧ページ上において、機能実行領域に対する位置指示を伴う形でなされる予め定められた閲覧操作に伴い、当該機能実行領域に対応する所定の機能を実行し、さらに演出実行領域に対する位置指示を伴う形でなされる予め定められた閲覧操作に伴い、該演出実行領域の画像を第一画像からそれとは異なる第二画像に切り替え、当該閲覧操作の解除に伴い該所定領域の画像を第一画像に戻す表示効果を演出するためのプログラムが記述される。
【００８１】
なお、上記閲覧操作のうち機能を実行するための操作は、機能実行領域を位置指定する位置指定操作であり、本実施形態においては、製作物（デジタルコンテンツ）を閲覧する端末装置の入力部をなすポインティングデバイスによって、画面表示された位置指示画像を演出実行領域上に位置させた状態で所定のプッシュスイッチを押圧保持した後に該押圧保持を解除する操作（例えばマウスクリック操作）が固定的に定められている。さらに、上記閲覧操作のうち表示効果を演出するための操作は、機能実行領域を位置指示する位置指示操作であり、製作物（デジタルコンテンツ）を閲覧する端末装置の入力部をなすポインティングデバイスによって、画面表示された位置指示画像を演出実行領域上に位置させる操作（ここではマウスオーバー操作）が固定的に定められている。
【００８２】
ここで記述されるプログラムの内容について、その一例を具体的に説明する。ここでは、図６のＳ１４と同様にハイパーテキスト（ここではＸＭＬ）の記述が行われる。まずは、画像１００ＢＸを表示するためにイメージタグを使用する。画像１００ＢＸは、Ｓ１０５にてＸＭＬファイルとは別の画像ファイルとして保存されており、保存された画像ファイルを外部から読み出すよう指示する「src=""」という属性を追加して画像の保存場所を指定する。一方、リンクを設定するには、<A>のリンクタグを使用する。さらにリンク先を指定するために「href=""」という属性を追加して、移動先のアドレス（ファイル名）を相対リンク（相対パス）または絶対リンク（絶対パス）で指定する。さらに、ブラウザソフトで処理可能となるような形で表示効果の記述も行う。以下はその例文である。
<a href="※リンク先ＵＲＬ"><img id="introduction"src="画像ファイル名（画像の保存場所：(./***.gif等))" alt="introduction"onMouseover="ImgChange('introduction')" onMouseOut="ImgBack('introduction')"></a>
【００８３】
続くＳ１０７では、上記のように製作された製作物の保存を実施するか否かの判定を行い、行うのであればＳ１０８に進み、行わないのであればＳ１０９に進む。
【００８４】
Ｓ１０８では、上記のプログラム記述がなされたＸＭＬファイルをＸＭＬフォルダ２２５に保存する。
【００８５】
Ｓ１０９では、機能実行領域の設定を終了するか否かを判定し、終了する場合には本処理を終了し、終了しないのであれば、再び別の機能実行領域を設定するべくＳ１０２に戻る。
【００８６】
このようにして完成した製作物（デジタルコンテンツ）は、背景画像となるメイン画像１００Ｂと、各種機能実行領域１０２Ｂの表示画像１００ＢＸと、各種表示効果演出用の画像１００ＡＸとのそれぞれの画像ファイル、及び上記にて記述されたプログラムファイル（ここではＸＭＬファイル）を有してなる。なお、サブ画像２００Ａはあくまで表示効果演出用の画像として必要とされた画像であるから、表示効果演出用の画像として切り取られた残りの画像は、完成した製作物（デジタルコンテンツ）の構成要素からは当然除外されている。
【００８７】
上記本実施形態においては、ユーザーによるメイン画像１００Ｂとサブ画像１００Ａとを指定する画像指定操作（画像選択操作）と、メイン画像１００Ｂへの領域範囲指定操作と、機能指定操作（機能選択操作）との３操作だけで、機能実行領域を設定して、その表示効果まで設定することを可能とされている。
【００８８】
こうした処理により製作物（デジタルコンテンツ）がある程度完成すると、テストビルドを実施する（Ｓ５）。これにより、ＸＭＬファイル及びこれにより関連付けられている各種画像データ（フォルダ２２１，２２２内の画像ファイル）に基づいて、現在製作されたところまでの製作物が所定の閲覧操作が可能な形で試験表示される。このとき、当該ＸＭＬファイル及びこれにより関連付けられている各種画像データがテンプフォルダ２２４内に記憶・保存されるとともに。つまり、Ｓ１０８は、製作物仮保存手段として機能するステップであって、所定のプログラム言語で記述されたプログラムファイル（ここではＸＭＬファイル）と、それに関連付けられた関連ファイル（画像ファイル等）とを同一のフォルダに記憶・保存する。そして、このテストビルドにより正式に完成と判定された場合には、これで製作物は完成となる（Ｓ６）。
【００８９】
以上、本発明の一実施形態を説明したが、これらはあくまで例示にすぎず、本発明はこれらに限定されるものではなく、特許請求の範囲の趣旨を逸脱しない限りにおいて種々の変更が可能である。
【００９０】
上記実施形態においては、背景領域上の所定領域における表示効果の演出を、機能実行領域（操作ボタン等）に対し設定しているが、機能実行領域が作成される領域でなくともよい。例えば、機能実行領域としての機能を有さない領域において、上記のような表示効果の演出を行う表示効果演出領域を設けてもよい。図１４は、そうした表示効果を設定するための処理であって、図７の処理のＳ１０１，１０２，１１０が省略されており、さらにＳ２０４では、Ｓ１０６の機能実行領域に係るプログラム記述が省略されている。
【００９１】
上記実施形態においては、図７に示すように、機能実行領域を設定するに際して、機能実行領域に付与される機能を指定した上で機能実行領域となるべき領域を指定する形で機能実行領域を設定しているが、これを逆にして、機能実行領域を設定してからそこに割り当てられる機能を指定するようにしてもよい。
【００９２】
また、上記実施形態においては、図３及び図４に示すように、機能実行領域に付与された表示効果が、マウスオーバー時とマウスアウト時とで、当該機能実行領域に表示される画像を切り替えるものであったが、そのような単純な切り替えのみならず、切り替え前の初期状態に切替前画像を表示し、それが切替後画像に切り替わるまでの間に、所定のアニメーションを間に挟むような追加表示効果の設定が可能とされていてもよい。また、表示効果を発現させるためのユーザーによる所定の閲覧操作は、上述の位置指示操作（マウスオーバー操作）だけに限られず、ユーザーによる位置指示を伴う予め定められた閲覧操作であれば他の操作であってもよいし、当該閲覧操作に該当する複数種類の操作の中から任意に選択できるようにしてもよい。例えば、ポインティングデバイスでの位置指示操作中にプッシュスイッチ（例えばマウス上のプッシュスイッチ）を押圧する操作や、当該プッシュスイッチを所定時間以上押圧保持する操作、当該プッシュスイッチを所定時間以上押圧保持した後に該押圧保持を解除する操作、当該プッシュスイッチを押圧保持した後に該押圧保持を解除する操作を所定時間内に複数回行う操作（ダブルクリック操作）等を設定してよい。
【００９３】
また、それら各種の操作に対し個別に表示効果を設定してもよい。この場合、表示効果の設定対象となる操作の種類と同数のサブ画像１００Ａが必要となり、それらサブ画像１００Ａ毎に演出画像領域を指定する（演出画像領域指定手段）。簡単に言えば、図６のＳ１２の処理にて、操作の数と同数のサブ画像を選択し、さらに、図７のＳ１０３，Ｓ１０４にて、メイン画像１００Ｂとそれらサブ画像１００Ａとが重なる共通の座標領域を指定する形で、全てのサブ画像１００Ａから演出画像領域を指定する。図７のＳ１０６では、各操作に対し、演出画像領域及び表示効果を対応付けたプログラム記述（ここではハイパーテキストの記述）がなされる。これにより、閲覧ユーザーによってなされた閲覧操作の種類に応じて、表示効果演出を使い分けることができる。
【００９４】
図１５は、位置指示を伴う２種のユーザー閲覧操作に対し表示効果を設定した例である。ここでは、画像１００ＢＸを表示した領域１０２Ｂ（機能実行領域に限らず、表示効果演出領域として設定された領域であればよい）に対しマウスオーバー操作がなされた場合に画像１００ＡＸに画像切替がなされるだけでなく、当該領域に位置指示選択操作（ここではマウスクリック操作）が既になされた場合には、マウスオーバー操作とは異なる画像１００ＣＸに画像切替がなされる。
【００９５】
上記実施形態においては、図１０及び図１１に示すように、機能実行領域や表示効果演出領域となる画像領域１０２Ｂを１つ指定するに際し、領域指定用枠画像Ｗの大きさ及び形状を決定しているが、図１６に示すように、一度設定された枠画像Ｗをそのまま大きさ及び形状に固定設定して（領域指定形状設定手段）、そのまま継続して領域１０２Ｂを指定することが可能となっていてもよい（同形状領域連続設定手段）。なお、図１６の符号Ｗ’は既に指定済みの領域１０２Ｂである。操作ボタン等のような機能実行領域は同じ大きさで同じ形状のものが配置されることが多いので、これにより、機能実行領域や表示効果演出実行領域の領域指定がより容易となる。
【００９６】
上記実施形態においては、表示効果の演出にメイン画像１００Ｂとサブ画像１００Ａの双方の同一領域から取得される画像１００ＢＸと画像１００ＡＸとの双方をそのまま利用しているが、これにアレンジを加えてもよい。例えば図１７のように、取得した画像１００ＢＸと画像１００ＡＸとの双方に対し、領域２０９Ｂ、２０９Ａ内の手段（透過性・影付け・立体感等）を用いてアレンジを加えることができる。この場合、ＯＫボタン２０５ａが操作されることにより、アレンジが加えられた状態の画像が所定記憶領域に記憶されることになる。なお、メイン画像１００Ｂにおいて演出実行領域の画像１００ＢＸにまでアレンジを加える場合には、画像１００ＢＸはメイン画像１００Ｂとは別の画像ファイルとして保存される必要がある。
【００９７】
上記実施形態において、メイン画像１００Ｂの演出実行領域（機能実行領域とされていてもよい）の表示画像１００ＢＸは、メイン画像とは別の画像ファイルとして記憶され、サブ画像１００Ａの表示効果演出用の画像１００ＡＸもサブ画像１００Ａとは別の画像ファイルとして記憶されているが、本発明においては、少なくとも表示効果演出用の画像１００ＡＸがサブ画像１００Ａとは別の画像ファイルとして記憶されていればよい。メイン画像１００Ｂにおける機能実行領域の表示画像１００ＢＸは、上記のようにアレンジや変更を加えるためには別の画像ファイルとして記憶しておくことが望ましいが、これらを特に行わないのであれば、別の画像ファイルとして記憶しておく必要は無い。この場合、メイン画像１００Ｂ上に演出実行領域１００Ｂ２が指定されると、その領域１００Ｂ２上に表示効果演出用の画像１００ＡＸが透過状態で配置され、当該領域１０２Ｂを位置指示する所定のユーザー閲覧操作により当該画像１００ＡＸが非透過状態に切り替わる形で表示されるようになる。
【００９８】
また、上記実施形態においては、デジタルコンテンツ作成プログラム２１による製作物がホームページであったが、画面表示されたウィンドウ内に表示される表示物であれば他のものであってもよく、例えば、図１８に示すようなブック型デジタルコンテンツであってもよい。図１８のブック型デジタルコンテンツ３００は、閲覧操作用の操作ボタンが複数設けられた操作ボタン領域（機能実行領域）３１０と、ページ開き形式で閲覧可能なページ表示領域３２０と、ブックの目次を表示した目次表示領域３３０とを有した形で構成されており、上記のホームページの実施形態と同様、所定領域に対し、入力部１６のポインティングデバイスによる位置指示を伴う所定の閲覧操作（ここではマウスオーバー操作）がなされると、該領域の画像が他の画像に切り替えられるようになっている。
【００９９】
図１９及び図２０は、ブック型デジタルコンテンツの作成に当たって用意されたメイン画像３００Ｂとサブ画像３００Ａであり、双方に表示効果実施見込み領域３０１Ｂａ〜３０１Ｂｊ、３０１Ａａ〜３０１Ａｊが予め描画されている。本実施形態のブック型デジタルコンテンツも、上記のホームページの場合と同様の、図６及び図７の処理により作成されるものであり、図２１に示すデジタルブック作成画面２０２において、機能一覧を示す領域２０４の操作画像４０２ａ，４０２ｂ，４０２ｃ，４０２ｄ，・・・（ただし、中には表示効果演出を行わず、領域に対する機能指定のみを行うものもある）から、設定したい機能に対応する操作画像を選択することにより機能を選択し（機能指定手段：Ｓ１０１，Ｓ１０２）、その上で、コンテンツ作成領域２０３内に表示されたメイン画像３００Ｂ上に、入力部１６をなすマウス等のポインティングデバイスの操作（ドラッグ・アンド・ドロップ操作）によって、図２１に示すように領域指定枠画像Ｗを形成して、その枠画像Ｗ内の領域をボタン領域（機能実行領域）３０２Ｂとして指定する（演出実行領域指定手段：機能実行領域指定手段）。さらに、このボタン領域３０２Ｂと同位置にあるサブ画像３００Ａの領域（演出画像領域）３０２Ａも同時に指定される（Ｓ１０３，Ｓ１０４）。また、図２２のように、ボタン領域３０２Ｂの微調整も可能である（Ｓ１０５）。ボタン作成及び表示効果演出にかかるプログラム記述及び製作物の記憶・保存は、上記実施形態と同様にして行うことができる（Ｓ１０６〜Ｓ１０８）。
【０１００】
なお、ブック型デジタルコンテンツにおいては、ユーザー（コンテンツ制作者）による領域範囲指定操作の中に、比較的広い範囲の領域を指定する操作が含まれる。例えば、ページ表示領域３２０を指定する領域範囲指定操作等である。この場合、その広い範囲の領域上に、別画像を重ね表示することになるから、この領域を画像として表示することは、コンテンツの容量の観点から得策ではない。従って、図７のＳ１０３，１０４において、ユーザー（コンテンツ制作者）が領域範囲指定操作により多角形状（例えば四角形状）の領域を指定した場合には、図２３（ａ）に示すように、指定された多角形領域における直線をなす各辺を延長して、その延長線によりメイン画像２００Ｂを区画し、図２３（ｂ）に示すように、区画された各領域（指定された多角形領域を含む）の画像を分割して個別の分割メイン画像３０３Ｂ１〜３０３Ｂ９とし（メイン画像分割記憶手段）、分割されたそれら分割メイン画像３０３Ｂ１〜３０３Ｂ９を異なる画像ファイルとして記憶する（メイン画像分割記憶手段）。ただし、この場合、図６のＳ１４におけるプログラム記述は省略され、図７のＳ１０６あるいは図１４のＳ２０３において、図６のＳ１４において記述されていた背景画像に係るプログラム記述がなされる。
【０１０１】
具体的には、各分割メイン画像３０３Ｂ１〜３０３Ｂ９の画像ファイルを読み出し、読み出された各分割メイン画像３０３Ｂ１〜３０３Ｂ９が、分割される前の元のメイン画像が復元されるように配置される形で背景画像３００Ｂを表示するプログラム記述がなされる。つまり、背景領域を設定して、その背景領域上に各分割メイン画像３０３Ｂ１〜３０３Ｂ９を配置（表示）するためのプログラム文が所定の構文に従い記述されるとともに、各分割メイン画像３０３Ｂ１〜３０３Ｂ９を表示する構文には、自身の配置領域と自身を読み出すための画像ファイル情報（画像ファイルのある場所：絶対パスまたは相対パスで指定する）が関連付けられた形で記述される。これにより、同じ描画内容が重なる無駄が無くなる。
【０１０２】
なお、メイン画像の分割を行う上記実施形態において、領域指定が上記のような表示効果演出を行うための演出実行領域を指定するものであるならば、メイン画像３００Ｂだけでなくサブ画像３００Ａにおいても同様の分割画像（分割サブ画像：図２３では符号３０３Ａ１〜３０３Ａ９）を作成する必要がある。そして、このうち、メイン画像３００Ｂにおいて領域指定された演出実行領域３０２Ｂ（ここでは３０３Ｂ５）に対応するサブ画像の領域３０２Ａ（ここでは３０３Ａ５）の画像は表示効果演出用の画像とされ、別の画像ファイルとして記憶される。
【０１０３】
なお、上記した分割を伴うメイン画像上での領域指定は、機能実行領域の指定や演出実行領域の指定に限られるものではなく、ある領域における画像表示を省略したい場合にも使用できる。また、本発明における領域指定には、四角形状の領域の指定が最も行いやすく、上記のような分割を行う場合には、その分割処理も容易なものとできる。また、メイン画像の分割を行う上記実施形態は、ブック型デジタルコンテンツに限られず、例えばホームページや他のデジタルコンテンツに適用されてもよい。
【０１０４】
また、これまでに述べた実施形態においては、メイン画像とサブ画像（１ないし複数）とによりデジタルコンテンツを構成しているが、本発明は必ずしもこれらの実施形態に限られるものではない。例えば、図２４に示すように、背景画像となる１枚の画像４００Ｂを選択してその背景画像４００Ｂを表示し、図２５に示すように、表示された当該背景画像４００Ｂ上において機能実行領域となる領域を指定することにより、閲覧ページ上に機能実行領域を設けるだけでもよい。ただし、機能実行領域となる領域に表示される表示画像は、背景画像４００Ｂ内において当該機能実行領域の見込み領域（機能実行領域見込み領域）４００Ｂａ〜４００Ｂｅに予め描画されている描画内容が用いられる。これにより、指定された領域の画像をそのまま機能実行領域の表示画像として利用する形で、機能実行領域が設定された閲覧ページ４００を作成することができる。この場合も、専門のデザイナーに機能実行領域のデザインまで含めた内容の画像を作成してもらえば、あとはそこから領域を指定するだけで、操作ボタンやリストボックス等の機能実行領域を設定でき、別で機能実行領域の表示画像を用意する必要がない。
【０１０５】
具体的には、図６の処理を、Ｓ１２を省略する形で実施し、図７の処理のＳ１０６において、表示効果に係るプログラム記述を省略する形で実施する。なお、図７の処理のＳ１０１、Ｓ１０２における機能選択は、図２４に示すホームページ作成画面２０２において、機能一覧を示す領域４０４の操作画像４０２ａ〜４０２ｆから、設定したい機能に対応する操作画像（アイコン）を選択する形でなされる。なお、ここで設定可能な機能としては、リンク機能の他に、拡大表示機能、縮小表示機能、ページ再読込み機能、印刷実行機能、付箋貼付機能、ヘルプ表示機能、ページ閉じ機能、さらには、リストボックス機能や、掲示板機能、テキストボックス機能、ラベル機能、メモ帳機能、ペンツール等がある。
【図面の簡単な説明】
【０１０６】
【図１】本発明のプログラム作成装置の一例を示すブロック図。
【図２】プログラム作成装置により作成されるプロジェクトフォルダの構造を示す図。
【図３】閲覧状態にある製作物（ホームページ）を示す第一の図。
【図４】閲覧状態にある製作物（ホームページ）を示す第二の図。
【図５】デジタルコンテンツ（ホームページ）の作成の流れを示すフローチャート。
【図６】デザイン選択処理の流れをフローチャート。
【図７】機能実行領域設定処理の流れを示すフローチャート。
【図８】メイン画像とサブ画像を選択する選択画面を示す図。
【図９】機能実行領域設定画面を示す図。
【図１０】メイン画像への領域範囲指定操作を説明する図。
【図１１】メイン画像への領域範囲指定操作によるサブ画像の領域指定を説明する図。
【図１２】設定する機能実行領域の詳細条件を決定する画面を示す図。
【図１３】メイン画像とサブ画像から同領域を切り取り、これらを表示効果の演出に利用することを説明する図。
【図１４】表示効果設定処理の流れを示すフローチャート。
【図１５】メイン画像と複数のサブ画像から同領域を切り取り、これらを表示効果の演出に利用することを説明する図。
【図１６】図１０とは異なる形でなされるメイン画像への領域範囲指定操作を説明する図。
【図１７】図１２とは異なる形で、設定する機能実行領域の詳細条件を決定する画面を示す図。
【図１８】閲覧状態にある製作物（ブック型デジタルコンテンツ）を示す第一の図。
【図１９】図１８の製作物を作成するためのメイン画像を示す図。
【図２０】図１８の製作物を作成するためのサブ画像を示す図。
【図２１】図９とは異なる機能実行領域設定を示す図。
【図２２】設定する機能実行領域の詳細条件を決定する画面を示す図。
【図２３】メイン画像を分割して背景画像とすることを説明する図。
【図２４】図９とは異なる実施形態の機能実行領域設定画面を示す図。
【図２５】図１０及び図１６とは異なる実施形態にてなされるメイン画像への領域範囲指定操作を説明する図。
【符号の説明】
【０１０７】
１  プログラム作成装置
１６  入力部
１７  表示部
２０  記憶装置
２１  デジタルコンテンツ作成ソフトウェア
２１ａ  機能実行領域設定プログラム
１００  製作物（デジタルコンテンツ）
１００Ｂ  メイン画像
１００ＢＸ（１００Ｂａ〜１００Ｂｉ）  機能実行領域の表示画像（切替前画像）
１０１Ｂａ〜１０１Ｂｉ  表示効果実施見込み領域
１００Ａ  サブ画像
１００ＡＸ（１００Ａａ〜１００Ａｉ）  表示効果演出用の画像（切替後画像）
１０１Ａａ〜１０１Ａｉ  表示効果実施見込み領域
１０２Ｂ  機能実行領域（演出実行領域）
１０２Ａ  演出画像領域
【図１】
2010072764.tif 000003
【図２】
2010072764.tif 000004
【図３】
2010072764.tif 000005
【図４】
2010072764.tif 000006
【図５】
2010072764.tif 000007
【図６】
2010072764.tif 000008
【図７】
2010072764.tif 000009
【図８】
2010072764.tif 000010
【図９】
2010072764.tif 000011
【図１０】
2010072764.tif 000012
【図１１】
2010072764.tif 000013
【図１２】
2010072764.tif 000014
【図１３】
2010072764.tif 000015
【図１４】
2010072764.tif 000016
【図１５】
2010072764.tif 000017
【図１６】
2010072764.tif 000018
【図１７】
2010072764.tif 000019
【図１８】
2010072764.tif 000020
【図１９】
2010072764.tif 000021
【図２０】
2010072764.tif 000022
【図２１】
2010072764.tif 000023
【図２２】
2010072764.tif 000024
【図２３】
2010072764.tif 000025
【図２４】
2010072764.tif 000026
【図２５】
2010072764.tif 000027