フラッシュ素材をホームページで使いたい

フラッシュ技術で作成された動画ファイルを無料で公開しているサイトはいくつもあります。たとえば「Flashbucks」さんには、幅広い種類のホームページでも使いたくなるフラッシュ素材が満載です。

◆ Flashbucks ☆ Flashホームページ素材
http://flash-bucks.com/

以前、この素材集の中からアナログ時計を紹介、さらにそれをパソコンのデスクトップ上に表示させる方法を紹介しました。

◆ 時計素材：アナログ時計02（Flashbucks）
http://flash-bucks.com/flash/clock/c020/

◆ デスクトップにサイト情報を常時表示したい
http://www.724685.com/weekly/qa040728.htm

すると、このアナログ時計を自分のホームページにも表示させたいけど表示する場所やサイズをうまく設定できないという「質問リクエスト」をいただきました。

フラッシュ素材に限らず、画像ファイルなどでも、好みの場所に表示をしたいときは、「html」という作成用の言語で「テーブル」という手法を使って、そのテーブルのサイズを指定することで、実現できます。

　　
たとえば、以下に簡単なサンプル・ページを作っておきました。

◆ テストページ　http://www.724685.com/clock/test.htm

画面の左上から「200px、60px」の位置に「60px Ｘ 60px」のサイズで表示されるように、「テーブル」の幅と高さを指定することで実現しています。実際のソースも表示しておきましたので参考にしてください。

※ 「px」はピクセル。デジタル画像の表示サイズの最小単位です。

　　
テーブル自体が見えないのは、テーブルの枠のサイズをゼロにしているからです。あとはテーブルの枠に囲まれた「セル」に、文章や他の画像などを表示させれば、それらしいページが作成できるでしょう。

「これって、うまくできているな」と感じるサイトやページがあったら、画面を右クリックして「ソース」を選択して、どんな方法でできているのかを見ていると、どんどん知識が増えていくものです。

◆◇◆

ホームページを作成するときに、先ほどのような「テーブル」の設定をする記述が難しい、よく分からない、という場合は「html」の参考書を買ってきて、じっくり学んでいく必要があります。

でも、覚えるのは面倒だし、すぐに凝ったこともやってみたい、ということなら、たとえば「ホームページ・ビルダー」といったサイト作成の専用ソフトを使ったほうが確実で、かつ早道です。

◆ IBM ホームページ・ビルダー
http://www-6.ibm.com/jp/software/internet/hpb/

◆ ホームページを作りたいのですが...
http://www.724685.com/weekly/qa050608.htm

別の読者の方からも「Javaアプレット（動画プログラム）」の埋め込み方法を教えてください、という質問がありましたが、データさえあれば、この「ホームページ・ビルダー」を使えば比較的簡単に組み込めます。

　　
基本部分は、こういった専用ソフトを使いながら、少しずつ「html」も学んで、細かい部分の追加や修正ができるようになれば、ホームページ作成にもグン！と幅が出てきますし、楽しくなってくるでしょう。

あせらずに、少しずつ身につけていくことをお勧めします。