Google検索

リンクユニット

HP Builder

Print Friendly, PDF & Email

エフェクトの設定

投稿日:2017年1月7日 更新日:

どこでも配置モードでは、文字や画像はレイアウト枠の中に挿入されるので、エフェクトの設定も簡単です。

どこでも配置モードのレイアウト枠の属性

どこでも配置モードで画像を挿入して右クリックしてショートカットメニューの中の[レイアウト枠の属性]を選択します。
レイアウト枠の属性

[レイアウト枠]ダイアログボックスから、動きを設定することができます。
[サンプルを表示]ボタンをクリックすると、動きを確認することができます。
レイアウト枠

  • [(エフェクトなし)]レイアウト枠にエフェクトを加えないときに指定します。
  • [フェード イン]レイアウト枠が画面の外から指定した位置まで移動します。
  • [フェード アウト]レイアウト枠が指定した位置から画面の外に移動します。
  • [スクロール]レイアウト枠が指定したパターンで画面を通過します。
  • [ワイプ(現れる)]レイアウト枠の表示領域が指定したパターンで徐々に広がります。
  • [クレジット]指定した位置にレイアウト枠の一部を表示しながらスクロールします。
    ヒント 縦または横方向に十分な大きさをもつレイアウト枠を指定する必要があります。
  • [ジャンプ]レイアウト枠が飛び跳ねます。
  • [バイブレーション]レイアウト枠が指定したパターンで振動します。
  • [回転]レイアウト枠が指定したパターンで回転します。
  • [バウンド]レイアウト枠がボールのように弾みます。
  • [浮遊]レイアウト枠が飛び回ります。
  • [静止]レイアウト枠が画面の指定された位置に表示されます。ページをスクロールしても画面での表示位置は固定されます。
    ヒント 常に画面上の決まった位置にレイアウト枠を表示するときに使います。

(上記はホームページビルダーのヘルプより引用)

[OK]ボタンをクリックしたあと、下のようなメッセージボックスが表示されることがあります。
メッセージ

このときはメッセージボックスの[はい]をクリックして、[レイアウト枠]タブを表示します。
そして、[最小サイズ]の[取得]ボタンをクリックします。画像サイズに合わせて自動的に修正されます。
レイアウト枠

標準モードのレイアウト枠

標準モードでもレイアウト枠を挿入できます。
メニューバーの[挿入]→[レイアウト枠]をクリック。
ショートカットメニュー

[レイアウト枠]ダイアログボックスが表示されます。
[レイアウト枠]タブで位置の設定等を行います。[エフェクト]タブで動きを設定します。
エフェクトに使用する画像は、レイアウト枠内にカーソルがある状態で、画像を挿入するといいです。
あるいは、すでに挿入した画像がある場合は、その画像をレイアウト枠内にドラッグします。

  • レイアウト枠のサイズはドラッグで変更することもできます。
  • 一つのページに複数のレイアウト枠がある場合、重なってしまったり思わぬ表示になってしまうことがあります。
  • レイアウト枠はブラウザやパソコンの環境によって表示が違う場合があります。
  • エフェクトを設定したレイアウト枠をコピーして貼り付けしても、貼り付け先ではエフェクトの設定が外れてしまいます。
    標準モードでレイアウト枠をコピーするには、レイアウト枠一覧の[複製]ボタンを使います。
  • ページ内のレイアウト枠を確認する場合は、[レイアウト枠一覧]や[レイアウトビュー]を使うといいです。

標準モード

メニューバーの[表示]→[編集ページ情報]→[レイアウト枠一覧]

レイアウト枠一覧

どこでも配置モード

メニューバーの[表示]→[レイアウトビュー]

レイアウトビュー

お勧めのテキストです。ぜひお手元においてご活用ください。

おすすめ記事と広告

こんな記事もあります

バックアップファイルは要らない

ビルダーの初期設定では、ファイルを上書きするたびにバックアップファイルが作成されますね。 バックアップファイルは不要という人は、バックアップ ...

罫線のような線の表

ホームページビルダーで罫線を引いたような表を作成する方法です。 [属性]ダイアログボックスの表示 表を選択し、マウスの右クリックで[属性の変 ...

すべてのファイルを転送済みにする

パソコンを新しく購入した時や、別のパソコンで既存のサイトを設定した場合、すでにアップ済みのファイルであっても、未転送ファイルとして表示されて ...

少しでも軽くするために

HTMLソースのインデントを0に設定しましょう。 HTMLソースのインデントを0に設定 メニューバーの[ツール]から[オプション]をクリック ...

リンクメニュー(共通メニュー)の作り方

リンクメニューは、ホームページビルダーVer.9からの機能です。サイト共通メニューは、Ver.11からの追加された機能です。 サイト共通メニ ...

-HP Builder

Copyright © 2001-2018 初心者のためのOffice講座 All Rights Reserved.

Copyright© 初心者のためのOffice講座 , 2018 AllRights Reserved Powered by AFFINGER4.