6/29のまとめ

授業

プレゼン講評サイトを作ったら先ず文法チェックサイトを見てもらうには入口出口（リンク）が必要風景写真を何枚も使う場合は、人の気配や、人がいたという感じがないと飽きられるお客目線で見たい情報を入れる経営者目線で読んでほしいターゲットに向け…

2012-06-28

6/28のまとめ

授業

アクション-複数枚の写真をリサイズボタンモード Photoshopのウィンドウからアクションを出す元写真を入れておくフォルダと、処理した写真を保存するフォルダを作る新規セットと新規アクションを作り名前をつけるファンクションキーを設定して記録を押す…

2012-06-27

6/25,6/27のまとめ

授業

サイト制作ナビの工夫をする人が作ったデーターをたくさん見る丸みを出す→カジュアルになる公的なところは、角丸は良いが丸ボタンは駄目検索エンジンにとって価値があるのはドメインのindex.html 下の階層の表示は20位くらいが限度透過PNGの作成、表示…

2012-06-26

カスタムシェイプ

自習

プレゼンサイト用カスタムシェイプ今日は、ひたすらパーツ類を作りました。基本的に図形ツールを使用していますが、ペンツールの使い方が全然なっていないので練習します。プレゼンまでにやることリスト更にパーツ類を作るコピー、文章を打つサイトを…

2012-06-25

制作会社サイト

メモ

素敵だなぁと思うサイトを作っている会社が分かったのでメモしておきます。四季デザイン制作実績やブログを見ると和のサイトも多く手がけていて、とても勉強になりそうです。

2012-06-23

6/22のまとめ

授業

情報管理 robots.txt: 検索ロボットのサイトへのアクセスを制限する個人情報などインデックスされたくないものをDisallow:/に書く個人の商店レベルでもやるべきサーバーのフォルダには必ずindex.html入れるサイトの枠組み-講評など奥行きが足りないグ…

2012-06-22

6/21のまとめ

JavaScript 授業

JavaScript 【実践課題A】おみくじの結果「大吉」「中吉」「小吉」「吉」「凶」をランダムに表示させなさい。 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> var kuji =[ '吉', '中吉', '小吉', '吉', '凶'], r = Math.floor(Math.random()*kuji.length); alert('今日の運勢は' + kuji[r] +'です</script></body></html>…

2012-06-21

6/20のまとめ

授業

課題サイト習作をまとめる場合、サムネイルだけでなくソースと製作時間、分かったこと分からなかったことを書く最初からかっこいいものを作ろうとせず、運営していく中で良くしていく評価されるのは、実在する会社のサイト制作と運営配列 AS(一部) var a…

2012-06-20

6/19のまとめ

授業

JavaScript scriptの中は小文字 HTMLの中なら大文字でもいい写真の補正-トーンカーブトーンカーブは明るさやコントラストを補正する機能白をより白く見せるためのもの基本は、ゆるくS字にカーブさせるレッド、ブルーなどの個別チャンネルを調整した後RG…

2012-06-19

6/18のまとめ

授業

Photoshopでカンプを作るカンプ、デザインカンプ(comprehensive layout) : 制作物の具体的な仕上がりを示す見本のこと参照 IT用語辞典バイナリカンプはPhotoshopかFireworksで作るデザインは視点を変えて作ることが大事何もないところから作り、そこに…

2012-06-18

減速スライド

AS2.0 授業

減速スライド(横) var base:Number; var rate:Number = 5; this.s01_mc.onRollOver = function() { base = main_mc.ph01_mc._x; } this.s02_mc.onRollOver = function() { base = main_mc.ph02_mc._x; } this.s03_mc.onRollOver = function() { base = main_…

2012-06-17

CSSレイアウトまとめ

課題 CSS

擬似クラスを含むレイアウト:まとめ <html> <head> <meta charset="UTF-8"> <title>Green and Plain</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen, print" /> </head> <body> <div id="header"> <h1>Green and Plain</h1> <p>Design by Free CSS Templates</p> </div></body></html>

2012-06-17

JavaScript練習課題06〜09

JavaScript 授業

JavaScript練習課題（1）【J06】ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。（質問と答えは自由。） <html> <head> <meta charset="UTF-8"> <title>js06</title> <style type="text/css"> body { width: 200px; margin: 0 auto; } </style> <script> function question() { alert('富士山</script></meta></head></html>…

2012-06-16

JavaScript練習課題01〜05

JavaScript 授業

JavaScript練習課題（1）載せていなかった授業内で進めたスクリプト【J01】クリックでアラートを表示するJavaScriptを記述しなさい。（写真は自由。）「function」は使用しない通常のアラート。 <html> <head> <meta charset="UTF-8"> <title>js01</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

2012-06-15

6/14のまとめ

授業

Flash スロット this.onLoad = function() { number1_mc.stop(); number2_mc.stop(); number3_mc.stop(); } start_btn.onPress = function() { number1_mc.play(); number2_mc.play(); number3_mc.play(); } left_btn.onPress = function() { number1_mc.sto…

2012-06-14

6/13のまとめ

授業

JavaScriptで画像置換(2) モノクロからカラー写真に置換 http://puisto.moo.jp/mOver/index2.html←ここに実物があります <html> <head> <meta charset="UTF-8"> <title>画像置換2</title> <style type="text/css"> </meta></head></html>

2012-06-13

for文

JavaScript 授業

for文変数「i」の初期値繰り返しを継続するための条件処理を１回実行するたびに、変数「i」の値をどのように変更するか for ( 変数の初期値；繰り返し条件；変数の変更 ) { 実行される処理 } JavaScriptの勉強 forの中の式は繰り返し条件に達するまで継…

2012-06-13

6/12のまとめ

授業

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…

2012-06-12

6/11のまとめ

授業

Dreamweaverを使いLightbox2をカスタマイズ諸々いらないファイルはDreamweaver上で消す min(minified)ファイル: 改行コードがなく、データーを圧縮しているver jQueryはファイルの中を触ることがないので、minでよい CSSファイルベンダープレフィックス: …

2012-06-11

手書き風なフォントを作る

自習 Illustrator

Illustratorで手書き風なフォントを作るチュートリアルの手順をメモとして載せます。参照サイト: Turn Any Font Into a Sketch Font 日本語訳サイト: Illustrator（イラストレーター）で手書き風タイポグラフィを作る方法 Illustratorの新規アートボードに…

2012-06-10

6/8のまとめ

授業

シェイプの登録-Photoshop Illustratorで黒のみを使って形を描く Photoshopにコピー&ペーストこのときシェイプレイヤーを選択編集→カスタムシェイプを定義 Illustrator パスの変形円を描き、オブジェクト→パス→アンカーポイントを追加効果→パス→パスの変…

2012-06-09

AS11(再)

AS2.0 課題

オブジェクトアクション onClipEvent (load) { var speed:Number = 5; var left:Number = 0; var right:Number = 550; } onClipEvent (enterFrame) { if (this._x > right - this._width / 2 || this._x < left + this._width / 2) { speed*= -1; this._xsca…

2012-06-08

AS11(仮)

AS2.0 課題

AS課題11（仮）オブジェクトアクション。どうしても枠内で反転しない…。また再挑戦します。

2012-06-07

6/6のまとめ

授業

Flash 速く動かせるか、ゆっくり動かす元々スクリーンセーバー的に動かしていた ActionScript release :ボタンを押し、離すこと undefined :値が定義されていない=動けないダイナミックテキストは変数として扱う \n :改行（HTMLで例えると<br>） + newline + :…

2012-06-06

6/5のまとめ

授業

JavaScript zen-codingをDreamweaverにインストール ctrl + space でDOMの候補が出てくる ()内はシングルクウォート \マークはバックスラッシュ function(関数)の名前は自分で決められる ActionScript2.0 if (a < 10) { trace ("aは10より小さい"); } else i…

2012-06-05

AS05〜09

AS2.0 課題

【AS05】ムービークリップを作成なさい。ロードした時に、ムービークリップのX座標が左端から300の位置に移動するスクリプトを記述しなさい。 onClipEvent (load) { this._x = 300; } 【AS06】ムービークリップをクリックした時に、ムービークリップのX座…

2012-06-04

6/4のまとめ

授業

授業メモ Flash 一通り動く→Enterページは絶対作らない ActionScript =は代入の意味 onClipEvent (load) ←でメモリに数値を格納して呼び出す varを設定してから下のイベントを決めるシンボルは○○_mcにする onClipEvent (load) { speed = 0; accel = 1; } o…

2012-06-03

擬似クラスを含むレイアウト

CSS 課題

擬似クラスを含むレイアウト <lang="ja"> <head> <meta charset="UTF-8"> <title>XHTML+CSS</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, print"> </head> <body> <div id="container"> <h1></h1></div></body></lang="ja">