Home < This Page
Web・ホームページ制作の技術が進み、他と違う「動き」のあるサイト作りが求められています。
そのため、何らかのFlashを使ったサイトが増えています。しかし、Flashを作成するとなると、それなりの技術が必要です。
当サイトでは、フリーの既製のフラッシュ(Flash)を部品として組み込めるよう、文字などは、外部ファイルにしています。
フラッシュFlashに表示 外部HTMLファイルの作り方・方法
- スポンサードリンク
フラッシュFlashに表示できる外部HTMLファイルの作り方!
フラッシュFlashのテキスト部分にHTMLファイルを読み込むように設定しておくと、HTMLソースのリンクやカラーなどを読み込み、自由度が増してきます。その、外部HTMLファイルの作り方を説明します。外部HTMLファイルなので、フラッシュFlashを編集せずに、修正や変更が簡単にできます。
作成手順・・・FlashにHTMLファイルを表示する!
1)テキストツールで任意の場所にテキスト枠を作成(テキスト枠内に表示される)
2)そのテキスト枠のプロパティに以下設定
・ダイナミックテキストにする。(インスタンス名は変更なし)
・書体・フォント・カラーは任意(基本を設定)。(背景のカラーに注意)
・行タイプを決定。(複数行の場合はテキスト枠の大きさに注意)
・テキストをHTMLとしてレンダリングにチェック。
・変数を記入。(適当で良いが、外部読み込みhtmlとの整合)例:txt
・フォーマットはテキスト枠内での余白位置などを指定できる(デフォルテのままでかまわない)
3)シンボル(ムービークリップ)に変換
4)トップに戻り、そのシンボルにActionScriptを記述
onClipEvent (load) {
this.loadVariables("txt.html");
}
上記"txt.html"が外部テキスト名になります(txt.html は例なので、任意なhtml名を記述)。
見やすいのでhtmlにしていますが、同じ内容をtxtにし、txtファイルで指定すると外部ファイル容量が少なくなります。
5)外部HTMLの作成
先頭に2)変数を記述し、=の後ろにhtmlを宣言し、表示したいコードを記述。
例) フラッシュFlash Sampleを更新しました。 (リンク先は、このサイトのサンプルページ)の場合
↓↓↓
txt=<html><body bgcolor="#FFFFFF" text="#000000"><p><font color="#0000FF">フラッシュFlash Sample</font> を<a href="http://www.e-ssp.net/sample.html"><font color="#FF00FF">更新</font></a>しました。</p></html>
上記4)のhtml名(例では txt.html )で保存。
HTMLにObjectタグと、Embedタグを使わずにFlashを埋め込む方法は、こちらへ
以上
モデルのファイルは、無料フリー素材なので、ご自由にダウンロード(htmltxt_read.zip)してください。
なお、このフリー(無料)素材は、ここで説明を省きましたが、マウス・スクロール・ボタンに連動したスクロールバー付きのFLAファイルを同梱しています。
フリー(無料)のFlashサンプル素材
BGMに合わせて文字が出るフラッシュ(Flash)の動画ムービーです。
文字は全て外部テキストなので、外部テキストの内容を変更するだけで済みます。
フラッシュ(Flash)に外部画像をXMLを介して読み込みます。メニュー名は外部テキストです。
ダウンロードされるとXMLファイルも入っています。XMLの作成の参考にしてください。
ストリーミング再生のフラッシュ(Flash)Mp3Player。外部Mp3ファイルとメニュー名を読み込みます。
デザインは iPod 風。ストリーミング再生なので、Webにアップされる場合は、サーバーの機能を確認してください。
フラッシュ(Flash)でパスワード画面を設定し、フラッシュ(Flash)内でのログインです。
このサイトのDownloadページのようなログイン画面が作れます。
ActionScriptなので、Flash解析ソフトを使わない限り、簡単にパスワードが盗まれることは、ありません。
フラッシュ(Flash)でテキストをタイピングしているかのように表示します。
文字をマスキングしてスライドするのではなく、一文字づつ表示します。
外部asファイルに記述していますので修正も簡単です。
ちょっとFlashのHow To
フラッシュ(Flash)に外部テキストを読み込ませる設定の作り方です。
変更が多いテキスト部分は外部ファイルを読み込むようにしておくと、修正が簡単に済みます。
その作り方を説明します。
フラッシュ(Flash)に外部HTMLを読み込ませる設定の作り方です。
Flashの中のテキスト部分に、リンクやカラーなどが自由に設定できる外部HTMLファイルの作り方です。
外部ファイルなので、修正も簡単です。
HTMLにフラッシュ(Flash)のswfファイルを埋め込む際にSWFObjectを使うという方法があります。
このSWFObjectを使うと最近のIEのアップデートによる、「クリックしないといけません」現象も回避できます。
更に、代替画像のalt属性を利用することで、SEOに不利といわれるFLASHの問題にも対応できます。
フラッシュ(Flash)に外部asファイルを読み込ませる設定の作り方です。
Action Scriptを外部ファイル(asファイル)に記述し、読み込ませます。
外部ファイルなので、修正も簡単です。
Flash(フラッシュ)を解析するソフト

◆FlashのSWFファイルを解析し、Scriptを編集できるソフト
当サイトのダウンロード・ページにあるパスワード入力画面は、サーバー不要のFlash Action Scriptで作っています。そのため、JavaScriptで作ったパスワード入力と違って、簡単に、パスワード不要にすることができません。
ただし、Flash解析ソフトを使うと、ActionScriptの中身(パスワード)を見ることができます。
そのためなのか、Flash解析ソフトとして、どのような商品があり、何ができるのか知りたいという問い合わせが多く、Flash(フラッシュ)の制作者としては、余り薦めたくはありませんが、Flashを簡単に作成したい・勉強したい方のために紹介します。
なお、ブラウザからFlash(SWFファイル)を取り込むフリーのソフトは、海外ソフトですがFlash Saving Pluginがあります。
ブックマークに登録
下記のブックマークから登録できます。
※ 登録情報 [ 入力例 ]
(サイト名):ホームページに使えるフラッシュ Flash(動画ムービー)の無料フリー素材
URL: http://www.e-ssp.net/
タグ:フラッシュ Flash 動画 ムービー 無料 フリー 素材 サンプル ダウンロード
メモ:ホームページに使えるフラッシュFlash(動画ムービー)の無料フリー素材がダウンロードできます。
フラッシュFlashの素材サンプルは、外部ファイル読み込みです。
フラッシュFlashの外部ファイルの作り方ページ。
Flash(フラッシュ)に最適な「おすすめ」
フラッシュFlashなどの動画ムービーのストリーミングに最適なレンタルサーバーを使ってみませんか。
Heteml(ヘテムル)
Flash Media Server 2 や Macromedia ColdFusionを標準装備し、容量3GBのサーバー環境を月額1,500円とリーズナブルな価格で提供して、あなたの表現活動をサポートしてくれます。
最新最速のGeForce8800シリーズ搭載!ヘビーユーザーも満足のハイスペックマシン。
デュアルコアプロセッサ「IntelR Core邃「2 Duo」IntelRP35 Express チップセットを搭載。
ハイスペックなのに低価格。特にノートPCは必見。3年保証がうれしいですね。
カスタマイズ可能。ドスブイ・パラダイス
Adobe社のオンライン販売ストアです。無料ユーザー登録されると、特別価格で購入できます。
▼MacとAdobe Creative Suite 3 は最強の組合せ。Apple Storeにて受付中。
新しい Intel製CPU搭載のMacとAdobe Creative Suite 3は最強の組み合わせです。
あなたのクリエィティビティをさらなる高みに引き上げます。
マイクロソフト社オープンライセンスの販売です。パッケージ製品よりも低価格で、管理も簡単です。
複数の場合は更に割引価格でソフトウェアを購入できます。
FlashをSWFObjectで読み込んでいます。JavaScriptを有効にされるとFlashが表示されます。










