2011-01-01から1年間の記事一覧
anticaサイトの構築 課題サイト 「antica」 Flash 簡易スロット this.onLoad = function() { this.num1_mc.stop(); this.num2_mc.stop(); this.num3_mc.stop(); } _root.start_btn.onPress = function() { _root.num1_mc.play(); _root.num2_mc.play(); _roo…
DreamWeaverに、いろいろインストールしました。 ZenCoding マークアップ効率化 - zen-codingでコーディングを倍速に ◎html5 tag suites v050 ◎css3 code hints v030 をインストール javaでクロスフォード BrandSpankingNew Crossfader コードの参考 その他 …
未完だった課題サイトの続きをやりました。 この間習った、javaでボタンを作ってみました。 Headerを仮に入れたら、そのイメージに引きずられて、何だか暗いサイトになりました〜。ぼちぼち、手を加えたいです。◎問題点 1.課題をリストで入れて、課題の背景…
画像置換（ウィンドウを開く方法） onClick="window.open ('URL','ウィンドウ名','幅, 高さ, 左からの距離, 上からの距離')" onClick="window.close()" ガチョーンなFlash ガチョーン的な効果のあるFlashをやる。谷啓が分かったのは、数名だと思うな（私含め…
データを持ち帰り損ねたので、途中だった画像置換を作成しました。フレームの白地が狭かったかな。画像がセンターに入ってくれず、微調整しました。 画像置換1 onMouseOver="this.src='images/◎◎.jpg'" onMouseOut="this.src='images/◎◎.jpg'" <html lang="ja"> <head> <meta charset="utf-8"> <title>画像置換1</title> <style type="text/css"></meta></head></html>…
テストはボタン作成。先生のサイトを良く見ずに、ボタンを10個も作って切り抜くという、遠回りなやり方をしてしまった。いかに効率的に作るか、作業前に考えよう。 簡単なJavascriptのボタン ◎画像は、バラバラに作る ◎「hover」時の画像名には「_o」を使用…
onClipEvent (load) ◎ムービークリップがロードされたとき、{ }内の処理をする onClipEvent (enterFrame) ◎そのムービークリップがあるフレームが読み込まれるたびに、{ }内の処理をする 練習問題2 弾むムービークリップの作成 onClipEvent (load) { var spe…
ついつい、後回しにしていたJavascriptの復習をしました。 超初歩で、つまずき中・・。 回答を見ないと、分からないので、繰り返すのみかも。 4日の授業内容 2×8−6÷2=13 2×(8−6)÷2=2 1−2＋3＝2 1−(2＋3)＝-4 9%4=1 ◎””の中が文字、（ ）の中が計算 <html lang="ja"> <head> <meta charset="utf-8"> <title>演算</title></meta></head></html>…
A05 ムービークリップを作成なさい。 ロードした時に、ムービークリップのX座標が左端から300の位置に移動するスクリプトを記述しなさい。 onClipEvent (load) { var position:Number=300; this._x=position; } A06 ムービークリップをクリックした時に、ム…
◎Action Script 仕事の現場では、まだ2.0。 白物家電やgame等は、絶対2.0。なので、2.0を中心にやる。 ◎Java Script A01 変数を使った計算式を書き、出力パネルに結果を表示させなさい。 10×（8＋12）÷4 の値は？ var num1:Number = 10; var num2:Number = 8…
Scriptで頭を切り替える前に、手付かずだった課題サイトをやる事にした。Cakeshopの後で、もう少しページ作りを練習したかったので、課題サイトもページ展開する事に。 ボタン画像等の制作を残し、骨組みは大体出来た。 Scriptは、週末にまとめてやろう。
◎winにxampp-win32-1.7.7を入れて、Dreamweaverでテストサーバーを構築する。 メカ音痴の私は、一度インストールに失敗してやり直したり、 何をやってるのか、今ひとつ分からなかった。 少し学習しないと、置いてきぼりを食いそうな・・・。 ◎macの場合はMAM…
今日は、代理の先生でした。 昨日「IE Tester」でcakeshopのサイトを見たら、IE6だけがセンターにならずにサイドバーが落ちて崩れていたので、その修正をする。（1）リセットにzoon:1;を入れる。 *{ margin:0; padding: 0; zoom:1; }（2）body{text-align:ce…
◎海外のWEB制作会社。 ◎縦型の仕掛けサイト。ジュースの中身が、スクロールで変化するのが、面白い。 この間習った、position:fixedとbackground-attachment scrollで作っているらしい（多分）。Z-indexも指定していた。 構造は、私には難しいけど、習った事…
課題のcakeshopは、出来上がってるんだけど、大問題が解決しない。footer部分が、なぜかFirefoxだけ表示されない。DreamWeaverの画面でも，GoogleChrome,Opera,Sfari,Device Central上では問題無く見える。 でも、Firefoxだけが出てこない・・。何故？？？ …
◎Dreamweaverでcakeshopの制作 図書館で借りた本で、見覚えがあるのに、時間内に全くできなかった・・・。全く覚えてなかったのは、我ながらまずい！ もっと、数をこなそう。◎Flashのクロスフォードの別バージョン これは、休日の課題。
◎Flashでクロスフェードの練習 方法はこちら→風姿花伝 ◎jimdoにアップロード ◎イラストレーターで、ラフ制作
◎jimdoの作成。Fhotoshopでのバック画像作り。 2日悩んだ見出し文字の問題が、ここを見て解決した！ 独自レイアウトのhtml ◎formのラジオボタン、チェックボックス、メニュー型の練習。 Googleドキュメントのフォームが，結構使える。 簡単に作成できて、メ…
今日は、頭がこんがらがった・・ ◎＜form＞〜＜/form＞がひとつのフォーム ◎通常ひとつのサブミット（実行）ボタンを持つ。 ◎入力部品に値を入力した後サブミットボタンを押すと、method 属性で指定した転送方法で、action 属性で指定したアクションを呼び出…
position static ●基準値。特に配置方法を指定しない。 ●この値のときには、top、bottom、left、rightは適用されない。 relative ●ブラウザの左上が基点となる。 ●top.leftで指定する。 absolute ●親ボックスにpositionのstatic以外の値が指定されている場合…
有名な「とらや」が展開するカフェ。 すっきりとシンプルで、無駄な物が無いモダンなデザイン。 サイトの基本とも言える構成で、分かりやすい
半年間の集大成に、どこか小さなお店の商用サイトを作りたいと思っていたけど、決まりそうです。 吉祥寺にある、美人親子で経営している、小さくて可愛いカフェです。お母様手作りの、ロールキャベツが名物とか。若い芸術家達に、壁を貸してもいます。 HPが…
昨日のGoogleのトップは、メアリー・ブレアのイラストでした。あれ？っと思ったら、メアリー・ブレア氏の生誕100周年の日だったんだそうです。 好きなので、記念に載せておきます。 彼女は、ディズニーのコンセプトアートを担当していて「イッツ・ア・スモー…
元受講生の方による、ECサイト展開の依頼 北欧のアクセサリーのサイトの展開について。具体的に話を聞くと、いろんな問題点をクリアして、初めて成功するのだと思う。 ECサイトは、未経験だし分からないが、誰でも店舗を開くチャンスを持てるのは夢がある反…
本日は皆のプレゼンテーションを聞く。 いろいろなアイディアがあって、面白かった。 皆さん、しっかり考えているなあと、感心した。 私は、つい作りやすさ＝ビジョアルから入ってしまう。やはり、WEB制作には作り手の愛が無いといけない。 でも、その前にCS…
◎photoshopでクリッピングマスクを作る。 （1）画像レイヤーの上にシェイプを描く （2）シェイプレイヤーを画像レイヤーの下に移動する （3）画像レイヤーを選択し「レイヤー」→「クリッピングマスクを作成」 ※シェイプレイヤーと画像レイヤーの間の線を「al…
◎jimdoのヘッダー画像部分を差し替える。 昨夜、突貫で作ったのを入れて安心したら、レイアウトは自分でカスタマイズとの事。webの道はこれから。。。 その前に、課題のカラムをやらねば〜。 hatenaのカスタマイズも放置状態だけど、この白さが案外気に入っ…
◎photshopで矢印の作り方の説明。 ◎雲のイラストのbgパターンを作る。 ◎バックにグラデーションを敷く。 ◎jimdoの説明 忙しくて、headerを全く準備出来ていない・・・。
もう、クリスマス商戦の時期なんですね。 LOFTカラーの黄色を基調として、各ページともこだわった作りでかわいらしい。 各ページの楽しさが、LOFT商品のイメージとうまく合っている。 チラシをWEB展開する、良い見本だなあと思いました。
課題1 遅れましたが、参考のボタンを見つけて作る課題です。 面白いボタンは無いかと見ていたら、バックにイメージを敷いたボタンを見て、作りたくなりました。PSDデータが落とせたので、効果を参考に（写した？）したけど、結構ためになりました。 ただ、見…
