講義内容
Dateクラス デジタル時計 ムービークリップ(インスタンス名:time_mc)の中にダイナミックテキスト(h_txt,m_txt,s_txt)を入れて、タイムライン上に以下のActionScriptを記述 time_mc.onEnterFrame=function(){ var new_time:Date=new Date(); time_mc.h_txt…
先週ははじめてのサイト作成を行いました。 まだタイトルやmeta要素も含めて微修正していく予定ですがひとまず作成したものです。はじめてのこと尽くしで順調にいかないことが多かったですが、しっかりと反省と改善点をみつけて今後に生かして生きたいと思い…
JavaScript 【実践課題A】 <html> <head> <meta charset="utf-8"> <title>実践課題A</title> </head> <body> <script> <!-- var kuji=["大吉","中吉","小吉","吉","凶"]; var i=Math.floor(Math.random()*kuji.length); document.write(kuji[i]); --> </script> </body> </html> 【実践課題B】 <html> <head> </head></html>
35日目は主にサイト作成の時間となりました。 36日目はActionScriptとJavaScriptの課題問題とサイト作成時間でした。 Flash (ActionScript2.0) 【実践課題I】 テキストボックス名:ans_txt var tensu:Array=new Array(70,88,63,95,59); var goukei:Number=0;…
Flash (ActionScript2.0) 減速 ある定点に近づくにつれ減速させるには、加速度を少しずつ減らしてやればよい。 例えば、インスタンス(this)をx軸上のaまで減速値bで動かしてやるとすれば this._x +=(this_mc_x)/bとなる。 var a:Number=400; //x軸方向に400…
Flash (ActionScript2.0) オニオンスキン タイムライン下にあるアイコン[オニオンスキン]は、クリックすると前後のフレームが半透明に表示され、複数のフレームにまたがったアニメーションの動きを見ることが出来る。その範囲はタイムライン上の○印で囲まれ…
JavaScript onMouseOverとonMouseOutを用いて画像置換の復習 サムネイル(thumbnail)で画像置換 jQueryを用いてクロスフェード jQuery(ジェイクエリー) JavaScriptライブラリの一つで、Web制作に活用できる代表的なもの。 1.ライブラリー本体をホームペー…
Flash (Action Script2.0) ムービークリップの制御メソッド startDrag(); ムービークリップのインスタンス内をドラッグして移動を始める。引数1と引数2があり、引数1ではTrueもしくはFalse、引数2ではドラッグできる範囲をステージの基準点(左上)からみた…
Flash (Action Script 2.0) for文 指定した分だけ繰り返す処理を行う。初期値を変化させ条件に合う(True)まで処理を実行し、条件に合わなくなる(false)まで継続させる。for (値を初期化する式;継続する条件式;変化を定義する式){実行する処理;} 描画メソ…
Illustrator CS5.1 拡大・縮小ツールを使った複製 バウンディングボックスに使った拡大・縮小のほかに、拡大・縮小ツールを使ってもできる。この場合、クリックして基準点を決めることが出来る。 アンカーポイント切り替えツール ハンドルのあるアンカーポイ…
JavaScript JavaScriptメソッド Mathメソッド Math.random(); 0.0000...から0.9999...までの数字をランダムで生成する。 Math.floor(数字); 正の数字の小数点以下を切り捨てする。※負の数字は、引数よりも小さい整数となる (-1.45の場合は-2となる) これと…
flash (Action Script2.0) 変数(variable) 変数とは、メモリに一時的に記録されるデータ(数値、文字列など)を入れる箱のようなものである。変数名には任意の固有名詞をつけることができる。varを使って変数宣言することで、変数の値を変えるだけでコード内…
JavaScript 記述について 大きく分けて2通りある。 HTML構文の中に直接記述するもの <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>タイトル名</title> </head> <body> <script type="text/javascript"> <!-- /*JavaScript未対応のブラウザのためにコメントアウトしておく*/ document.write("この文字を表示します。"); --> </script> /*JavaScriptに対応…</body></html>
Flash (Action Script2.0) イベントハンドラ マウスオーバーやマウスクリック、ドラッグなどのユーザー操作をプログラミング的にはイベントといい、その操作を実行したときに行う命令の型をイベントハンドラという。 onイベントハンドラ シンボル化したボタ…
23日目はXAMPPのインストールとFlashの基本について授業を行い、その後は24日目に行われたオリジナルサイト作成のプレゼン資料をまとめました。 XAMPP XAMPP(ザンプ)とは,Apache(Webサーバ)、MySQL(SQLデータベースサーバ)を含めたウェブアプリケーション…
授業用の架空サイトを2日間かけて作成ものです。 トップページ <html> <head> <meta charset="utf-8"> <title>Wants Cake</title> <link href="css/base.css" rel="stylesheet" type="text/css" media="screen,print"> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen,print"> </head> <body> </body></html>
Adobe Flash Pro (Action Script2.0) クラシックトゥイーンを使ったスライドショーの作成 授業の補足 トゥイーン トゥイーンとは英語の"in between"に由来している。タイムラインを使ってインスタンスのアニメーションを作成する機能のことをいう。 Flash CS…
HTML/CSS ヘッダー部のレイアウト position属性またはfloat属性を使って横並びメニューを作成 Photoshop CS5.1 グラデーション作成 オリジナルのグラデーションを作成し、スタイルに登録 Illastrator CS5.1 ワイヤーフレームでレイアウトパターンを作成 好き…
Dreamweaver CS5.5 「速習Webテクニック スタイルシート 上級レイアウト」を使ってサンプルレイアウト 速習Webテクニック スタイルシート 上級レイアウト 河内正紀 - 技術評論社 CSSの記述 vertical-align属性 一行に違う高さの文字が混在したしている時に、…
Dreamweaver CS5.5サーバとFTP接続ホームページを作成するにはhtmlファイルをアップロードできるサーバが必要となる。ここでは例として、ロリポップ(http://lolipop.jp/)のレンタルサーバと契約しDreamweaverを使ってFTP接続をしてみる。 「サイト」→「サ…
Flash ボタンアクションをつかったFlash作成(Action Script2.0) まず動画をつくり、1フレーム目をアクションパネルにて"Stop()"を記述し止めておく。 「挿入」→「新規シンボル」にてボタンを指定。 ボタンを作成した後に以下の4つを指定する。(※ボタン内…
Flash flashとは、音楽や画像を使ってアニメーションや動画・ゲームを作成するソフトウェア、ならびにそのコンテンツである。Webコンテンツとしても親和性が高く、代表的なものにYoutube、ニコニコ動画などの動画配信がある。拡張子は.swfである。 このSWFフ…
HTML構文 基本的なフォームの作成 インターネット上でユーザーからのデータを収集するために、入力用の項目を作成するときに利用される。 form要素 データを受け取るプログラムのURIを指定するaction属性(必須)と、データの送信方法を指定するmethod属性が…
Photoshop CS5.5 選択範囲の応用 動物や人の毛のように非常に細かくてパスや切り取りしにくい素材の場合、境界線の調整を使うことによって綺麗に仕上がる。 自動選択やクイック選択ツールを使って、対象を大まかに選択 選択ツールのオプションバーにある「境…
Photoshop CS5.5 補正 レベル補正 「イメージ」→「色調補正」→「レベル補正...」コントラストを強くするときに使用する。 真ん中にあるヒストグラムの白の三角印(ハイライトポイント)と黒の三角印(シャドウポイント)を山型のそれぞれの始点あたりまで移動…
Dreamweaver CS5.5 CSSの管理 新しいファイルを手動で入れたときは、ファイルの更新を押すと表示する 横ナビ (リンク入り)横並びメニューの作成するには以下の2通りがある まずメニューの親要素に{overflow: auto;} ul {ist-style-type: none;} li {float: l…
Dreamweaver CS5.5 初期設定が重要になる 起動 ウインドウ-ワークスペースのレイアウト-コーダーに設定 サイト-サイトの管理-新規作成として、サイト名(固有名詞で作成)とローカルフォルダを指定 左側に表示されるフォルダより、使用するhtmlファイルをダ…
講義9日目のまとめです。 Jimdoを使ってホームページ作成 Jimdo(無料版)への登録 セキュリティの面でパスワード変更は必須 タイトルおよびサブタイトルの記述 上位表示するにはトップページのタイトルの記述に注意する タイトル: キーワード、サービス、…
cssの記述 floatプロパティ floatとは適応した要素が浮き出した状態になることで、後に続く要素がその反対側に回り込んだ形で表示される。 またfloatプロパティでブロックレベル要素を左右に寄せる場合は、widthプロパティによって幅を指定することが必須と…
講義7日目の受講内容と課題の解答です。 Illustrator Web素材に使用するマークおよび背面の作成 形状を作成 グラデーションツールなどを使って色を塗る 変形ツールで必要な大きさにリサイズ ピクセルプレビューでアンチエイリアスを直す 必要な部分を四角で…