授業ノート
Apache Friends：XAMPPのダウンロード 黒い画面でインストール。 http://localhost/のセキュリティでMySqlのパスワードを変更。 http://localhost/phpmyadmin/でデータベース作る。 （「照合順序」のまんま） xamppをインストールしたドライブ（私はCドライ…
サイトの管理画面＞リンク＞リンクカテゴリーリンクカテゴリーのスラッグ（アドレスになるところ）は英語にしたほうがいい。
三菱モーター子供ミュージアムソニーケミカルベンツ有明本館横浜国立大学大学院 国際社会科学研究科
RSSフィードやAtomフィードを自動作成する無料のソフトFumy RSS & Atom Maker
<head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <title>無題ドキュメント</title> <style> </meta></head>
ActionScriptの勉強 標準ActionScript 3.0入門作者: 吉岡梅出版社/メーカー: ソフトバンククリエイティブ発売日: 2009/01/30メディア: 単行本購入: 3人 クリック: 62回この商品を含むブログ (10件) を見る メソッドとプロパティ play() など後ろに「（）かっ…
正直な感想 久々に先生にお会いして、お元気そうでひと安心。 座談会には、何かこれからの仕事で参考になる事があればと思い参加しました。 正直な感想としては、FLASHが中心で難しかしくて退屈だった。。。 もっと制作よりの、仕事の流れみたいなものが聞き…
課題２ 変数を使う。 onClipEvent(load) { xSpeed = 15; } onClipEvent (enterFrame) { _x = _x+xSpeed; } ステージの端にきたら、そのまま逆方向に移動 onClipEvent(load) { xSpeed = 15; } onClipEvent (enterFrame) { if(_x>550) { xSpeed = xSpeed*-1; }…
課題02 インスタンスのX座標（_x）を出力。 onClipEvent(load) { trace(_x); } インスタンスの幅と高さを出力 幅⇒trace(_width); 高さ⇒trace(_height); インスタンスのX座標（_ｘ）に3を足すと、右に移動し続ける onClipEvent (enterFrame) { _x=_x+3; } 幅…
発表会 カリキュラムもすべて終わり、今日で卒業です。 先生ありがとーございました。 そして、これからもヨロシクお願いします。 発表は全然ダメダメでした。 ○反省点 そもそも完成していない。 ロゴはオリジナルで作る（パンダガイドさん） ページが増える…
本当は、「ActionScript」を重点におくハズだったのに、、、基本的なアニメーションができなーーい！！ テキストを一生懸命やります。 んで、講師十牛をゆっくりやります。
タグパンダ本より。（画像をパンダへ変更）Panda Logパンダさんの写真は「パンダ大好き〜２０９WEBパンダ館」よりちょっと拝借。 最近は更新されていないようですが、かわいいパンダさんの写真がたくさんあります。 見てて癒されますよ♪
Lightbox JS
Fireworksでモックアップ。 ベクターとしてコピー⇒Illustratorへ シンボルに変換すると楽ちん。CSSコーディング。 ノートパソコンで「é」を出す方法。 Numロックにする。 Fnキー＋Altキー＋「２３３」 Illustrator ガイドの作成（Ctrl+5) Fireworks 定規（Ct…
Dreamweaverデベロッパーセンター
出た！JavaScript ！！ ううぅ・・・プログラムダヨぉ。 英語だよぉ（Ｔ△Ｔ） コワイコワイ。 がんばれ！自分。 CurvyCornersで作ってくださっている物をダウンロード ＨＴＭＬファイルとリンクして 設定して終わり！ なんだけどなぁ・・・ タイプミスが多く…
オススメ参考書↓ ワンランク上を目指す CSSクリエイティブ・デザイン 順番 h1 メイン サイド フッター ☆検索のときにh1とメインを見てもらう。 トレーシングイメージ Dreamweaverのページプロパティ。 Dreamweaverも実はガイドが引けるヨ。 ☆余白が均等だっ…
ビヘイビア スクワップイメージ img要素の中にname属性 ポップアップウィンドウ ウィンドウ幅・高さを指定⇒サブウィンドウ 閉じるボタン テンプレート 編集可能領域 @import〜 @import "style.css"; @import (style.css); など、対応するブラウザがまちまち…
今日の授業は雪のせい（にしておこう）であんまり授業に付いて行けてなかった。 これ以上落ちこぼれないように復習復習。とりあえず、ココまでやった。うーむ。 リンクの画像が少し変・・・？
ワイヤーフレーム ワイヤーフレーム （Illustrator） ↓ ペーパープロトタイピング （手書き） 白黒印刷でちゃんとページが思ったようにたどっていけるかテスト。 ↓ カンプデザイン （Photoshop）Install Page Saver Basic(FireFoxの拡張機能）をインストール…
テキストリンク リスト<li>で作る。 disply: inline; （インライン要素）横並びにする。 ボタンリンク リスト<li>で作ります。 disply: block; （ブロック要素） float: left; 横並びにする。 ロールオーバー a:linka:visiteda:hover バリデータ 間違いチェック。WEB</li></li>…
CSSを書く場所 ◎外部リンクにする HTMLファイルとは別に、CSSファイルを作成。 headの中,<title>タグの下にリンクを書く。 <head> <meta> <titel></title> <link href="style.css" rel="stylesheet" type="text/css"> </head> ◎HTMLに直接書く headの中、コメントタグの中で直接書く。<head> <style type=”text/css”> < !- - h1 { color: red; } --></style> </head> CSSの構文 h1 [ color…
復習を兼ねていたこの授業ノートの記事。お正月以降さぼっていました・・・ 反省反省。さて？何から書けばいいのやら？？ アクセシビリティ 高齢者や障害者など、誰でも利用しやすいホームページになっているかどうか考える。 W3Cが提唱している指針 Web Con…
HTML マークアップ(意味づけ)言語。 英語と一緒。単語（タグ）の丸暗記をしてもしゃべれない（意味がない）。 ◎文章構造をちゃんと考える。 結論（テーマ）1〜2行 説明2〜3行 段落 検証（説明の） 箇条書き 必要に応じて 図・写真・表組み 文字の大きさ 本文…
Photoshopは何をやるソフトか？ ★写真をキレイにする。※画像の最適化 (1)選択範囲を決める (2)補正 (3)加工 ※合成・マスクPhotoshopのデータはビットマップデータ。 Photoshopの起動とカラー設定 アイコンをダブルクッリク後すぐに Alt+Shift+Ctrl を押し、…
複合パス（教科書P71） 複数ある書いた順に重なっているオブジェクトを一つの面（１階層）にまとめる。 （うーん・・・ちょっとわからん。最初に書いたオブジェクトに合流してるってこと？） ◎2つ以上オブジェクトを選択→オブジェクト→複合パス→作成 クリッ…
先週の復習 複合パス・クリッピングマスク 配置 テンプレート カニ パスファインダ グラデーション アフォーダンス 線形・円形 ブレンドツール 整列 電車の線 破線 前面ペースト
ショートカット Ctrl＋Ｎ 新規書類作成 Ctrl＋Ｏ ファイル開く Ctrl＋Ａ 全部選択 Ctrl＋Ｚ 元に戻す Ctrl＋Ｄ 変形繰返し Ctrl＋Ｗ ウィンドウを閉じる Ctrl＋Ｙ プレビュー⇔アウトライン スペース 手のひらツール Ctrl 選択ツール（黒矢印 Ctrl＋Altを押し…
文章構造 HTML(Web) Word ＜h1＞,大見出し＜/h1＞ 見出し１ ＜h2＞中見出し＜/h2＞ 見出し２ ＜h3＞小見出し＜/h3＞ 見出し３ＨＰもブログも（ワードの）文章も文章構造を頭に入れて作ろう！ ＜img src="画像ファイル"＞ 画像の挿入 Image source ⇒母音を省…
