Google検索

リンクユニット

HP Builder

エフェクトの設定

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

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

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

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

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

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

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

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

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

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

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

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

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

標準モード

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

レイアウト枠一覧

どこでも配置モード

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

レイアウトビュー

おすすめ記事と広告

記事を更新しました

リンク先ページの表示場所

リンク先のページを表示させるときのウィンドウを設定するには、[属性]ダイアログボックスの[ターゲット]で指定します。 フレームを使用していな ...

ページのOGP設定

ホームページビルダーには、OGP設定の機能があります。おそらくバージョンはビルダー17以上だと思います。 [挿入」メニューの[ソーシャルネッ ...

表を削除しても内容を残す

ホームページビルダーで表を削除するとセルの中の文字まで消えてしまいますね。消えないように設定することができます。 オプションダイアログボック ...

罫線のような線の表

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

Web用保存ウィザード

ウェブアートデザイナーを使うとWeb用に画像のファイルサイズを小さくして保存することができます。 メニューバーの[ツール]から[ウェブアート ...

-HP Builder

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

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