ブログ経験もＷｅｂについての知識もないまま入校したのが今年の4月25日。 落ちこぼれまいと頑張っているうちに、いろいろなことを勉強＆体験できました。 それから半年間、なんとか昨日修了しました。 [上の画像はfight_2012さんに頂いたものです。どうもあ…
今月の訓練校終了に向けて作成中のポートフォリオです。 Wordpressの外国語テーマをダウンロードして 日本語化とカスタマイズしています。 随時、更新していこうと思います。 http://snowman.main.jp/wordpress/
オリジナルサイト作成2作目です。 パララックスをjqueryにて導入してみました。 下にスクロールしていくとトップ画面の空と山が別々に動きます。流山によろう！｜流山市の観光名所を紹介 http://snowman.main.jp/nagareyama/
久しぶりの更新になります。 今まで授業や自宅で作成してきたカープ関連のサイトをまとめました。 http://snowman.main.jp/sample/layout/※mobileサイトは実機がないため確認できていません。現時点で確認された問題点は、HOME→MOBILE→カープ Portfolioへ と…
可変グリッドをjQueryプラグインのvgridを利用して構築しました。 年俸などの詳細はlightBox内で記述してあります。 http://snowman.main.jp/sample/jquery2/
jQueryを使ったサイト練習(1) HTML5＆CSS3の機能（角丸とグラデーション等）を使って制作してみました。 アコーディオンメニューはjQuery、写真にはjQuery lightBox plugin 0.5を利用しています。 http://snowman.main.jp/sample/Accordion1/
グリッドレイアウト jQuery のimageoverlayを利用してグリッドレイアウトしてみました。 IE6以降とFirefoxでは表示されましたが、chromeでは画像が表示されず、いろいろと試しましたが結局解決できませんでした。（7月25日修正） jQueryのCaptify Pluginを使…
flashでつくるメニューバー 1.新規シンボルでヒット部分にだけ四角図形を入れて透明なボタンを作成 2.ボタンインスタンスをｘ軸上60〜340の間に等間隔で設置し以下のアクションスクリプトを記述(目標値はそれぞれのx座標） on(rollOver){ mc.xm=60; /*スライ…
flash動画
Dateクラス デジタル時計 ムービークリップ（インスタンス名：time_mc）の中にダイナミックテキスト(h_txt,m_txt,s_txt)を入れて、タイムライン上に以下のActionScriptを記述 time_mc.onEnterFrame=function(){ var new_time:Date=new Date(); time_mc.h_txt…
ActionScript2.0 ステージ内にマウスを乗せると遅れながら吸着します。
ActionScript2.0 ボールのクリップアクション内に上下運動、タイムラインにて横の動きを設定しました。ボールが止まったあとにbtn1がタイムライン再生、btn2がムービークリップの再生を指定しています。 名詞デザイン(Illustrator) 授業で作成した名刺デザイ…
先週ははじめてのサイト作成を行いました。 まだタイトルや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まで減速値ｂで動かしてやるとすれば this._x +=(this_mc_x)/bとなる。 var a:Number=400; //x軸方向に400…
Flash (ActionScript2.0) オニオンスキン タイムライン下にあるアイコン[オニオンスキン]は、クリックすると前後のフレームが半透明に表示され、複数のフレームにまたがったアニメーションの動きを見ることが出来る。その範囲はタイムライン上の○印で囲まれ…
JavaScript onMouseOverとonMouseOutを用いて画像置換の復習 サムネイル(thumbnail)で画像置換 jQueryを用いてクロスフェード jQuery（ジェイクエリー） JavaScriptライブラリの一つで、Web制作に活用できる代表的なもの。 １．ライブラリー本体をホームペー…
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>
確認テスト（１）と（２）の解答です。 確認テスト（1） Webページについて 1.htmlタグ 2.スタイルシート（CSS） 3.アップロード 4.ダウンロード 5.インターネットブラウザ 6.IE（Internet Explorer）、FirefoxHTMLの基本 1.＜!DOCUTYPE HTML＞ 2.title 3.h1…
Adobe Flash Pro (Action Script2.0) クラシックトゥイーンを使ったスライドショーの作成 授業の補足 トゥイーン トゥイーンとは英語の"in between"に由来している。タイムラインを使ってインスタンスのアニメーションを作成する機能のことをいう。 Flash CS…
HTML/CSS ヘッダー部のレイアウト position属性またはfloat属性を使って横並びメニューを作成 Photoshop CS5.1 グラデーション作成 オリジナルのグラデーションを作成し、スタイルに登録 Illastrator CS5.1 ワイヤーフレームでレイアウトパターンを作成 好き…
