Lessonまとめ/CLOCK (ActionScript)

ActionScript/デジタル時計ダイレクトテキストで。 this.onEnterFrame = function() { var obj_date:Date = new Date(); this.hour_txt.text = obj_date.getHours(); this.mini_txt.text = obj_date.getMinutes(); this.sec_txt.text = obj_date.getSeconds(…

FLASH lessonまとめ/リップル効果

1.文字入力 2.修正→「分解」 3.修正→タイムライン→「レイヤーに分解」 4.文字1つづつ「分解」→「シンボルに分解」(ムービークリップで真ん中設定) 5.キーフレームを挿入し、クラシックトゥイーンを作成する。 6.1フレーム目のインスタンス「アルファ」を0…

HTML5 まとめ01/【HTML5課題01~06】

【HTML5課題01】ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

HTML5 まとめ01 (HTML5 exercise 01~10)

em --Emphasisの略。テキストを強調する際に使。 一般的な "イタリック" 要素ではない。i --テキストを斜体(イタリック)にする。声・台詞・ムード・思考などを表す。強調の場合はemを推奨されている。strong --そのコンテンツの強い重要性を表す。emよりも…

JavaScript練習課題(7)

【J03】 「h1要素」と「p要素」を、下記のように表示するJavaScriptを記述しなさい。

ActionScript まとめ02

変数 ある値を格納しておく箱みたいなもの。配列変数 複数の変数を1つのグループとして扱う。 要素番号は「0」から始まる。 var a:Array = new Array(); //オブジェクトを作る ○参考サイト○ http://www.atmarkit.co.jp/fwcr/rensai2/as3_02/as3_02_1.html fo…

JavaScript練習課題(5)

【J05】 クリックでアラートを表示するJavaScriptを記述しなさい。J01と同じ結果です。「function」を使用しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>J05 クリックでアラートfunction</title> <style type="text/css"> p img { cursor: pointer; } </style> <script> function Photoinfo(){ alert('アマルフィの写真です!') } </script> </head> …</html>

JavaScript練習課題(4)

【J04】 ページを開いた瞬間にアラートを表示するJavaScriptを記述しなさい。(写真は自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J04 ページを開いた瞬間にアラート</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

JavaScript練習課題(3)

【J03】 マウスアウトでアラートを表示するJavaScriptを記述しなさい。(写真は自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J03 マウスアウトでアラート</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

JavaScript練習課題(2)

【J02】 マウスオーバーでアラートを表示するJavaScriptを記述しなさい。(写真は自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J02 マウスオーバーでアラート</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

JavaScript練習課題(6)

【J06】 ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。(質問と答えは自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J06 ボタンをクリックしたらアラートで答えを表示</title> <style type="text/css"> <!-- p img { cursor: pointer; } </style> <script> function ans(){ var answ</meta></head></html>…

JavaScript練習課題(1)

【J01】 クリックでアラートを表示するJavaScriptを記述しなさい。(写真は自由。)「function」は使用しない通常のアラート。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>J01 クリックでアラート</title> <style type="text/javascrip"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

ActionScript まとめ01

Variable 何らかの値を代入して保存しておくもの(varで宣言) Number(数値データ型):数値を入れるための変数 String(ストリングデータ型):文字列を入れるための変数 onClipEvent 特定のムービークリップイベントが発生したときにアクション実行-onClip…

JavaScript まとめ01

noscript スクリプトが動作しない環境用の表示内容を指定する body onLoad="処理" ブラウザがホームページの読み込み完了時に何らかの処理を行いたい場合、 タグの中でonLoadを使って記述。 onLoad ページが読み込まれたとき。 onLoad="window.defaultStatus…

CSS まとめ02

センタリングさせる記述方法 margin-left:auto; margin-right:auto margin:auto margin:上下マージン auto margin:上マージン auto 下マージン 左右のマージンに「auto」を指定するとセンタリング ブロックレベル要素の内容をセンタリングさせる場合は、text…

EXERCISE /CSS01

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

exercise CSS04

●空きはリセットをせず、個別に指定する

exercise CSS03

●空きはリセットをせず、個別に指定する ●XHTML 1.0 Transitional ●リストマークは、作成すること 構造主義の四銃士 言語学に限られていた「構造主義」の理説ををそれぞれの分野で展開し、後の世代に多大な影響を与えたのは次の4人です。 ミシェル・フーコ…

exercise CSS02

●HTMLの入力に不安がある人は入力から ●CSSはエンベッド <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <…</meta></head></html>

EXERCISE /CSS01-04

●CSSの記述例(こう書かないとダメという絶対的な値ではありません) ●0は、単位を記述しない

exercise CSS15 /ボックスモデル

○この場合、リセットはしない ○空きは、すべて50px <p>BOX and PADDING<br> この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。このボックスと内容との余白をパディングといいます。</p> </body> <html xmlns="http://www.w3.org/1999/xhtml"> <head>…</head></html>

exercise CSS14 /ボックスモデル

○この場合、リセットはしない <h2>BOX and PADDING</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。このボックスと内容との余白をパディングといいます。</p> </body> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

exercise CSS13 /ボックスモデル

○この場合、リセットはしない <body> <h2>BOX</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。</p> </body> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

EXERCISE CSS12 /ボックスモデル

○この場合、リセットはしない ○左右均等空き(上下空きは指定しない) <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>

EXERSICE CSS11/ボックスモデル

○この場合、リセットはしない <p>BOX and margin<br> この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。</p> </body> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

EXERCISE CSS11-15 /ボックスモデル

●画像のような表示になるよう指定しなさい ●色・文字サイズは自由設定(バランスは考慮すること) ●解答は、エンベッド ●DTDは各自選択

 EXERCISE CSS05/背景色と余白(擬似クラス)

<body> <h2>background-colorの設定</h2> <p>見出しには濃いめの色を背景に指定し、文字を白抜きにします。段落には見出しよりも薄い色を指定します。さらに見出しと段落の上下のマージンを0にして、ボックスの上下をくっつけ、パディングを1em指定します。</p> </body>

 EXERCISE CSS04/リンクの背景色(擬似クラス)

<body> <ul> <li><a href="#">LINK-link-coral</a></li> <li><a href="#">LINK-visited-turquoise</a></li> <li><a href="#">LINK-hover-skyblue</a></li> <li><a href="#">LINK-active-lawngreen</a></li> </ul> </body>

EXERCISE CSS03/リンクの文字色(擬似クラス)

<body> <ul> <li><a href="#">LINK-link-coral</a></li> <li><a href="#">LINK-visited-turquoise</a></li> <li><a href="#">LINK-hover-skyblue</a></li> <li><a href="#">LINK-active-lawngreen</a></li> </ul> </body>

EXERCISE CSS02/文字色と背景色

<body> <h1>About wine</h1> <h2>Chianti Classico Riserva</h2> <p>1435年創業の由緒あるワイン醸造メーカーの名家マッツェイが所有するぶどう園は、いたるところにローマ時代の遺跡が残る小さな集落にあります。<br> 15世紀から現在に至るまで、キャンティワインの造り手たちの先導者であ</p></body>…