ホームページを作られる方をサポート致します

ホームページビルダーを使って作成A

 画像の挿入

突然開いたホームページに、文字ばかりがいっぱい詰まっていたらせっかく訪れた訪問者が見る気をなくしてほかへ行ってしまうかもしれません。
てきと うな位置に画像を挿入して読みやすくしたり、商品を売るサイトであればどんあものであるかわかるように画像を入れる必要があります。


ホームページビルダーの場合、画像の挿入は「画像ファイルの挿入」ボタン から簡単に行えます。
画像を挿入したい位置にカーソルを置き、「画像の挿入」ボタンをクリックします。

すると、「開く」ダイアログが表示されるので挿入したいファイルを選択して「開く」ボタンをクリックします。

プレビュー」にチェックを入れておくと右側に選択した画像イメージが表示されます。
画像ファイルの挿入」ボタンの右側の▼をクリックすると、素材集やスキャナから取り込んだ画像を挿入することもできます。

ページへ挿入する画像はあらかじめ適当な大きさにサイズを縮小して用意しておきます。
大きなサイズの画像をそのまま挿入して、ホームページビルダーで画像をドラッグしても縮小することができますが、ページ自体の容量が大きくなり表示速度が遅くなってしまいます。

水平線の挿入

水平線はページの中で、文字などのデータとデータに区切りを入れるのに便利です。

水平線はツールバーの「水平線の挿入」 ボタンをクリックするだけで挿入されます。

ここでは挿入した水平線の幅を変える手順を紹介します。

挿入した水平線をマウスポインタで右クリックして、ショートカットメニューから「属性の変更」をクリックします。
すると、「属性」ダイアログが表示されます。
」のところを50%と設定してみます。
OK」ボタンをクリックすると、ページの半分の幅の水平線になります。

幅はパーセント表示だけでなく「ピクセル」でも設定できます。
また、水平線の位置や太さも変更が可能です。


 リンクの設定

普通にリンクを設定すると、リンク先のページが開きますが、ときにはそのページの中の特定の部分へ飛ばしたい場合もあります。
たとえば、Q&A コーナーのページなどを作りたいときは、ページの上に質問の一覧を載せて、クリックすると回答の部分へ跳ぶようにすると、見る人は目的の疑問を見つけやす くなります。


そのよう場合は、ラベルを設定してからリンクを挿入します。

ラベルを設定したいところにカーソルを置き、右クリックします。

ショートカットメニューから「リンクの挿入」をクリックします。

属性」ダイアログが現れるので「ラベルを付ける」タブをクリックします。
ラベル名に任意の名称を入れて「OK」ボタンをクリックしたらラベルの設定は完了です。
ただし、ラベル名は半角英数ですので、注意してください。


次にラベルを設定したところへリンクを挿入します。リンク元を選択し、右クリックから「リンクの挿入」をクリックします。
属性」ダイアログで今度は「ラベルへ」タブをクリックします。

ドロップダウンリストから設定済みのラベルを選んで「OK」ボタンをクリックします。
ラベルを設定したリンク先が、他のファイルの場合は「参照」ボタンから他のファイルを選んだ後にラベルを選択します。

メールへのリンクの設定

リンクの設定は、ページへのジャンプだけではありません。
メールアドレスへリンクを設定すれば、クリックするとメールソフトが起動してメールを出せるようになります。

このような感じになります。 → xxxx@homepagebuilder.org (注)このアドレスは実在しませんので送信はしないで下さい。

メールへのリンクを設定したい文字列を選択し、右クリックします。
ショートカットメニューから「リンクの挿入」をクリックすると、「属性」ダイアログが現れます。
メールへ」タブをクリックして設定します。

宛先に自分のメールアドレスを入力します。


件名を入れておくと、送信者が入力する手間が省けます。
受信する側としては、件名ですぐに判断することができます。

失敗したときは元に戻す

ホームページビルダーで表のレイアウトなどをいろいろといじくっていると、いきなりレイアウトが崩れて収拾がつかなくなったりすることがよくあります。
ホームページビルダーの(というよりパソコンの)良いところは、失敗したら何度でもやり直しができることです。

ホームページビルダーで元に戻す操作をするには、「元に戻す」ボタン をクリックすると1つ前の操作の段階に戻ります。
これは他のソフトにもほとんど共通している機能です。


ショートカットキーは 「Ctrl」キー + Z です。

また、ひとつずつ前の状態に戻すのではなく、前回保存した状態にまでいっきに戻したい場合は、「編集」メニューから「前回保存した状態に戻す」をクリックします。


Favorite

じゃらん
http://www.jalan.net/
←BACK/↑TOP
ホームページ作成コンテンツ
CopyRight(c) Homepage - Ya.info Allrightreserved