Dreamweaver8 で Web ページを作成する際によく使用されるトランジション効果
著者:Eve Cole
更新時間:2009-06-01 01:02:47
Web ページの遷移とは、スクロールやブラインドなど、閲覧者が Web ページに出入りするときにページに表示されるさまざまな更新効果を指します。
注: テンプレートを使用して作成された Web ページには、Web ページのトランジション効果を追加できません。
製造手順:
1. ページを開きます。このステップは非常に重要です。編集中にページを設定せずにページを開く理由は何ですか?これは、Web ページ遷移のコードが機能するためには、コード ウィンドウの特定の領域に表示される必要があるためです。新しく開いたウィンドウでは、カーソルはコード ウィンドウの先頭行の前にあり、コードに慣れていない人にとっては、シンプルで操作しやすい位置の 1 つです。ただし、一部の Web ページを最初に開いたときは、カーソルがコード ウィンドウの先頭行の先頭にない場合は、境界線のスクロール バーからコードの最初の行を見つけて、その位置でマウスをクリックする必要があります。を選択し、コード ウィンドウの先頭行の一番上にカーソルを置きます。
2. メニューバーの「挿入」-「HTML」-「ファイルヘッダータグ」-「メタ」をクリックすると、「メタ」ダイアログボックスが表示されます。
3. ダイアログ ボックスのプロパティ オプションのドロップダウン リストで HTTP と同等のオプションを選択し、値ボックスに「Page-Enter」と入力して、Web ページに入るときに Web ページ遷移効果があることを示します。 コンテンツ ボックスに「Revealtrans(Duration=4,Transition=2)」と入力します。Duration=4 は、Web ページのトランジション効果の持続時間が 4 秒であることを意味します。値が 2 の場合、それは循環縮小を意味します。各種エフェクト番号 コードは以下の通りです。
4. 入力後、「OK」をクリックして保存します。こうすることで、このページに入ったときの効果を確認できます。今効果が見えましたか?それ以外の場合は、ホームページに戻ってこのページをご覧ください。
5. 20 種類以上のエフェクトから選択できます。Transition の値を、対応するエフェクトのコード名に変更するだけです。具体的なエフェクトと設定は次の表のとおりです。
エフェクトトランジション エフェクトトランジション
ボックスの縮小 0 ディゾルブ 12
箱状拡張 1 中央に向かって左右に縮小 13
円が 2 縮小し、中央が左右 14 に拡大します
円 3 を拡大し、中央に向かって上下に縮小します 15
上を消す 4 真ん中を上下に拡大する 16
下方向に消去 5 手順 17 で下方向と左方向に拡大
6を左に消す 18を左上に段階的に広げる
右に消去 7 手順19で右下に拡大
縦型ブラインド 8 右上へのはしご状拡張 20
横型ブラインド 9 ランダムな横線 21
水平チェッカーボード 10 ランダムな垂直線 22
縦チェッカーボード 11 ランダム 23