(57)【要約】【課題】  Ｗｅｂページ作成の際、利用者にかかる負担を軽減するため、従来主にマウスで行ってきた操作をキーボードに集約したシステム、および従来モニター上、もしくは書籍で行ってきた、色の確認作業をキーボードで行うシステムを提供する。【解決手段】  キーボードのキートップに配色やマーク記し、それぞれに対応するコマンドをあらかじめ各キーボタンに記憶させておくことにより、本発明は、視覚的に分かり易いキーボードによる直接的な操作で、テキストの編集および、画像などのＷｅｂコンテンツを作成することが可能であり、効率的にＷｅｂページを作成することができる。【選択図】図１
2008257665.tif 000002
【特許請求の範囲】
【請求項１】
キーボードのキーボタンに、Ｗｅｂコンテンツ上に表示されるフォントの配色を施し、利用者が必要とするフォントの色を有したキーボタンを打鍵することにより、それぞれに対応したカラーコードを、Ｗｅｂページ作成画面上に呼び出すことを可能とした、操作を視覚的に理解することが可能な点を特徴とする、カラーパレット様のＷｅｂページ作成支援キーボード。
【請求項２】
また、ＨＴＭＬタグなどの複数の文字列を、キーボードのキーボタン１打鍵で呼び出すことを可能にし、画像および音楽の貼り付け作業などの操作において要求されるパスも、１打鍵で呼び出す事を可能にし、マウス無しの環境でもＷｅｂページの作成および編集のできる、Ｗｅｂページ作成支援マルチタイプキーボード。
【請求項３】
さらに、Ｗｅｂページ編集の際に、Ｗｅｂページ作成者が行う、フォントの大きさや種類等の変更操作を、キーボードのキートップにマークとして記し、各マークに対応したＨＴＭＬタグを、Ｗｅｂページ作成画面上に呼び出すことを特徴とした、Ｗｅｂページ作成支援キーボード。
【請求項４】
キーボタンにモニター上に表示されるフォントの配色を有することを特徴としたキーボード。
【請求項５】
複数のキーボタンの組み合わせによるショートカットキーを、１打鍵で呼び出すことを特徴とした、キーボード。
【発明の詳細な説明】
【技術分野】
【０００１】  本発明は、Ｗｅｂブラウザの編集に不可欠なＨＴＭＬタグを、キーボードの各キーボタンに割り当て、利用者がＨＴＭＬタグの知識の習得を不要にして、Ｗｅｂページの作成及び編集を可能にする、Ｗｅｂページ作成及び編集支援機構に関するものである。
【背景技術】
【０００２】  ＷＷＷ（Ｗｏｒｌｄ  Ｗｉｄｅ  Ｗｅｂ）の汎用化に伴い、全世界へ向けた情報発信の手段のひとつとして、個人用のＷｅｂサイトを持つ人が増えつつある。それに伴い、Ｗｅｂページ作成や編集の際に必要となる、ＨＴＭＬタグの記述など、作業にかかる手間を軽減するためにＡｄｏｂｅ社のＡｄｏｂｅ  Ｇｏｌｉｖｅや、ＩＢＭ社のＨｏｍｅ  Ｐａｇｅ  ＢｕｉｌｄｅｒなどのＨＴＭＬオーサリングソフトウェアがある。【０００３】  ＨＴＭＬオーサリングソフトウェアは、利用者が簡単な設定を行うことで、ＦＴＰを利用したファイルのアップロード、およびダウンロードといった作業を自動的に行うことが可能である。また、ＨＴＭＬの記述を必要とせず、ワープロでの編集に近い形でＷｅｂページを作成することが可能であり、これはＨＴＭＬタグの知識に乏しい利用者にとっては、大きなメリットである。【０００４】  また、Ｗｅｂブラウザ上からのＷｅｂページ編集を可能とするシステムとし、無料ホームページレンタルサービスを提供しているＷｅｂサイトの、Ｗｅｂページ作成支援ツールなどのスタイルシートがある。これは、テンプレートとなるＷｅｂページに対し、利用者がＷｅｂページの背景の色、テキストの色、およびテキストの大きさなど、Ｗｅｂページの設定を行うことで形式的なＷｅｂページを作成可能にする物である。【０００５】  Ｗｅｂブラウザ上でのＷｅｂサイト作成や編集を可能としたスタイルシートの中で、Ｗｅｂサイト構築ソフトウェアのＣＭＳ（Ｃｏｎｔｅｎｔｓ  Ｍａｎａｇｅｍｅｎｔ  Ｓｙｓｔｅｍ）がある。ＣＭＳの導入の下で利用者は、ＨＴＭＬタグなどの知識を習得無しに、Ｗｅｂページの編集を行うことが可能である。ＣＭＳの中で、コンテンツの管理の仕方やサイトのコンセプトに特徴のあるＷｉｋｉやＢｌｏｇ（Ｗｅｂｌｏｇ）がある。これらＣＭＳの汎用化に伴い、個人でＷｅｂページを持つ人が飛躍的に増えている。【０００６】  また、Ｗｅｂページの設定において、モニター上からマウスで実行するコマンドや、特定の文字列の利用頻度が高い連続したキー入力操作を、簡単なキーで実行する機能、およびそのために割り当てられたキー入力の組み合わせとして、ショートカットキーがある。打鍵数を軽減や、マウスの使用無しにて操作が可能であり、パーソナルコンピューターの熟練者にとっての作業効率の向上に繋がっている。
【発明の開示】
【発明が解決しようとする課題】
【０００７】  個人および、法人などのＷｅｂページが増えた現在、Ｗｅｂページ作成において、個性を主張するためには、テキストの編集や装飾、画像や音楽のアップロードは必須である。ＨＴＭＬオーサリングソフトウェアやＣＭＳが開発されたものの、Ｗｅｂページの作成において、Ｗｅｂページ作成者は、テキストの色および大きさなどの変更の操作を、主にマウスで行う。マウスでの操作は、操作後、モニター上での視覚的確認の必要があり、利用者にとって負担となる作業である。長時間に渡るマウスでの操作は、手首への負担が大きく、マウス症候群を誘発する場合がある。【０００８】  ＨＴＭＬオーサリングソフトウェアやＣＭＳの利用者は、モニター上でフォントの色の確認を行っている。この色の確認方法は、モニターの種類や性能、その他、各利用者の設定にも大きく左右され、カラーコードに対応した正しい色がモニター上に表示されることは少ない。これは、利用者にとっては大きな不安要素である。カラーコードに対応した正しい色をＷｅｂページ上に表示させるためには、カラーコードが記載された書籍等で確認することは可能だが、カラーコードを確認した後、利用者自らがカラーコードを入力しなければならない。これは、利用者にとって２度手間である。【０００９】  ショートカットキーは、複数のキーボタンの組み合わせでできているため、その組み合わせを習得するための手間は、利用者にとっては多大な負担である。また、ショートカットキーは、使用するソフトウェアによっても異なり、利用者所有のパーソナルコンピューター以外で、ショートカットキーを利用することは困難である。ショートカットキーの中には、利用者の好みによってカスタマイズすることが可能な物も多いが、ショートカットキーの設定には、パーソナルコンピューターに関する熟練した知識と技術が必要である。また、ショートカットキーの設定に要する時間も利用者の負担となる上、パーソナルコンピューターの知識に乏しい利用者が設定をするのは困難である。
【課題を解決するための手段】
【００１０】  上述した課題を解決するために請求項１に記載の発明は、Ｗｅｂページ作成および、編集の際、フォントの色の確認および指定を行う、Ｗｅｂページ作成者がモニター上で行う従来の方法に対し、モニターの種類や性能、その他に各利用者の設定など、モニターの状態に左右されることなく、フォントの色の指定を可能にする。そのために、各キーボタンのそれぞれに、Ｗｅｂページ上で表示されるフォントの色のカラーコードを指定し、各カラーコードに対応する配色を各キーボタンに有することとした。【００１１】  また、請求項２、および請求項３の発明は、Ｗｅｂページ作成、および編集の際、Ｗｅｂ作成者が強いられるモニター上でのマウスを用いた作業を、キーボードで行うことを可能にする点を特徴とする。テキストの大きさや、フォントの種類、画像および音楽などのデータを、マウスや、複雑なショートカットキーを用いず、それぞれのマークに対応したキーボタンの入力で、各コマンドをモニター上に呼び出すことを可能にする。【００１２】  Ｗｅｂページ作成および編集の際、Ｗｅｂページ作成者に必要な知識の習得や、長時間に渡るマウスでの作業による利用者の身体的、精神的負担を軽減するため、ひとつのキーボタンの打鍵による、ひとつのコマンドの実行を可能とするキーボタンを有する。
【発明の効果】
【００１３】  以上の説明のように、本発明は、Ｗｅｂページ作成および編集の際、モニターとマウスの利用で行っていた従来型の操作を、キーボードの各キーボタンに転化することにより、キーボードでの操作が、パーソナルコンピューターへのコマンドとして、直接繋がっているため、ＨＴＭＬファイルのアップロードおよび、ダウンロードの手間や、ＨＴＭＬタグを記述する手間を省くことが可能であり、ＦＴＰやＨＴＭＬに関する知識の乏しい利用者を支援することができる。【００１４】  また、本発明は、キーボタンに有される色およびマークにより、デジタルのコマンドを、アナログ感覚で使用することを可能にし、利用者が画用紙に色鉛筆で文字または絵を描く感覚で、Ｗｅｂページの作成および編集を行うことが可能である。【００１５】  本発明には、利用者が、モニターの性能や設定に左右されることなく、簡単且つ、正確にフォントの色を選択することが可能であり、利用者の思い描くフォントの色と、モニターに表示される色との相違により生じる従来の混乱を、軽減させることが可能である。【００１６】  さらに、本発明は、Ｗｅｂページ作成および編集において、従来のマウスでのクリックやドラッグの作業時間の軽減を実現し、長時間に渡るＷｅｂページの作成および編集において、マウス症候群の誘発を抑えることを可能とする。
【発明を実施するための最良の形態】
【００１７】  以下、添付図面に基づいて説明する。【００１８】  図１では、本発明の全体図を表している。１１に配色を施し、１２、１３、１４、１５、１６、１７においては、視力の衰えた老齢者や、ＨＴＭＬタグの記述の知識に乏しい利用者にも、容易にＷｅｂページを作成しやすいよう、それぞれに対応した機能を、各キーボタンのキートップに視覚的に分かりやすいよう記している点を特徴とする。これは、Ｗｅｂブラウザ上でのＷｅｂサイト作成や編集を可能としたスタイルシートの、ＣＭＳを利用しＷｅｂページを作成する際の編集画面において、マウスでタグを指定するために設けられたモニター上で表示されるツールバーの内容を、キーボードの各キーボタンに再現した形である。【００１９】  図２にあるよう、本発明は、キーボタン（２３）を打鍵すると、下のシートスイッチ（２２）を押す構造になっており、ＣＰＵ（２１）がキースキャンを制御し、打鍵されたキーをシリアルデータにてパーソナルコンピューターに出力する。【００２０】  図３は、図１、１１の詳細図である。これは、１６基本カラーをキーボードに有した形態を特徴とする。これは、Ｗｅｂページの作成および編集において、利用者にとって使用頻度の高い、フォントの色と大きさの変更という作業に使用する。その使用の流れを図４に示す。【００２１】  Ｗｅｂページの作成および編集において、フォントの色と大きさの設定は、図１、１１の部分を使用する。まず、利用者が図１、１１の部分に有された色をフォントに利用したいと考えた場合、図３の２５、２６、２７、２８、２９、３０、３１、３２、３３、３４、３５、３６、３７、３８、３９、４０を使用する。例として、利用者が赤色のフォントを使用したいと考えた場合では、図４の手順に沿い、まず必要とする位置を指定し、赤色キーボタン（図３、３０）を打鍵すると（図４、４１）、モニター上で指定した位置に、「＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃ＦＦ００００“＞＜／ｆｏｎｔ＞」とＨＴＭＬタグが表示され（図４、４２）、利用者は必要とするフォントの大きさの数字を「“Ａ“」のＡ部分に入力する（図４、４３）。設定については以上で、あとは、利用者が必要とするテキストを「＞＜」の２つの不等号の間に入力することにより（図４、４４）、Ｗｅｂページにテキストを、利用者の必要とする色と大きさで表示させる。【００２２】  また、カラーコードについて知識のある、Ｗｅｂページ作成上級者が基本１６色以外のフォントの色を利用したいと考えた場合、カラーパレットボタン（図３、２４）の打鍵で、「＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“Ｂ“＞＜／ｆｏｎｔ＞」とＨＴＭＬタグの表示が可能なため、利用者は「“Ｂ“」のＢ部分に必要とする色のＨＴＭＬカラーコードを入力することにより、Ｗｅｂページに好みの色のフォントを表示させることが可能である。フォントの大きさの指定については、［００２１］と同様、利用者がフォントの大きさの数字を「“Ａ“」のＡ部分に入力する。【００２３】  図５は、利用者がＷｅｂページに画像または、音声の貼り付けを必要とした場合の流れ図である。５１のキーボタンは、図１、１３である。キーボタン（図１、１３）を打鍵することにより、別窓が開き（５２）、画像または音声のパスについて利用者に要求をする（５３）。【００２４】  図６は、図１、１６の詳細図である。これらは、利用者がＷｅｂページの作成および編集を行う際の、フォントの種類やテキストの装飾を行うためのものである。Ｗｅｂページ作成および編集の際、利用者にとっては頻度の高いものであり、その使用の流れについては、図７の通りである。【００２５】  例として、利用者が、太字のフォントで「あ」と入力したい場合、まず、必要とする位置に、キートップに太字のマークが記されたキーボタン（図６、６４）を打鍵すると（図７、７１）、モニター上に「＜Ｂ＞＜／Ｂ＞」とＨＴＭＬタグが表示される（図７、７２）。利用者は、必要とするテキストを２つの不等号「＞＜」の間に「あ」を入力する（図７、７３）。「＜Ｂ＞あ＜／Ｂ＞」と入力することにより、Ｗｅｂページで太字のフォントで「あ」と表示される。【００２６】  図８は、図１、１２の詳細図であり、図９は、図１、１５の詳細図である。各キーボタンを打鍵することにより、それぞれに対応するＨＴＭＬタグが表示される。ＨＴＭＬタグの２つの不等号「＞＜」の間に、利用者が必要とするテキストを入力する手順は、上記［００２５］と同様である。【００２７】＜変型例１＞
図１、図３では、古いタイプのブラウザでも解釈可能な、基本１６色のキーボタンを有しているが、黒、赤、青、緑、のような、Ｗｅｂページ作成者の利用頻度の高いものだけをキーボードに収めることにより、よりコンパクトな形のキーボードとしてもよい。また、利用者により異なる環境設定でも同じ色で表示される、Ｗｅｂ  Ｓａｆｅカラー２１６色を用い、従来の絵の具セットにならい、４色、１２色、２４色、３６色等、用途に応じ、様々な色の組み合わせでキーボードの形成してもよい。【００２８】＜変型例２＞
また、図１の１２、１３、１４、１５、１６、１７から、カラーパレット部分（図１、１１、図３）のみを切り離し、フォントの色専用のキーボード単体として、キーボード端末を形成してもよい。これは、図１の１２、１３、１４、１５、１６、１７にも応用が可能である。また、単体としてだけではなく、フォントのタグのみを集約したものなど、様々な組み合わせの形態のキーボードを形成することも可能である。【００２９】＜変型例３＞
また、図１に明記されていない、テーブルタグや、リストタグなど、利用者にとって利用頻度の高いものなどを、本発明の形態に則り追加することにより、より使いやすい、ＨＴＭＬタグ入力専用のキーボードとして形成してもよい。【００３０】＜変型例４＞
さらに、従来のキーボードにテンキーの有無があるよう、本発明を、キーボードの標準型として付属し、新しい形のフルキーボードにしてもよい。【００３１】＜変型例５＞
また、Ｗｅｂページ作成だけでなく、世界中で最も広く利用されているＭｉｃｒｏ  ｓｏｆｔ社のＯｆｆｉｃｅなどのソフトウェアで利用できるショートカットキーのみを集めた、ショートカットキー専用のキーボードとしてもよい。
【産業上の利用の可能性】
【００３２】  本発明は、ＨＴＭＬタグや、従来モニターとマウスの利用で行っていた操作、および複雑なショートカットキーの機能を用いてきた操作を、一打鍵で、必要なコマンドを呼び出すことを可能にすることにより、ＨＴＭＬオーサリングソフトウェアや、Ｗｅｂブラウザ上でのＷｅｂサイト作成や編集を可能としたスタイルシート上で行っていたマウスでの操作を、キーボード操作に置き換えた新たなキーボードの形として、Ｗｅｂページ作成および編集に貢献することが期待できる。また、操作の容易さや見た目の楽しさから、小学生などの若年者を対象としたＷｅｂを用いた教育活動などにも適応可能であり、従来モニターに表示されていた小さなコマンド実行ボタンを、キーボードに収めることにより、Ｗｅｂページ作成および編集に必要なコマンドが、大きく見やすくなり、遠視や近視の人、また老齢者など、幅広い年齢の人がＷｅｂページを作成することが可能である。さらに、本発明はショートカットキーを１打鍵で呼び出すことを可能としたことで、個人だけでなく、法人の作業効率の大幅なアップに繋がることが期待できる。
【図面の簡単な説明】
【００３３】
【図１】Ｗｅｂページ作成支援ＨＴＭＬタグ入力カラーパレットキーボードの全体図である。
【図２】Ｗｅｂページ作成支援ＨＴＭＬタグ入力カラーパレットキーボードの基盤である。
【図３】１６基本カラーパレットキーボタン類である。
【図４】Ｗｅｂページへテキストを書き込む際のフォントの色と大きさを指定する流れ図である。
【図５】Ｗｅｂページへ画像または音楽を貼り付ける際の流れ図である。
【図６】フォントタグのキーボタン類である。
【図７】Ｗｅｂページへテキストを書き込む際の流れ図である。
【図８】レイアウトタグのキーボタン類である。
【図９】基本のＨＴＭＬタグのキーボタン類である。
【符号の説明】
【００３４】１１  フォントの色を指定するカラーパレットの色付きキーボタン類
１２  レイアウトタグのキーボタン類
１３  画像および音楽の貼り付け用キーボタン
１４  リンクの挿入用キーボタン  ＜Ａ  Ｈｒｅｆ＝“ＵＲＬ“＞＜／Ａ＞
１５  基本のＨＴＭＬタグのキーボタン類
１６  フォントタグのキーボタン類
１７  改行  ＜ＢＲ＞
２１  ＣＰＵ内蔵キーコントローラ
２２  シートスイッチ
２３  キーホルダー
２４  テキストの色と大きさを指定するキーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“Ｂ“＞＜／ｆｏｎｔ＞
２５  黒色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃０００００“＞＜／ｆｏｎｔ＞
２６  灰色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃８０８０８０“＞＜／ｆｏｎｔ＞
２７  銀色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃Ｃ０Ｃ０Ｃ０“＞＜／ｆｏｎｔ＞
２８  白色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃ＦＦＦＦＦＦ“＞＜／ｆｏｎｔ＞
２９  栗色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃８０００００“＞＜／ｆｏｎｔ＞
３０  赤色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃ＦＦ００００“＞＜／ｆｏｎｔ＞
３１  紫色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃８０００８０“＞＜／ｆｏｎｔ＞
３２  マゼンダ色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃ＦＦ００ＦＦ“＞＜／ｆｏｎｔ＞
３３  緑色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃００８０００“＞＜／ｆｏｎｔ＞
３４  ライム色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃００ＦＦ００“＞＜／ｆｏｎｔ＞
３５  オリーブ色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃８０８０００“＞＜／ｆｏｎｔ＞
３６  黄色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃ＦＦＦＦ００“＞＜／ｆｏｎｔ＞
３７  濃紺色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃００００８０“＞＜／ｆｏｎｔ＞
３８  青色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃００００ＦＦ“＞＜／ｆｏｎｔ＞
３９  真鴨色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃００８０８０“＞＜／ｆｏｎｔ＞
４０  水色キーボタン
＜ｆｏｎｔ  ｓｉｚｅ＝“Ａ“ｃｏｌｏｒ“＃００ＦＦＦＦ“＞＜／ｆｏｎｔ＞
６１  強い強調タグキーボタン  ＜Ｓｔｒｏｎｇ＞＜／Ｓｔｒｏｎｇ＞
６２  大きめフォントキーボタン  ＜Ｂｉｇ＞＜／Ｂｉｇ＞
６３  小さめフォントキーボタン  ＜Ｓｍａｌｌ＞＜／Ｓｍａｌｌ＞
６４  太字キーボタン  ＜Ｂ＞＜／Ｂ＞
６５  書式選択キーボタン  ＜Ｆｏｎｔ  Ｆａｃｅ“Ａ“＞＜／Ｆｏｎｔ＞
６６  斜体文字キーボタン  ＜Ｉ＞＜／Ｉ＞
６７  抹消線入力キーボタン  ＜Ｓ＞＜／Ｓ＞
６８  下線入力キーボタン  ＜Ｕ＞＜／Ｕ＞
８１  中央寄せキーボタン  ＜Ｃｅｎｔｅｒ＞＜／Ｃｅｎｔｅｒ＞
８２  左寄せキーボタン  ＜Ｄｉｖ  Ａｌｉｇｎ＝“ｌｅｆｔ“＞＜／Ｄｉｖ＞
８３  右寄せキーボタン  ＜Ｄｉｖ  Ａｌｉｇｎ＝“Ｒｉｇｈｔ“＞＜／Ｄｉｖ＞
９１  ＨＴＭＬタグ入力キーボタン  ＜Ｈｔｍｌ＞＜／Ｈｔｍｌ＞
９２  ヘッダタグ入力キーボタン  ＜Ｈｅａｄ＞＜／Ｈｅａｄ＞
９３  本文タグ入力キーボタン  ＜Ｂｏｄｙ＞＜／Ｂｏｄｙ＞
９４  見出しタグ入力キーボタン  ＜Ｈ１〜６＞＜／Ｈ１〜６＞
【図１】
2008257665.tif 000003
【図２】
2008257665.tif 000004
【図３】
2008257665.tif 000005
【図４】
2008257665.tif 000006
【図５】
2008257665.tif 000007
【図６】
2008257665.tif 000008
【図７】
2008257665.tif 000009
【図８】
2008257665.tif 000010
【図９】
2008257665.tif 000011