カンペキな初心者のための、Adobe® AIR™の基礎の基礎

Similar documents
カンペキな初心者のための、Adobe® AIR™の基礎の基礎

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

untitled

6 2 1

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

インターネット社会の発展

Webデザイン論

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

スライド タイトルなし

超簡単にWebページを作成

ÉvÉçPM_02

ch31.dvi

1 LEVEL Adobe Flex Builder SDK

SVG資料第6回目(その3) SVGとHTMLの間でデータを交換する

Flex2とS2Flex2とAIR紹介

インターネットマガジン2001年4月号―INTERNET magazine No.75

1

IFRS 2011

07_経営論集2010 小松先生.indd

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

経営論集2011_07_小松先生.indd

PostgreSQL iphone/

PowerPoint Presentation

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

<!DOCTYPE html> <html> <head> <title>spaceorbitanime</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="spaceorbitanime.css">

Moshimo Challenge Report

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り

</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig

untitled

PowerCMS 8341 User's Guide

untitled

画像全体を左右反転させると 下の画像 ( 黄緑色の外枠に白い桜 ) は backface-visibility: visible; と指定してあるので裏側が表示されます 上の画像 ( 水色の外枠に紅葉 ) は backface-visibility: hidden; と指定してあるので裏側が表示され

1221 Transitionの指定項目

1つ目は MASK という文字の下に楕円形のマスクイメージで その文字と楕円形の中に複数画像のスライドを表示するので id 属性 slide の div 要素の中に画像を5つ (images/dsc00203l.jpg images/dsc00027l.jpg images/dsc00092l.jp

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out

Color Change

<!DOCTYPE html> <html> <head> <title>clipanime1</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="clipanime1.css"> </head> <

transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動

Microsoft PowerPoint [互換モード]

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は

ohp.mgp

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18

PowerPoint プレゼンテーション

スタイルシートでデザインを整えよう

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管

Word によるホームページ勉強会第 3 日目 Word でトップページを作成 2A 那須シニアネット三宅節雄事前準備 ピクセルの写真を 4 枚 の写真またはイラストを 2 枚 準備 (JTrim か縮小専用で この付近のサイズに加工しておく ) 勉強会にて実施


PowerPoint Presentation

大メニューをマウスカーソルで hover すると 半透明の小メニューが上から伸びてきます 小メニューを hover すると メニューの背景色とテキストの色が変わります NaviMenuAnime01 の説明 HTML の記述 (NaviMenuAnime01.html) id 属性 menu-box

<!DOCTYPE html> <html> <head> <title>titleanime01</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="titleanime01.css"> </hea

1222-B Transform Using Class And Tag (classセレクタと要素型セレクタ(Tag)を使用してスタイルを適用する)

トリガーをわかり易くする方法

動させることはできません 少し工夫が必要になります 元の画像を移動すれば反射画像 も一緒についてきますが 反射画像だけが移動するように見せたいので 元の画像の上に は黒色のボックスを覆い被せます ReflectAnime1 の説明 HTML の記述 (ReflectAnime1.html) id 属

画像 images/ SpaceShuttle.png を指定します <!DOCTYPE html> <html> <head> <title>circleanime1</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/

Visual Studio Do-It-Yourself シリーズ 第 10 回マスターページ

山梨県ホームページ作成ガイドライン

サンプル CSS web ページを開くと同時にピエロの玉乗りが動き出すアニメーションを作ってみましょう AnimeAuto の説明 HTML の記述 (AnimeAuto.html) ピエロの画像に pierrot という id を 玉の画像に ball という id を付けておきます <!DOCT

インターネットマガジン1999年7月号―INTERNET magazine No.54

Webデザイン論

intra-mart マスカット連携ガイド

leaf2-h leaf2-v leaf2 images/leaf2.png leaf3-h leaf3-v leaf3 images/leaf3.png leaf4-h leaf4-v leaf4 images/leaf4.png leaf5-h leaf5-v leaf5 images/leaf

MorphAndTextAnime の説明 HTML の記述 (MorphAndTextAnime.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中につぎの記述をします id 属性 div2

1222-A Transform Function Order (trsn

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========>

Microsoft PowerPoint - css-3days 互換モード

untitled

スライド 1

Microsoft PowerPoint äº™æ‘łã…¢ã…¼ã…›

Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5


Microsoft PowerPoint _1a-HTML.pptx

css.pdf

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ

Microsoft Word - manual.doc

3 top#index 1 web router.ex web/router.ex 12 scope "/", NanoPlanner do 13 pipe_through browser get "/", TopController, index 16 end URL / to

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個

Microsoft Word 学外研修報告(玉置).doc

soturon2013

Appendix( ) {x(t), y(t) } の値を計算し そのグラフを描く ( for t=a to t=b ) この Program ( a.c ) は t をパラメーターとして X 軸に x = x(t) として Y 軸を y = y(t) として 最大 9 個の Graph

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義

Color Change

// レイヤー (glfn: 地質 +ライン+ 断層 + 凡例番号 ) var _opacity = 0.5; // 地質図の不透明度 (0-1, 0 が完全に透明 ) var _map = new google.maps.map(document.getelementbyid('map'), {

Microsoft PowerPoint - 04WWWとHTML.pptx

インターネットマガジン2001年10月号―INTERNET magazine No.81

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必

( )

1

インターネットマガジン2000年9月号―INTERNET magazine No.68


スライド 1

1

19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで

CSS


Taro13-第6章(まとめ).PDF

~モバイルを知る~ 日常生活とモバイルコンピューティング

Transcription:

<?xml version="1.0" encoding="utf 8"?> <mx:windowedapplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" showflexchrome="false"> <mx:script> <![CDATA[ private function dohello():void{ mytextarea.text+="hello World! ";} private function domove():void{ this.stage.nativewindow.startmove();} private function doclose():void{ this.stage.nativewindow.close();} ]]> </mx:script> <mx:image id="windowshape" source="fx_bg.swf" top="0" left="0" mousedown="domove()"/> <mx:button id="mybutton" label="fx Hello World!" top="107" left="39" click="dohello()"/> <mx:textarea id="mytextarea" top="140" left="39" width="264" height="127"/> <mx:button id="closebutton" label="x" top="0" left="325" click="doclose()"/> </mx:windowedapplication>

<!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http equiv="content Type" content="text/html; charset=utf 8" /> <title>dreamweaver AIR sample</title> <style type="text/css"> body{ font family: Arial, Helvetica, sans serif;} #windowshape{ position: absolute; left: 0px; top: 0px;} #closebutton{ position: absolute; left: 325px; top: 0px;} #mytextarea{ position: absolute; left: 39px; top: 140px; height: 127px; width: 264px;} #mybutton{ position: absolute; left: 39px; top: 107px;} </style> <script type="text/javascript"> function dohello(){ document.getelementbyid("mytextarea").value+="hello World! ";} </script> </head> <body> <img id="windowshape" src="dw_bg.png" width="358" height="374" onmousedown="window.nativewindow.startmove();"/> <input type="button" id="mybutton" value="js Click Me!" onclick="dohello();"> <textarea id="mytextarea"></textarea> <input type="button" id="closebutton" value="x" onclick="window.nativewindow.close();"> </body> </html>

mybutton_mc.addeventlistener(mouseevent.click, dohello); function dohello(e:mouseevent):void{ mytextarea_mc.text+="hello World! "; } windowshape_mc.addeventlistener(mouseevent.mo USE_DOWN, domove); function domove(e:mouseevent):void{ stage.nativewindow.startmove(); } closebutton_mc.addeventlistener(mouseevent.mo USE_DOWN, doclose); function doclose(e:mouseevent):void{ stage.nativewindow.close(); }

//AS2 // Flash Player 8/ActionScript 2.0 mybutton_mc.onrelease=function(){ mytextarea_mc.text+="hello World! "; } //AS3 // Adobe AIR 1.0/ActionScript 3.0 //"as2_mc"as2 SWF //UILoader as2_mc.addeventlistener(mouseevent.mouse_down, domove); function domove(e:mouseevent):void{ stage.nativewindow.startmove(); } closebutton_mc.addeventlistener(mouseevent.mo USE_DOWN, doclose); function doclose(e:mouseevent):void{ stage.nativewindow.close(); }