オリジナルDVD 格安Webサイト構築 Web作成素材 Webトレーニング オリジナル商品販売 シリコンカフェについて

四角ボタンに文字を入れてレイアウト
前回作成した四角いボタンに文字を入れて、さらにボタンらしく仕上げてみましょう。四角ボタンを作った画面に、文字にバリエーションを付けて、同じ画面にペーストしたのが下の画面です。

文字いり

このままでは、文字と四角ボタンがバラバラの状態です。今回はFIREWORKSの簡単なレイアウト機能を使って、ボタンを揃えてみましょう。

レイアウトをする上に於いて便利な機能が、修正(Modify)メニューの整列(Align)です。(下図はFIREWORKS英語版での作業画面です。日本語版での作業も全く同じ手順です)

下の図のように整列させたいオブジェクトを選んで整列(Align)を選択します。ここには右揃え・左右中央揃え・左揃え・上揃え・天地中央揃え・下揃えがあり、これで殆どの整列はできてしまいます。

均等配置前

下の図は、それぞれ天地左右とも中央揃えを実行して、四角ボタンの中央に文字を置いたものです。これでボタンの完成。ただし、このままではいい加減な配置のままなので、さらに綺麗にレイアウトするために、均等に配置する機能を使います。

均等配置

仕上がり画面 同じく修正(Modify)メニューの整列(Align)の中から
均等配置・幅(Distribute Widths)を選択します。これで横幅に対して均等な配置が行われます。


均等配置を使ってできた結果が下の画面。


さらにバリエーション

下の図では、さらに出来上がった画面を複製して文字のみをテキスト入力で入れ替えただけのものです。
気に入らなければ、なんどでも変更が出来る…。それも簡単な操作で…。このへんがFIREWORKSの強みだと思います。

設定



  Click Here!   Click Here!


このWEBサイトに掲載されている文書・画像・映像・写真等の著作権はSilicon Cafe'に帰属し、許諾なく 複製・頒布を行うことは 法律で固く禁じられています。
サイト内の記事でのお問い合わせ、ご意見、またはお仕事の依頼は、Silicon Cafe'/森川眞行まで

Copyright (C) 1995-2002 Silicon Cafe'. All rights reserved.