授業
for文 変数「i」の初期値 繰り返しを継続するための条件 処理を１回実行するたびに、変数「i」の値をどのように変更するか for ( 変数の初期値； 繰り返し条件； 変数の変更 ) { 実行される処理 } JavaScriptの勉強 forの中の式は繰り返し条件に達するまで継…
ActionScript switch文 :分岐の条件は値の一致 case()の後はコロンを使う（セミコロンではない） if文 var key:String = "B"; var message:String; if(key == "A") { message = "AはAlphaのA"; } else if (key == "B") { message = "BはBravoのB"; } else if…
Dreamweaverを使いLightbox2をカスタマイズ 諸々 いらないファイルはDreamweaver上で消す min(minified)ファイル: 改行コードがなく、データーを圧縮しているver jQueryはファイルの中を触ることがないので、minでよい CSSファイル ベンダープレフィックス: …
シェイプの登録-Photoshop Illustratorで黒のみを使って形を描く Photoshopにコピー&ペースト このときシェイプレイヤーを選択 編集→カスタムシェイプを定義 Illustrator パスの変形 円を描き、オブジェクト→パス→アンカーポイントを追加 効果→パス→パスの変…
Flash 速く動かせるか、ゆっくり動かす 元々スクリーンセーバー的に動かしていた ActionScript release :ボタンを押し、離すこと undefined :値が定義されていない=動けない ダイナミックテキストは変数として扱う \n :改行（HTMLで例えると<br>） + newline + :…
JavaScript zen-codingをDreamweaverにインストール ctrl + space でDOMの候補が出てくる ()内はシングルクウォート \マークはバックスラッシュ function(関数)の名前は自分で決められる ActionScript2.0 if (a < 10) { trace ("aは10より小さい"); } else i…
授業メモ Flash 一通り動く→Enterページ は絶対作らない ActionScript =は代入の意味 onClipEvent (load) ←でメモリに数値を格納して呼び出す varを設定してから下のイベントを決める シンボルは○○_mcにする onClipEvent (load) { speed = 0; accel = 1; } o…
プレゼンの講評 自分以外に向けられたものも参考のため記しておきます。 お問い合わせはGoogleフォームでいい Flash画像にした写真は右クリックしても保存されない サイトの制作過程（カンプなど）も残しておき、ポートフォリオに入れる 画像の上に雲模様（P…
授業メモ XAMPP インストールする際、ファイアーウォールのネットワークをプライベートにする phpMyAdminの初期設定ユーザー名はroot 終了するときはSTOPさせてからEXITを押す Dreamweaverでテストサーバーを構築 Xamppフォルダにあるhtdocsフォルダ内に新規…
授業メモ サイト構築 空きは上下で作るのではなく、下で統一させる 地図は駅を基点にする 詳細に描くか、単純にするかは立地とお客さんがどこから来るか考慮する Flash flashムービーはメモに動きを起こしてからスクリプトを打つ 文字は大きい状態、完成型か…
授業メモ CSS課題の解説 CSS06 min-width: これ以上小さくする場合はスクロールバーが出るようにする CSS10 contentにnegative-margin デザイン・サイト設計 見せたいものだけごちゃごちゃ飾るのではなく分散させる→全体に分布させる事が大事 ターゲットは絞…
授業メモ header の練習1 <html lang="ja"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="print, screen"> <title>headerの練習</title> </head> <body> <div id="container"> <div id="header"> <h1>Information World</h1> <h2>Technical Information</h2></div></div></body></html>
ベーシックな企業サイトを組む 参考：スタイルシート上級レイアウト <html lang="ja"> <head> <charset=UTF-8" /> <title>サンプル スタイルシート カンパニー</title> <style> * { margin: 0; padding: 0; } body { font-size: 0.7em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo</charset=utf-8"></head></html>…
授業メモ Photoshop のシェイプツールでボタンを作る シェイプの固定値で長方形を描く(値を設定するとき、ピクセルにスナップをチェック) 好きなスタイルを適用 文字をシェイプの外に打ち、センタリングにする シェイプと文字のレイヤーを選択し、水平、垂直…
授業メモ FFFTP-接続設定 接続→ホストの設定→新規ホスト ホストの設定名：任意の名前 ホスト名：FTPサーバー名 ユーザー名：FTPアカウント名 パスワード：FTPパスワード PASVモードを使うにチェック 文字コードをUTF-8にする Dreamweaver-接続設定 サイトの…
授業メモ Flash movie Illustrator で車を描く（→線のみで描かれている場合はアウトライン化する） flash にコピー＆ペースト。AI ファイルで 修正→シンボルに変換 モーショントウィーンで時間を決めたら車を移動させる ボタンを作り挿入→新規シンボル 複製…
授業メモ Flash movie ライブラリにあるのがシンボル プレビューされているのがステージにあるのがインスタンス フラッシュで文字を使うのは重い→画像にする GIFアニメ Illustrator でアニメ用画像を作り、ファイル→カラーモードRGB 書き出し→PSD、スクリー…
授業メモ <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習</title> </head> <body> <form action="#" method="post"> <p>お名前： <input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容：<textarea name="subject" rows="5" cols="40">お問い合わせ内容</textarea> <p>スマートフォン：…</p></p></form></body></html>
授業メモ サイト画像 背景画像は一部だけ作り、残りは背景色でつなげる カタログ（通販）サイトはチラシ、紙媒体のようにすると良い 今の主流はガーリー。ステッチ、布地など センターでなく左揃えが多い→チラシ的 切り抜きのエッジがはっきりしているものは…
授業メモ position absolute の外側(囲み、親要素)はrelative にする IE はfixed は使えない z-index: 上に重ねられる→absolute に対して使う。100単位〜上が1000 position は右側のナビや、フッターナビの右端だけにコンテンツを置くときに使う。またはfloa…
授業メモ Dreamweaver 左側のボタンからサイト管理を選択→編集 昨日作ったファイルのサイト名、フォルダを選択 サイト名には漢字も使える サイト管理から新規フォルダを作成していく 画像 説明のいらない画像はbackground-image キャプションで説明を入れる…
復習、応用 スポーツ新聞の見出し風にするのが面白かった。 だいたい赤、青、黄の信号カラーを使っているので目を引くのも納得する。 ドット 線端を丸型にし破線にチェック、線分を0にする 線幅がないので丸くなるという仕組み 路線、縁取り文字 コピー、前…
確認テスト <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
Illustrator 5/8〜10のメモ グラデーションを使ったボタンの復習と応用 参照サイト Webデザイン。イラレは出来る子。フォトショなんかに負けないもん。 簡単だけどカッコいい！！メタル風ボタンの作り方（Photoshop） 複合パスとクリッピングマスク ブレンド…
授業メモ Jimdo トップページにキーワード、カテゴリタイトルをきちんと入れて集客する ページタイトル: サイトタイトル ホームページタイトル: キーワード、サービス、カテゴリー →ホームページタイトル｜ページタイトル の表示順になる デスクリプションは…
授業メモ <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>
授業メモ CSS margin: 上下少し空けるときは下だけ空ける習慣をつける strong, em でh を強調しない コンテント幅 = width padding: −は指定できない margin: negative margin 可能 floatは左優先。float: right は情報の優先度が高く、上にあるものを右に表…
リセットスタイルと擬似クラス <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>
授業メモ CSS h1は重要度で選ぶので文字サイズは関係ない divだらけでもいい id: 固有名詞 英語で書く class: 頻度があるもの はてなのブログは <div class="box">という親要素を作って書く ブログの色、動き サイト（ブログ）のアクセントを考える 統一されていると、どこを</div>…
授業まとめ CSSの練習 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>
