授業
今日はプレゼンサイトの作り方の大まかな流れとその中で画像の見せ方としての方法の1つであるLightboxの組み込み方を授業でやりました。 プレゼンサイトは早く形にしなければという焦りから、きちんとした設計をせずにいきなり作るという方向に持っていく雰…
何種類かあるみたいです。 Prototype jQuery MooTools Adobe Sply Yahoo Ul 基本的に同一ページで混在して使わなければ問題ないみたいです。 特定のライブラリに依存しないものに関しては併用して利用することが可能みたいですが、なんにしても動作確認は必…
基本的な方法のポイントは下のjpeg画像はCSS→backgruond-imageで読み込み、 上に重なる透明pngはhtmlファイルにコーディング。 けどメナードのサイトのソースを見ると、両方ともCSS→backgruond-imageで重ねているので、こちらの方法は分析する必要有り！ 文…
今日の授業は新しい情報有り、改めて確認できたことも有りで、僕にとっては大きなプラスになりました。 頭の中でごちゃついた情報が整理された感じがしました。 Dreamweaverのインデント環境設定 インデントは下げすぎても見づらいので、せいぜい1〜2。 Drea…
これは役に立ちそうです。 Photoshopで固定値の円を描く方法 シェイプツール編(ベクトルマスクが作成される) 選択範囲編 ちなみにシェイプで作った円と選択範囲で作った円はごっちゃになっても整列させることが可能です。 (レイヤーは分けるのが前提ですが。…
昨日授業で作ったものをYoutubeにアップしました。http://jp.youtube.com/watch?v=e_XDazeIsUM
今日はこれが理解できただけでも大きかったです。thisと_rootの違いもハッキリと分かりました。 this→命令をかけるものと命令を実行されるものが同じ場合 例)動いているオブジェクト自体をonPressで止める _root→命令をかけるものがあって、それによって違う…
クロスフェード(CrossFade) 画像をライブラリに読み込む。 ステージに読み込み、グラフィックシンボルに変換。 他の画像も同じように。 整列パレットで整列する。 フェードイン、フェードアウト用のキーフレームを作る。 全てのグラフィックシンボルの1フレ…
ゼロイン 今日はここまで。 続きはまた明日。 floatがズレる原因 必ずwidthを指定。 背景ドロップシャドウのスライスの仕方 上と下はスライスに入れずに、repeat-yで。
DOCTYPE宣言から練習したい場合 ドキュメントタイプをなしに設定。 環境設定 インデントの挿入・削除 コードのエラーチェック コメントの適用 media属性 screen→パソコン、ディスプレイ print→プリンタ tv→テレビ handheld→携帯端末 <li><a>のパス YAMAHA→相対パス</a></li>…
まだまだ修行が足りないなと思いました。 途中経過は今日は省略します。もう一回やるときに書きます。
長方形ツールで四角を描く コピー→前面にペースト。 右側の軸を六角形に見えるようにずらす。 リフレクトツールで垂直を軸にコピー。 色を変えて、立体的に見せる。 肌色で四角を描く。 アンカーポイントを追加し、 そのアンカーポイントを選択。 オブジェク…
TeraPad 久し振りにTeraPadでコーディングしてみたが、意外と打てた。 動作環境の部分は、最初は<dl><dt><dd>で打っていたが、 <tr><td>で打ち直してみた。<table>は最近全然打ってなかったので最初戸惑ったが、なんとか打てた。このCSSに頼った部分をもっとフレキシブルに対応できるよ</table></td></tr></dd></dt></dl>…
コーディング作業中、あるコードを別のコードに変えたい時に便利な機能。編集→検索/置換 置き換えたいコードを検索フィールドに、 置き換えられたいコードを置換フィールドに入力し、「全てを置換」。 <h1>の設定の考え方 ロゴや企業名を<h1>に設定するのはある程度</h1></h1>…
Illustrator Illustratorはカンプ作りには適しているが、 web用に書き出す際、アンチエイリアスがかかってしまうため、 スライスしたりする作業には向かない。 Photoshop 選択範囲を作成することによってガイドが吸着しやすくなる。 スライスもガイドにスナ…
GoogleウェブマスターツールとYahoo!サイトエクスプローラ、 Yahoo!ブックマークにそれぞれ登録しました。 今我がハイスペックWindows-PCちゃん(RAM:4GB)はデフラグ中でして、 久しぶりにロースペックMacちゃん(RAM:256MB)を使ってアップしています。 しかし…
CGI リモートサイトを表示して、FTPに接続する。 FTPに接続した後にサーバ側で権限の設定 755を入力すると、自動的にチェックボックスにチェックが入る。 この後、formファイルからブラウジングして、確認する。 Kentから掲示板のCGIをダウンロード ファイル…
アクションスクリプトの設定 ボタンに対して設定する。 透明ボタンの設定 ステージ全体を四角で囲う→カット(ctrl+X) 10フレーム目(20フレーム目も同じ)のところで、 挿入→新規シンボル ボタン ヒットのみ空白キーフレームの挿入。 それ以外はフレームを挿入…
リップル効果 文字を入力 修正→分解(全文字) 修正→タイムライン→レイヤーに配分(全文字) 修正→分解(1文字ずつ) 修正→シンボルに変換(1文字ずつ) レイヤーを6フレーム目と9フレーム目にコピー プロパティインスペクタのカラー→アルファを20％に(全文字) 6フレ…
タイムライン→キーフレームに変換 文字を分解(2回)することによって、一文字ずつシンボルに変換することができる。 シンボルに変換することによって、インスタンスとして動きをつけたりすることができる。 モーションガイドを使うことによって、インスタンス…
コードビューで画像を選んで、ウィンドウ→ビヘイビア ビヘイビア→スワップイメージ(ノーマルの画像と置換用の画像と両方用意しておく) マウスオーバーで画像が置換された ポップアップ ポップアップさせたい画像を選択。 ウィンドウ→ビヘイビア ブラウザウィ…
CSS初期化で、{border-style:none;}は画像に青い枠が付くのを消すため CSSでbody{text-align:center;}はIEでサイトがブラウザの真ん中に表示させるため CSSで{list-style-type:none}はliではなく、ulに付ける [img]は必ず裸にしないこと。[h1][a][p]などで囲…
1ランク上の技を身につけるDreamWeaverの強化書 (MYCOMムック +DESIGNING Professional Bi)作者: +DESIGNING編集部出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/07/30メディア: ムック クリック: 2回この商品を含むブログ (1件) を見る
案１横並びのナビゲーション一つのシンプルな構成。ネット→電話で注文という導線が明確だが、ガーデニングの施工ができるというアピール力はいまいちか。しかし、案２に比べるとレイアウトはすっきりしていて見やすい。 案２横並びのナビゲーション＋右側に…
Dreamweaver今日の授業でコードを打ち足りないと感じたので、自分の写真をアップするサイトを作り始めてみた。が、FTPの設定がうまくいかない。パスワードが間違っているというエラーが出る。ヒューマンのサーバだけでなくFC2も登録してやってみたのだがうま…
ワイヤーフレームZOZOTOWNのワイヤーフレームを作った。これはデザインを考える上で非常に有効な方法だと思うので、定期的に続けていきたい
