ダイナミックHTMLで動きのあるページを ダイナミックHTMLって何?と言う声が聞こえてきそうですね…^^;) 普通のHTMLにCSSやJavaScriptを融合させて動きのあるページを作るだけで ダイナミックHTML自体が特別なものではありません。 普通にタグの手打ちで作る事を思えば…ホームページビルダーは偉大です^^;) いとも簡単に作成出来ちゃいますからね。 例えばどんなページが出来るのか? サンプルを見てください。 作り方次第では凄い動きを持つページが作成出来ます。 後はどのぐらい工夫が出来るかですね^^) |
| ダイナミックHTMLで動きのあるページを | |
![]() |
上部メニューから挿入を選択してください。 レイアウト枠を選択します。 |
![]() |
左のようにレイアウト枠の画面が表示されます。 位置 レイアウト枠を出す位置を示します(ピクセル単位) 最小サイズ レイアウト枠の最小サイズを入力します。 文字や画像の挿入でサイズが大きくなる事もあります。 背景 背景画像や背景色を選択します。 重なり方 重ね方によっては表示されない場合もあります。 注意が必要です。 レイアウト枠を沢山作ってレイアウトしていきます。 |
![]() |
例えばサンプルページなら左のように 7つのレイアウト枠を使って構成されています。 各レイアウト枠に特定の動きをさせる事で サンプルページのような動きを実行させています。 |
![]() |
エフェクトを選択する事で簡単にレイアウト枠に動きを つけることが出来ます。 別段難しい部分はないので説明は省略します。 注意 レイアウト枠は重ねる事も可能です。 重なる事で下の文字は隠れてしまいます。 そういう場合は重なり方で位置を変更します。 出来たレイアウト枠には文字や画像を使って 普通に作成してください。 ネコさんをクリックする事でイベントが発生するのは JavaScriptを使っています。 JavaScriptのページを参照してください。 |
| HOME | |
| パソコン初心者講座ぱそおーる | |