2008年06月08日
構図を考えてみよう
美しい景色に感動して、デジカメでパチリ「と撮影しても、プリントしてみてガッカリ、なんて経験はありませんか？自然の雄大な雰囲気も、カメラの枠で切り取ってしまうと、なんだかその良さが半減しちゃうなんてことありますよね。プロの写真家の作品を見ると、素晴らしい構図で、対象の魅力を写し出しています。どうすれば、そんな「いいナー」と思える写真を撮ることができるのでしょうか。
カメラの本とか読むと「構図の取りかたを良く考えて」ということが書かれてあります。そうか、構図かと思っても、一体何がいいやらどこが悪いやら。構図の良し悪しなんて中々ピンときませんよね。
ある本を読んでいると、自分がいいと思う構図で描くのが結局は良かったりする、みたいなことを書いていたんですが、それって「結局はセンスの問題だよね」って話でしょう。そんなことを言ってたら身もフタもなくなっちゃうので、ここでは構図を考える手がかりとなるものをご紹介しようと思います。
まず構図の意味を広辞苑で引いてみると、意味のひとつに「絵画・写真などで芸術表現の要素をいろいろに組み合わせて、作品の美的効果を表す手段」とあります。過去の作品を解析したりして、こうしたら良く見えるという一種の経験則のようなものです。
今回は、その代表的なもの「3分割法」を紹介したいと思います。これは、画面の上下左右を三分割して四つの交点を作ります（図1）。この四つの交点が重要なポイントです。さらに、四隅と交差する対角線に補助線を引きます（図2）。こうして出来た線や交点、図形を参考にしながら構図を考えていきます（図3）。
ポイントは、３分割法の真ん中に出来た長方形の四隅と補助線との交点（図2の○の部分）に、画面内の主要な要素が引っかかるようにして構図を決めると、適度な動きを伴ったバランスの良い構図を作ることが出来るといわれています。
（図１）画面の3分割
（図2）図１に補助線を加えたもの
（図3）
これは、構図になじみのない人が、画面の中央に配置したがるクセを直したり、中央からちょっとズレた構図の練習にも使えるものですし、この手法を利用した画家も多いといわれています。
また、画面を3分の2で区切った場合、その比率は黄金比に近くなります。黄金比とは、長方形の短辺と長辺が、最もバランスのとれた比率のことで、「最も安定して美しい比率」と言われています。このときの短辺と長辺の比率は、1：0.618となります。これに対して3分の2は、1：0.6666と黄金比に近いため、画面に黄金分割の補助線を引いて、それを頼りにものの配置を決めるだけでもそれらしくなるのです。
では、具体的に見ていきましょう。図１は、画面を3分割したもので、図2は補助線を引いたものです。この線や交点などに、主要な要素がひっかかるようにして構図を決めていきます（図３）。絵画のピーテル・ブリューゲルの作品に3分割線を引いてみましょう（図4～図5）。彼が黄金比を意識して描いたか、きちんと調べることができてはいないのですが、水平線や人の配置など、あてはまる点があると思います。
まあ、ほんとは写真で説明したほうがいいんでしょうけど、他で書いた記事そのまま持ってきてますので（すみません）。
時間ができれば写真に替えておきたいと思います。
また、余談ですが、名刺サイズやカメラ、タバコ、i-podなども黄金比でデザインされものなんですよ。
（図4）イカロスの墜落のある風景
（図5）怠け者の天国
（図6）バベルの塔
もちろん、機械的にこれにあてはまる作品をつくればいいというわけではありません。
自分なりにどんな構図が良さそうに感じるのか、その叩き台にするといいと思うのです。例えば、不安定な中に動きを見出したい場合や、なにか違和感を感じさせたい時など、黄金比でピタッと描くより、ちょっと崩した方がいいかもしれません。そんな風に、自分の意図に応じて、いろいろ工夫するといいのではないでしょうか。
→メニューに戻る
カメラの本とか読むと「構図の取りかたを良く考えて」ということが書かれてあります。そうか、構図かと思っても、一体何がいいやらどこが悪いやら。構図の良し悪しなんて中々ピンときませんよね。
ある本を読んでいると、自分がいいと思う構図で描くのが結局は良かったりする、みたいなことを書いていたんですが、それって「結局はセンスの問題だよね」って話でしょう。そんなことを言ってたら身もフタもなくなっちゃうので、ここでは構図を考える手がかりとなるものをご紹介しようと思います。
まず構図の意味を広辞苑で引いてみると、意味のひとつに「絵画・写真などで芸術表現の要素をいろいろに組み合わせて、作品の美的効果を表す手段」とあります。過去の作品を解析したりして、こうしたら良く見えるという一種の経験則のようなものです。
今回は、その代表的なもの「3分割法」を紹介したいと思います。これは、画面の上下左右を三分割して四つの交点を作ります（図1）。この四つの交点が重要なポイントです。さらに、四隅と交差する対角線に補助線を引きます（図2）。こうして出来た線や交点、図形を参考にしながら構図を考えていきます（図3）。
ポイントは、３分割法の真ん中に出来た長方形の四隅と補助線との交点（図2の○の部分）に、画面内の主要な要素が引っかかるようにして構図を決めると、適度な動きを伴ったバランスの良い構図を作ることが出来るといわれています。
（図１）画面の3分割
（図2）図１に補助線を加えたもの
（図3）
これは、構図になじみのない人が、画面の中央に配置したがるクセを直したり、中央からちょっとズレた構図の練習にも使えるものですし、この手法を利用した画家も多いといわれています。
また、画面を3分の2で区切った場合、その比率は黄金比に近くなります。黄金比とは、長方形の短辺と長辺が、最もバランスのとれた比率のことで、「最も安定して美しい比率」と言われています。このときの短辺と長辺の比率は、1：0.618となります。これに対して3分の2は、1：0.6666と黄金比に近いため、画面に黄金分割の補助線を引いて、それを頼りにものの配置を決めるだけでもそれらしくなるのです。
では、具体的に見ていきましょう。図１は、画面を3分割したもので、図2は補助線を引いたものです。この線や交点などに、主要な要素がひっかかるようにして構図を決めていきます（図３）。絵画のピーテル・ブリューゲルの作品に3分割線を引いてみましょう（図4～図5）。彼が黄金比を意識して描いたか、きちんと調べることができてはいないのですが、水平線や人の配置など、あてはまる点があると思います。
まあ、ほんとは写真で説明したほうがいいんでしょうけど、他で書いた記事そのまま持ってきてますので（すみません）。
時間ができれば写真に替えておきたいと思います。
また、余談ですが、名刺サイズやカメラ、タバコ、i-podなども黄金比でデザインされものなんですよ。
（図4）イカロスの墜落のある風景
（図5）怠け者の天国
（図6）バベルの塔
もちろん、機械的にこれにあてはまる作品をつくればいいというわけではありません。
自分なりにどんな構図が良さそうに感じるのか、その叩き台にするといいと思うのです。例えば、不安定な中に動きを見出したい場合や、なにか違和感を感じさせたい時など、黄金比でピタッと描くより、ちょっと崩した方がいいかもしれません。そんな風に、自分の意図に応じて、いろいろ工夫するといいのではないでしょうか。
→メニューに戻る
2008年06月07日
タイトルとフッターの編集
1.タイトルの編集
①サンプルテンプレートの編集
さて、作られたサイトは、まだまだ未完成なものです。必要な場所に文字や画像などを入力し、サイトを感性させて行きましょう。
②タイトルの入力
「ホームページのタイトルを入力してください（ヘッダー）」という文字の上をダブルクリックしましょう。
③バナー編集ウインドウ
「バナーの編集」という画面が表示されました。
この中の「文字」欄に、タイトルを入力します。今回は、サークル名「絵画クラブ絵筆」と入力します。
その下に、イラストが表示されていて、現在は水玉模様が「前回の設定」として選択され、プレビューで表示されています。この一覧から様々なデザインを選択することができます。
今回は、デザインを「Hdp_head15」にすることにします。
文字の大きさ欄では、スライドバーを左右に動かすことで、表示するタイトルの文字の大きさを調整することができます。
これらの設定が完了したら、「完了」をクリックしましょう。
④編集完了確認メッセージ
編集しても良いか確認メッセージがでるので、「はい」を選択します。
これで編集が完了しました。
2.フッターの編集
①フッターの編集
次にサイトの最下部にあたるフッターを編集しましょう。サンプルでは、「文字を入力できます（フッター）」と表示されてますので、ここをダブルクリックしましょう。
②バナーの編集ウインドウ
バナーの編集というウインドウが表示されます。
もともとフッターには、コピーライト表示などを記入します。
文字の欄にコピーライト表記を入れましょう。今回は美術サークルのホームページなので、「Copyright（C)2008 KAIGA CLUB EFUDE All Rights Reserved.」と入力します。
タイトルと同じく、文字のサイズは適当な大きさに調整してください。
入力し終わったら「完了」をクリックしてください。
上書き確認のメッセージが表示されるので、「はい」をクリックしてください。
初めて編集する際だけ、「ロゴ作成ウィザード」が表示されますので、ロゴのスタイルを設定しましょう。
③ロゴの編集
「ロゴ作成ウィザード（1/4）」では、フォントのスタイルなどを設定できます。今回は「斜体」のチェックボックスにチェックを入れておきましょう。それ以外は規定のままとして、「次へ」をクリックします。
③ロゴの編集・その２
色の変更ができます。変更しない場合は、そのまま「次へ」をクリックします。
④ロゴの編集・その3
ロゴの縁取りに関する設定がある場合は、ここで変更します。
⑤ロゴの編集・その4
ロゴの文字効果に関する設定がある場合は、ここで変更します。
③バナー編集ウインドウ
「ロゴ作成ウィザード」が完了し、バナー編集ウインドウが表示されるので、「完了」をクリックしてウインドウを閉じます。
その際、上書き確認が表示されますので、「はい」を選択してください。
→メニューに戻る
①サンプルテンプレートの編集
さて、作られたサイトは、まだまだ未完成なものです。必要な場所に文字や画像などを入力し、サイトを感性させて行きましょう。
②タイトルの入力
「ホームページのタイトルを入力してください（ヘッダー）」という文字の上をダブルクリックしましょう。
③バナー編集ウインドウ
「バナーの編集」という画面が表示されました。
この中の「文字」欄に、タイトルを入力します。今回は、サークル名「絵画クラブ絵筆」と入力します。
その下に、イラストが表示されていて、現在は水玉模様が「前回の設定」として選択され、プレビューで表示されています。この一覧から様々なデザインを選択することができます。
今回は、デザインを「Hdp_head15」にすることにします。
文字の大きさ欄では、スライドバーを左右に動かすことで、表示するタイトルの文字の大きさを調整することができます。
これらの設定が完了したら、「完了」をクリックしましょう。
④編集完了確認メッセージ
編集しても良いか確認メッセージがでるので、「はい」を選択します。
これで編集が完了しました。
2.フッターの編集
①フッターの編集
次にサイトの最下部にあたるフッターを編集しましょう。サンプルでは、「文字を入力できます（フッター）」と表示されてますので、ここをダブルクリックしましょう。
②バナーの編集ウインドウ
バナーの編集というウインドウが表示されます。
もともとフッターには、コピーライト表示などを記入します。
文字の欄にコピーライト表記を入れましょう。今回は美術サークルのホームページなので、「Copyright（C)2008 KAIGA CLUB EFUDE All Rights Reserved.」と入力します。
タイトルと同じく、文字のサイズは適当な大きさに調整してください。
入力し終わったら「完了」をクリックしてください。
上書き確認のメッセージが表示されるので、「はい」をクリックしてください。
初めて編集する際だけ、「ロゴ作成ウィザード」が表示されますので、ロゴのスタイルを設定しましょう。
③ロゴの編集
「ロゴ作成ウィザード（1/4）」では、フォントのスタイルなどを設定できます。今回は「斜体」のチェックボックスにチェックを入れておきましょう。それ以外は規定のままとして、「次へ」をクリックします。
③ロゴの編集・その２
色の変更ができます。変更しない場合は、そのまま「次へ」をクリックします。
④ロゴの編集・その3
ロゴの縁取りに関する設定がある場合は、ここで変更します。
⑤ロゴの編集・その4
ロゴの文字効果に関する設定がある場合は、ここで変更します。
③バナー編集ウインドウ
「ロゴ作成ウィザード」が完了し、バナー編集ウインドウが表示されるので、「完了」をクリックしてウインドウを閉じます。
その際、上書き確認が表示されますので、「はい」を選択してください。
→メニューに戻る
2008年06月07日
表の編集
①表を1行追加する
このページでは、あらかじめ生徒募集に必要だろうと思われる項目が、表として出来上がっています。ただ、今回の場合は、記入したい内容に対して、表の行数が少ないため、書く欄を1行追加することにしましょう。追加したい位置のセルをクリックし、右クリックします。
②メニューから「セルの分割」を選ぶ
右クリックすると、メニューの中の「セル」をクリックすると、右側に新たなメニューが表示されますので、「セルを縦に分割」をクリックしましょう。
③セルが分割される
右図のように、セルが縦に分割されました。同じように、セルごとに縦に分割を繰り返し、行を作っていきます。
追加された行に、文字や写真などを挿入していきます。
④ページの保存
ページの編集が完了したら、「上書き保存」で保存しておきましょう。
「ファイル」→「保存」を選択すると、すると、「素材ファイルをコピーして保存」という画面が表示されます。
「保存」をクリックしてください。
⑤完成したページの確認
トップページの時と同じように、画面左端の「プレビュー」タブをクリックして、完成したページを確認してみましょう。
サイトの右側には、メニューボタンが「HOME」と「生徒募集」の２つ作られています。「HOME」ボタンをクリックして、トップページを表示してみましょう。そして、この２つのページが行き来できるか確認してみましょう。
このように、特別なことをしなくても、自動的にページが追加されていきます。
⑥表を追加したいときは
また、既存のスタイルだけでは足らないので、表を追加していれたい場合は、画面上部にある「レイアウト素材の挿入」をクリックし、「シンプルな表」を選択してください。
⑦表のスタイルを選択
「素材集から開く」というウインドウが表示されるので、表のスタイルを選択して「開く」をクリックします。
これで、2行4列の表が挿入されますので、セルの分割または結合を使って、自分好みに調整してください。
→メニューに戻る
このページでは、あらかじめ生徒募集に必要だろうと思われる項目が、表として出来上がっています。ただ、今回の場合は、記入したい内容に対して、表の行数が少ないため、書く欄を1行追加することにしましょう。追加したい位置のセルをクリックし、右クリックします。
②メニューから「セルの分割」を選ぶ
右クリックすると、メニューの中の「セル」をクリックすると、右側に新たなメニューが表示されますので、「セルを縦に分割」をクリックしましょう。
③セルが分割される
右図のように、セルが縦に分割されました。同じように、セルごとに縦に分割を繰り返し、行を作っていきます。
追加された行に、文字や写真などを挿入していきます。
④ページの保存
ページの編集が完了したら、「上書き保存」で保存しておきましょう。
「ファイル」→「保存」を選択すると、すると、「素材ファイルをコピーして保存」という画面が表示されます。
「保存」をクリックしてください。
⑤完成したページの確認
トップページの時と同じように、画面左端の「プレビュー」タブをクリックして、完成したページを確認してみましょう。
サイトの右側には、メニューボタンが「HOME」と「生徒募集」の２つ作られています。「HOME」ボタンをクリックして、トップページを表示してみましょう。そして、この２つのページが行き来できるか確認してみましょう。
このように、特別なことをしなくても、自動的にページが追加されていきます。
⑥表を追加したいときは
また、既存のスタイルだけでは足らないので、表を追加していれたい場合は、画面上部にある「レイアウト素材の挿入」をクリックし、「シンプルな表」を選択してください。
⑦表のスタイルを選択
「素材集から開く」というウインドウが表示されるので、表のスタイルを選択して「開く」をクリックします。
これで、2行4列の表が挿入されますので、セルの分割または結合を使って、自分好みに調整してください。
→メニューに戻る
2008年06月07日
新規ページの追加
①ページを追加する
それでは、トップページが完成したので、新しいページを追加していきましょう。
「ファイル」→「新規作成」を選択します。
または、画面右上にある「スタート」をクリックし、「新規ページ追加」でもいいです。
すると、トップページを作る際にも表示された、「サンプルテンプレート」の画面が表示されます。ここからどのようなスタイルのページにするかプレビューを見ながら選んでください。
今回は、サークルの生徒募集ページを作ってみたいので、テーマ「スクール」の、テンプレート「生徒募集」テンプレートを選んでみます。
ページタイトルに「生徒募集」と入力し、目次タイトルも「生徒募集」にしておきます。「OK」をクリックします。タイトルは、ブラウザで見たときの表示されるもので、目次タイトルは、メニューボタンに表示される名前です（右図はyahoo！JAPANの例です）。
②追加ページの表示
追加されたページには、トップページで設定されたタイトルやフッタ、カラーなどが適用された形で表示されています。
あとは、文字や写真を追加していきましょう。
→メニューに戻る
それでは、トップページが完成したので、新しいページを追加していきましょう。
「ファイル」→「新規作成」を選択します。
または、画面右上にある「スタート」をクリックし、「新規ページ追加」でもいいです。
すると、トップページを作る際にも表示された、「サンプルテンプレート」の画面が表示されます。ここからどのようなスタイルのページにするかプレビューを見ながら選んでください。
今回は、サークルの生徒募集ページを作ってみたいので、テーマ「スクール」の、テンプレート「生徒募集」テンプレートを選んでみます。
ページタイトルに「生徒募集」と入力し、目次タイトルも「生徒募集」にしておきます。「OK」をクリックします。タイトルは、ブラウザで見たときの表示されるもので、目次タイトルは、メニューボタンに表示される名前です（右図はyahoo！JAPANの例です）。
②追加ページの表示
追加されたページには、トップページで設定されたタイトルやフッタ、カラーなどが適用された形で表示されています。
あとは、文字や写真を追加していきましょう。
→メニューに戻る
2008年06月06日
本文・写真を挿入する
1.本文の記入
それでは、本文の記入にはいりましょう。あらかじめ、サンプル文字が記入されている欄をダブルクリックするとカーソルが入りますので、Backspace等で削除して、新たに本文を入力していってください。
2.写真の挿入
①写真（画像）の挿入
写真の挿入は、「写真を挿入」とある部分にカーソルを持っていき、右クリックしてください。右図のようなメニューが表示されますので、中ほどにある「画像の挿入」をクリックしてください。
②メニューから写真（画像）を選ぶ
「画像の挿入」をクリックすると、右側に新たなメニューが表示されますので、「写真」をクリックしましょう。
③画像ファイルの指定
写真挿入ウィザード（画像ファイルの指定）ウインドウが表示されるので、「画像の指定」欄の「ファイルから」をクリックしてください。
すると、右図の「開く」というウインドウが表示されるので、挿入したい画像を選択しましょう。
④写真の選択完了
写真の選択ができたら、画像の指定欄にフォルダ名が表示され、右側には挿入する画像がプレビューされています。
もし、画像の天地が逆だったり、横を向いているような場合は、下側の「画像の回転」というボタンを押すことで回転させることができます。
「次へ」をクリックしてください。
⑤画像の大きさ調整
写真挿入ウィザードで、画像の大きさ調整画面が表示されます。サイズ指定欄で、写真の大きさをサイトに掲載できるサイズに調整をします。
ここでは、「中」サイズを選択しています。
完了したら「次へ」をクリックしてください。
⑥画像の補正
写真の明るさや色合いが悪かったり、少々ぼやけていたりする場合は、ここで補正することが出来ます。
「画像の補正」欄の「ワンタッチ補正をする」と「クッキリ補正をする」にチェックを入れてください。
どんな感じになるかは、右側のプレビュー画面に表示されますので、効果が確認できれば「次へ」をクリックしましょう。
⑦画像の特殊効果
写真の上に文字を入れたり、縁取りを施したりしたい場合は、「画像の特殊効果選択」欄の該当項目にチェックを入れてください。このままでいい場合は、「飾り効果なし」のままで結構です。
特殊効果を施した場合、どんな感じになるかは、右側のプレビュー画面に表示されます。
これで、写真挿入手順は完了です。「完了」をクリックしてください。
⑧写真の挿入完了
サイトに写真が完了しました。このようにして、指定された欄に、必要であれば写真を挿入していきましょう。
→メニューに戻る
それでは、本文の記入にはいりましょう。あらかじめ、サンプル文字が記入されている欄をダブルクリックするとカーソルが入りますので、Backspace等で削除して、新たに本文を入力していってください。
2.写真の挿入
①写真（画像）の挿入
写真の挿入は、「写真を挿入」とある部分にカーソルを持っていき、右クリックしてください。右図のようなメニューが表示されますので、中ほどにある「画像の挿入」をクリックしてください。
②メニューから写真（画像）を選ぶ
「画像の挿入」をクリックすると、右側に新たなメニューが表示されますので、「写真」をクリックしましょう。
③画像ファイルの指定
写真挿入ウィザード（画像ファイルの指定）ウインドウが表示されるので、「画像の指定」欄の「ファイルから」をクリックしてください。
すると、右図の「開く」というウインドウが表示されるので、挿入したい画像を選択しましょう。
④写真の選択完了
写真の選択ができたら、画像の指定欄にフォルダ名が表示され、右側には挿入する画像がプレビューされています。
もし、画像の天地が逆だったり、横を向いているような場合は、下側の「画像の回転」というボタンを押すことで回転させることができます。
「次へ」をクリックしてください。
⑤画像の大きさ調整
写真挿入ウィザードで、画像の大きさ調整画面が表示されます。サイズ指定欄で、写真の大きさをサイトに掲載できるサイズに調整をします。
ここでは、「中」サイズを選択しています。
完了したら「次へ」をクリックしてください。
⑥画像の補正
写真の明るさや色合いが悪かったり、少々ぼやけていたりする場合は、ここで補正することが出来ます。
「画像の補正」欄の「ワンタッチ補正をする」と「クッキリ補正をする」にチェックを入れてください。
どんな感じになるかは、右側のプレビュー画面に表示されますので、効果が確認できれば「次へ」をクリックしましょう。
⑦画像の特殊効果
写真の上に文字を入れたり、縁取りを施したりしたい場合は、「画像の特殊効果選択」欄の該当項目にチェックを入れてください。このままでいい場合は、「飾り効果なし」のままで結構です。
特殊効果を施した場合、どんな感じになるかは、右側のプレビュー画面に表示されます。
これで、写真挿入手順は完了です。「完了」をクリックしてください。
⑧写真の挿入完了
サイトに写真が完了しました。このようにして、指定された欄に、必要であれば写真を挿入していきましょう。
→メニューに戻る
2008年06月06日
ホームページカラーを選ぼう
色やデザインの話をしましたが、色の組みあわせでホームページのイメージというものは大きく変わってきます。
例えば、薄い水色だけでは涼しげな印象を受けますが、これに薄い黄色や薄い緑を加えると、すっぱい印象になりませんか？
薄い水色を薄いピンクに替えると、キュートな印象に変わります。たったこれでけのことで、印象は大きく変わるわけですから、色っていうのはばかにできませんよね。
でも、ホームページビルダー・クイックなら、次のように色の組み合わせをたくさん用意してくれてるので、一覧の中から着せ替え人形のように当てはめてみて、好みの色合いになるかどうか確認しながらできるので便利です。
それではやってみましょう。
①ホームページカラーの編集
画面右側にある、「テーマ」という欄に、「さわやか」や「ナチュラル」、「かわいい」といったテーマに沿った色の組み合わせがあります。
自分のサイトでどのような雰囲気を出したいか考えて、好みの色の組み合わせを選択します。
絵柄をダブルクリックすることで、反映させることができます。さきほどタイトルを設定する際に選んだヘッダ画像と、今回選んだ色の組あわせが合うか確認してください。
今回は、「信頼」という色の組み合わせを選択してみました。
→メニューに戻る
例えば、薄い水色だけでは涼しげな印象を受けますが、これに薄い黄色や薄い緑を加えると、すっぱい印象になりませんか？
薄い水色を薄いピンクに替えると、キュートな印象に変わります。たったこれでけのことで、印象は大きく変わるわけですから、色っていうのはばかにできませんよね。
でも、ホームページビルダー・クイックなら、次のように色の組み合わせをたくさん用意してくれてるので、一覧の中から着せ替え人形のように当てはめてみて、好みの色合いになるかどうか確認しながらできるので便利です。
それではやってみましょう。
①ホームページカラーの編集
画面右側にある、「テーマ」という欄に、「さわやか」や「ナチュラル」、「かわいい」といったテーマに沿った色の組み合わせがあります。
自分のサイトでどのような雰囲気を出したいか考えて、好みの色の組み合わせを選択します。
絵柄をダブルクリックすることで、反映させることができます。さきほどタイトルを設定する際に選んだヘッダ画像と、今回選んだ色の組あわせが合うか確認してください。
今回は、「信頼」という色の組み合わせを選択してみました。
→メニューに戻る
2008年06月06日
サイトの新規作成
①ホームページビルダー・クイックを起動する
「スタート」 →「すべてのプログラム」→「IBMホ ームページビルダー12」→「ホームページビルダークイック」をクリックします。すると、「ホームページビルダーへようこそ」という画面が表示されますので、「OK」をクリックしてください。
②サイト名をつける
サイト新規作成というウインドウが表示されましたので、サイト名欄にこれからつくるウェブサイトの名前をつけましょう。
ここでは、美術サークルのサイトを例として作っていくのでサークル名「絵画クラブ絵筆」と入力します。
「次へ」をクリックします。
③転送設定の選択
「転送時に転送設定する」のラジオボタンを選択して、「完了」をクリックします。
④テンプレートの選択
サンプルテンプレートの画面が表示されますので、左列「テーマ」から、自分の作ろうとするサイトのテーマを選択し、右列に表示された「テンプレート」をクリックして選択していきます。選択されたテンプレートは、右側にプレビュー表示されます。今回は、美術サークルのサイトのトップページから作っていきますから、テーマは「スクール」、テンプレートは「スクールのトップページ」を選択します。
どんなページかプレビューで確認しておきましょう。ページタイトルに「絵画クラブ絵筆」と入力し、目次タイトルに「HOME」と入れ「OK」をクリックします。タイトルは、ブラウザで見たときの表示されるもので、目次タイトルは、メニューボタンに表示される名前です。
⑤ホームページビルダークイック簡単操作ガイド
これでサイト登録が完了しました。
画面左下の「次回からこのウインドウを表示しない」にチェックを入れて、「閉じる」ボタンをクリックしてください。
⑤作成されたサイトの表示
これまでの設定に基づいて、トップページが表示されました。
次回から、このサンプルを元にサイトを作っていきましょう。
→メニューに戻る
「スタート」 →「すべてのプログラム」→「IBMホ ームページビルダー12」→「ホームページビルダークイック」をクリックします。すると、「ホームページビルダーへようこそ」という画面が表示されますので、「OK」をクリックしてください。
②サイト名をつける
サイト新規作成というウインドウが表示されましたので、サイト名欄にこれからつくるウェブサイトの名前をつけましょう。
ここでは、美術サークルのサイトを例として作っていくのでサークル名「絵画クラブ絵筆」と入力します。
「次へ」をクリックします。
③転送設定の選択
「転送時に転送設定する」のラジオボタンを選択して、「完了」をクリックします。
④テンプレートの選択
サンプルテンプレートの画面が表示されますので、左列「テーマ」から、自分の作ろうとするサイトのテーマを選択し、右列に表示された「テンプレート」をクリックして選択していきます。選択されたテンプレートは、右側にプレビュー表示されます。今回は、美術サークルのサイトのトップページから作っていきますから、テーマは「スクール」、テンプレートは「スクールのトップページ」を選択します。
どんなページかプレビューで確認しておきましょう。ページタイトルに「絵画クラブ絵筆」と入力し、目次タイトルに「HOME」と入れ「OK」をクリックします。タイトルは、ブラウザで見たときの表示されるもので、目次タイトルは、メニューボタンに表示される名前です。
⑤ホームページビルダークイック簡単操作ガイド
これでサイト登録が完了しました。
画面左下の「次回からこのウインドウを表示しない」にチェックを入れて、「閉じる」ボタンをクリックしてください。
⑤作成されたサイトの表示
これまでの設定に基づいて、トップページが表示されました。
次回から、このサンプルを元にサイトを作っていきましょう。
→メニューに戻る
2008年06月05日
QRコード
この週末はほんと忙しかったです。
なんでって、ペ･ヨンジュンが来日したでしょ？
それで九州から親戚が大阪に来まして、大フィーバーですわ。
実はインターネットでチケット取るところからやらされまして。
当日の朝は、１４時開演なのに、グッズを買うからと朝の９時半から京セラドームへ。
余裕の時間配分と思いきや、もう長蛇の列。
親戚によれば、最後尾にたどり着くまでに３０分かかったという。
それから４時間。並んで並んで疲れ果てた頃、グッズ売り場に到着。
時間を見ると、もう開演ギリギリなので、みんな殺気立ってるわけです。
もうね、どんなグッズが欲しいとか考えている余裕なんてないわけ。
そのあたりのもん、手当たり次第つかんでレジへ進むといった有様だったのだとか。
それでも、イベントはとっても良かったと感動もひとしおのご様子。
たいして興味もないが（失礼）、朝の３時まで話を聞かされた私は、
ホント苦痛でしたよ！（笑）
すごいですね。そんなファンに囲まれる人になりたいです。
さて、そのヨン様のチラシにも貼ってありましたが、最近、チラシやホームページで、こんなマークみることないですか？
滋賀咲くブログにも付いてますよね？
これは、QRコードといって、バーコードの一種です。
携帯電話のカメラ機能を使って読み取ると、いろいろな情報を得ることができます。
たとえば、「ぐるなび」というレストラン検索サイトを覗いてみましょう。
ぐるなび関西版 → ホームページを見る
ここで,大阪や京など地名をクリックしながら、食事する場所や料理の種類などを指定して、お店を検索します。
ここでは、真ん中あたりの「ぐるなびレストラン検索」から、『料理』で探す→「和食」をクリックしてみましょうか。
「料理・ドリンクで選ぶ 和食」が表示されましたね。
その一覧の中からどんな料理を食べたいか選んで、「エリアを選択」します。
すると、お店の一覧が表示されましたね。
このリストのなかから、興味のあるお店の名前をクリックすると、そのお店の詳細が表示されます。
こうしてなかなかよさそうだな？と思った店を予約するなり、いきなり行くなりするといいとおもうんですね。
今日はQRコードの話なので、あまり詳しく触れませんが、インターネットでお店を探すのはお得なんですよ。
なぜなら、クーポンというものがあるからです。
お店の名前をクリックして、「地図とクーポン」というところをクリックしてください。
％オフとか、１ドリンクサービスとか、店によってばらつきがありますが、いろいろ特典があります。
すでに、行くお店が決まっている場合でも、とりあえず見せのホームページを探してみましょう。
お店によっては、クーポンがある場合があるので、ちょっとだけお得なんてことになります。
先日は、ほんのそのひと手間で、一人分の飲食代が浮いたことがあるんですよ！
具体的にいいましょうか。行ったのは、「町家和食 京町家に恋おりる」というお店ですね。ぐるなびにも案内ホームページがあります。
「町家和食 京町家に恋おりる」を見る
ここの「地図・クーポン」を見ると、飲食代10％OFF、または、懐石御膳なら500円オフとありますよね？
3500円の500円引きですから、14％オフですよね。
この時は5人で行ったので、2500円引きということになります。
「一人分浮いたね～」なんていいながら、飲んだ気がします（笑）
あ・・・・良く考えたらひとり分じゃないわ（笑）
でも、2500円は大きいですよね（笑）
この、クーポンの下には、地図が書いてあります。
この地図とクーポンを印刷して持っていくと割引してくれます。
地図を見ながら行けるので便利ですね。
中には、プリントしなくても、携帯電話で表示した画面を見せるだけでいいという店もあります。
そういう時、QRコードが便利なんですね。
このクーポンのページに、QRコードがありませんか？
これを読み取って、インターネットにアクセスすると、このお店の携帯用のホームページが表示されます。
そこには地図とか電話番号などもあるので、思わぬところで迷ったりした時とか地図で場所を確認できるし、電話をかけて聞くこともできます。
今回は、「町家和食 京町家に恋おりる」のQRコードを見てみましょう。
ページの下の方をごらんください。
地図の下に連絡先があり、その右側にQRコードがありますね。
これを携帯で読み取るわけです。
やり方ですが、
①まず、携帯のカメラ機能を起動します。
②そのメニューの中に「バーコードリーダー」というものがありますので、それを選択します。
③すると、カメラと同じような画面に、ピンクの四角い枠のようなものが表示されます。
④その枠の中に、画面上のQRコードが入るようにあわせます。
⑤しばらくすると「読取結果」が表示されます。今回はお店情報を読み取ったので、ホームページアドレスが表示されました。
⑥「選択」のボタンを押すと「URLへジャンプ」と表示され、さらにボタンを押すと「～に接続します。よろしいですか？」と出るので、もう一度ボタンを押します。
⑦すると、インターネットに接続し、ぐるなびの携帯版「町家和食 京町家に恋おりる」が表示されます。
⑧このホームページを現地でみたいときのために、これをお気に入りに追加しておきます。「ブラウザメニュー」の「お気に入り登録」をえらんでください。追加するホームページの確認画面が表示されるので、「登録」を選択します。
⑨次回、このホームページを見るときは、EZWEBやIモードといったインターネットを開き、「お気に入り」リストの中から選ぶことで見ることができます。
⑩不要になったら削除しましょう。
うまくできましたか？
携帯の画面だけは、メーカーによって違うので同様の機能を探しながら操作してみてください（すみません）。
今回は、このようなお店の地図などを確認できるようなQRコードの使い方をしましたが、QRコードはまだまだいろいろな使い方ができます。名刺にPR用に入れてるのを読み取ってみたり、QRコードを読み取ることで占いをしたり、携帯電話の登録ができるようなQRコードを作成したり、いろいろ使い出すと面白いんです。
自営業をされているなら、ご自身の名刺やお店のチラシなどにQRコードをいれると、PRの幅もひろがるのではないでしょうか？
今回は、パソコンというより携帯の話になりましたが、私自身は、これからもっと携帯電話でするインターネットが便利になっていくと思います。というより、今でもいろいろと役に立つんです。
ただ、料金プランの問題があります。
普段、電話しか使わない契約の方であれば、インターネットが高額になる場合があるので注意が必要です。
でも、低料金のプランをちょっとだけ組んで、パソコンの補助的な役割に使うといいと思います。
やはり、常にも地歩いているというのは、非常に大きなメリットです。
現地で、今求めている情報が今手に入るというのが、携帯ネットのいいところなんです。
だた、まだ使いにくい点がまだまだ多いです。特に検索などはあまり役にたたない。
だから、QRコードなどですばやく目的の情報にたどりつけるようにするよな工夫が大事だと思うんですね。
次回は、QRコードの作り方をご紹介したいと思います。
ちょっとつくれると、いろいろ遊べて面白いですよ！
それではまた。
→メニューに戻る
なんでって、ペ･ヨンジュンが来日したでしょ？
それで九州から親戚が大阪に来まして、大フィーバーですわ。
実はインターネットでチケット取るところからやらされまして。
当日の朝は、１４時開演なのに、グッズを買うからと朝の９時半から京セラドームへ。
余裕の時間配分と思いきや、もう長蛇の列。
親戚によれば、最後尾にたどり着くまでに３０分かかったという。
それから４時間。並んで並んで疲れ果てた頃、グッズ売り場に到着。
時間を見ると、もう開演ギリギリなので、みんな殺気立ってるわけです。
もうね、どんなグッズが欲しいとか考えている余裕なんてないわけ。
そのあたりのもん、手当たり次第つかんでレジへ進むといった有様だったのだとか。
それでも、イベントはとっても良かったと感動もひとしおのご様子。
たいして興味もないが（失礼）、朝の３時まで話を聞かされた私は、
ホント苦痛でしたよ！（笑）
すごいですね。そんなファンに囲まれる人になりたいです。
さて、そのヨン様のチラシにも貼ってありましたが、最近、チラシやホームページで、こんなマークみることないですか？
滋賀咲くブログにも付いてますよね？
これは、QRコードといって、バーコードの一種です。
携帯電話のカメラ機能を使って読み取ると、いろいろな情報を得ることができます。
たとえば、「ぐるなび」というレストラン検索サイトを覗いてみましょう。
ぐるなび関西版 → ホームページを見る
ここで,大阪や京など地名をクリックしながら、食事する場所や料理の種類などを指定して、お店を検索します。
ここでは、真ん中あたりの「ぐるなびレストラン検索」から、『料理』で探す→「和食」をクリックしてみましょうか。
「料理・ドリンクで選ぶ 和食」が表示されましたね。
その一覧の中からどんな料理を食べたいか選んで、「エリアを選択」します。
すると、お店の一覧が表示されましたね。
このリストのなかから、興味のあるお店の名前をクリックすると、そのお店の詳細が表示されます。
こうしてなかなかよさそうだな？と思った店を予約するなり、いきなり行くなりするといいとおもうんですね。
今日はQRコードの話なので、あまり詳しく触れませんが、インターネットでお店を探すのはお得なんですよ。
なぜなら、クーポンというものがあるからです。
お店の名前をクリックして、「地図とクーポン」というところをクリックしてください。
％オフとか、１ドリンクサービスとか、店によってばらつきがありますが、いろいろ特典があります。
すでに、行くお店が決まっている場合でも、とりあえず見せのホームページを探してみましょう。
お店によっては、クーポンがある場合があるので、ちょっとだけお得なんてことになります。
先日は、ほんのそのひと手間で、一人分の飲食代が浮いたことがあるんですよ！
具体的にいいましょうか。行ったのは、「町家和食 京町家に恋おりる」というお店ですね。ぐるなびにも案内ホームページがあります。
「町家和食 京町家に恋おりる」を見る
ここの「地図・クーポン」を見ると、飲食代10％OFF、または、懐石御膳なら500円オフとありますよね？
3500円の500円引きですから、14％オフですよね。
この時は5人で行ったので、2500円引きということになります。
「一人分浮いたね～」なんていいながら、飲んだ気がします（笑）
あ・・・・良く考えたらひとり分じゃないわ（笑）
でも、2500円は大きいですよね（笑）
この、クーポンの下には、地図が書いてあります。
この地図とクーポンを印刷して持っていくと割引してくれます。
地図を見ながら行けるので便利ですね。
中には、プリントしなくても、携帯電話で表示した画面を見せるだけでいいという店もあります。
そういう時、QRコードが便利なんですね。
このクーポンのページに、QRコードがありませんか？
これを読み取って、インターネットにアクセスすると、このお店の携帯用のホームページが表示されます。
そこには地図とか電話番号などもあるので、思わぬところで迷ったりした時とか地図で場所を確認できるし、電話をかけて聞くこともできます。
今回は、「町家和食 京町家に恋おりる」のQRコードを見てみましょう。
ページの下の方をごらんください。
地図の下に連絡先があり、その右側にQRコードがありますね。
これを携帯で読み取るわけです。
やり方ですが、
①まず、携帯のカメラ機能を起動します。
②そのメニューの中に「バーコードリーダー」というものがありますので、それを選択します。
③すると、カメラと同じような画面に、ピンクの四角い枠のようなものが表示されます。
④その枠の中に、画面上のQRコードが入るようにあわせます。
⑤しばらくすると「読取結果」が表示されます。今回はお店情報を読み取ったので、ホームページアドレスが表示されました。
⑥「選択」のボタンを押すと「URLへジャンプ」と表示され、さらにボタンを押すと「～に接続します。よろしいですか？」と出るので、もう一度ボタンを押します。
⑦すると、インターネットに接続し、ぐるなびの携帯版「町家和食 京町家に恋おりる」が表示されます。
⑧このホームページを現地でみたいときのために、これをお気に入りに追加しておきます。「ブラウザメニュー」の「お気に入り登録」をえらんでください。追加するホームページの確認画面が表示されるので、「登録」を選択します。
⑨次回、このホームページを見るときは、EZWEBやIモードといったインターネットを開き、「お気に入り」リストの中から選ぶことで見ることができます。
⑩不要になったら削除しましょう。
うまくできましたか？
携帯の画面だけは、メーカーによって違うので同様の機能を探しながら操作してみてください（すみません）。
今回は、このようなお店の地図などを確認できるようなQRコードの使い方をしましたが、QRコードはまだまだいろいろな使い方ができます。名刺にPR用に入れてるのを読み取ってみたり、QRコードを読み取ることで占いをしたり、携帯電話の登録ができるようなQRコードを作成したり、いろいろ使い出すと面白いんです。
自営業をされているなら、ご自身の名刺やお店のチラシなどにQRコードをいれると、PRの幅もひろがるのではないでしょうか？
今回は、パソコンというより携帯の話になりましたが、私自身は、これからもっと携帯電話でするインターネットが便利になっていくと思います。というより、今でもいろいろと役に立つんです。
ただ、料金プランの問題があります。
普段、電話しか使わない契約の方であれば、インターネットが高額になる場合があるので注意が必要です。
でも、低料金のプランをちょっとだけ組んで、パソコンの補助的な役割に使うといいと思います。
やはり、常にも地歩いているというのは、非常に大きなメリットです。
現地で、今求めている情報が今手に入るというのが、携帯ネットのいいところなんです。
だた、まだ使いにくい点がまだまだ多いです。特に検索などはあまり役にたたない。
だから、QRコードなどですばやく目的の情報にたどりつけるようにするよな工夫が大事だと思うんですね。
次回は、QRコードの作り方をご紹介したいと思います。
ちょっとつくれると、いろいろ遊べて面白いですよ！
それではまた。
→メニューに戻る