39回目授業内容 オブジェクトを生成する（JavaScript）～脱線 2013/01/15はてなDiaryリンク http://d.hatena.ne.jp/Tokiyo/20130115 今後のBlogとDiaryの在り方を考えて 同じ記事を書いてると良くないんだそうだ・・・ と言うことで記事内容を変えないとSEO…
38回目授業内容 PhotoShop（カンプ製作）～脱線 PhotoShop カンプ 正解標準の幅960pxで製作 pタグ等の文字ベースは「鮮明（アンチエイリアス）」をかけずに作る Windowsでは文字が綺麗に映らない 72dpiは紙媒体と同じ寸法にするため コピーしてきた画像の色…
37回目授業内容 jQuery（アコーディオンとタブ）～脱線 [授業][JavaScript][Dreamweaver][jQuery] jQuery アコーディオンとtab 脱線話（復活） 今日も一生懸命やりました！ 四十路男Tokiyoの人生再スタートblogもやってます。
36回目授業内容 関数～jQueryの練習～脱線 [授業][ActionScript][Flash][Dreamweaver][jQuery][JavaScript] 関数 ボタンごとにfunction <body> <p>商品A（1000円）<button onClick="zeiA()">税込価格</button></p> <p>商品B（1000円）<button onClick="zeiB()">税込価格</button></p> <p>商品C（1000円）<button onClick="zeiC()">税込価格</button></p> <script> var zeikomi; f…</body>
35回目授業内容 while文～break～jQuery～Flash～脱線 while文 西暦表示 <table> <tr><th>和暦（平成）</th><th>西暦</th></tr> <script> var MAX = 25; var i = 1; while(i <= MAX) { document.write('<tr>'); document.write('<td>', i, '</td>'); document.write('<td>', i+1988, '</td>'); document</script></table>…
34回目授業内容 jQuery～脱線 jQueryで画像をポップアップ <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery lightBox plugin</title> <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css"> </link></meta></head></html>
33回目授業内容 JavaScript～jQueryについて～卒業生のポートフォリオ紹介～脱線 JavaScript 平成を西暦に変換する <body> <script> var heisei; var fullYear; var message; heisei = 25; fullYear = heisei + 1988; message = '平成' + heisei + '年は' + '西暦' + fullY</script></body>…
32回目授業内容 JavaScript～脱線 JavaScript 画像をクリックしてアラート <body> <p><img src="img/1.jpg" width="1280" height="720" alt="綺麗な写真" onClick="alert('綺麗な写真です');"></p> </body> マウスオーバーでアラート <body> <p><img src="img/1.jpg" width="1280" height="720" alt="綺麗な写真" onMouseOver="alert('綺麗な写真です');"></p> </body> マウスアウトでアラート
31回目授業内容 プレゼン２～Flash～脱線 プレゼン２ 実際に製作に当たる場合 実店舗の写真なり言葉なりが全て出てくるわけではない 1ヶ月のくくりなら2週間で具が全てあるべき 載せたいものは無くてもイラストなりで実装しておくのが良い 外側に公開して十…
30回目授業内容 プレゼン～脱線 [授業][JavaScript][Dreamweaver] プレゼン 1月終わりまでに製作するWebページのプレゼン日 特徴を掴む いくつかのデザイン案を最初に見せてみる 四十路男Tokiyoの人生再スタートblogもやってます。
29回目授業内容 JavaScript～脱線 [授業][JavaScript][Dreamweaver] 今日のダイアリーデータが飛んじゃった・・・。 なのでやったことのソースを載せます。 JavaScript 画像置換０１ <html lang="ja"> <head> <meta charset="UTF-8"> <title>画像置換０１</title> <link rel="stylesheet" href="css/style1.css" media="screen, print"> <script src="js/rollover.jp"></link></meta></head></html>
28回目授業内容 自己理解・他者理解 就職には自己理解が不可欠 ジョブカードを書き自分を理解する 履歴書 職務経歴書 ジョブカード様式２ー職務経歴シート 職務の内容 客観性を見られる 箇条書き 職務の中で～～ 主観性を見られる 思い出す気づく内容を書き…
27回目授業内容 プレゼン資料の製作～課題ケーキ屋さんサイト完成！〜自分紹介サイトトップページ制作〜脱線 プレゼン資料の製作 ワークフローとは？ 業務一連の流れを大まかに決めていくこと お問合せ オリエンテーション・ヒアリング Webサーバー環境/URL …
26回目授業内容 卒業生の言葉～ActionScriptの練習～デザイナーの本質～脱線 卒業生の言葉 本日は前回の卒業生の色々なアドバイスを頂きました。とてもためになる話ばかりで本当によかったです。そのアドバイスをしっかりと受け止め早め早めのスケジュールを…
25回目授業内容 Flashで文字を動かす～脱線 Flashで文字を動かす ガチョーン！ 文字を入力 分解（コマンド+B） レイヤーに配分 1文字ずつ分解＋シンボルに変換（F8） キーフレーム投入 アルファーを設定 １フレーム目は１０％ 次の動作フレームでは０％ 最後…
24回目授業内容 Flashで車を動かす～JavaScript～脱線話 Flashで車を動かす ボタンの設定 Fontの太さの種類 Thin Light Reguler Medium Book Bold Hevy コピー＆ペーストして中央に持ってくる 関数 定型文 function 名前 { 命令文 } 名前がない場合は匿名関…
23回目授業内容 Googleドライブ～LocalServerをインストールする～PHPを打ってみる～脱線話 Googleドライブ フォームを作成する finderのGoogleDriveにもファイルが作られる 共有する LocalServerをインストールする MacはMamp・WinはXAMPP Dreamweaverの設…
22回目授業内容 Flashの勉強ー初級アニメーション編～Illustratorでキャラを作る～PhotoshopでアニメーションGifする～Flashで女の子を歩かせてみる～ActionScriptとは～脱線話 Flashの勉強ー初級アニメーション編 タイムライン 基本の時間軸は24frame/secon…
[授業][HTML][CSS][Dreamweaver][PhotoShop]22回目授業内容 ケーキ屋さんのページ製作続き～フォームの基本構造～Flashの初期勉強～脱線話 CSSシグネチャー <body=""> ページごとに個別性を振り分けていく フォームの基本構造 以前はPerlで動かしていたがサーバー負荷</body="">…
[授業][HTML][CSS][Dreamweaver][PhotoShop]21回目授業内容 ケーキ屋さんのページを制作～Cacooのアカウントを作る〜脱線話 ケーキ屋さんのページを制作 Cacooのアカウントを作る 脱線話 チラシは真ん中を大きくすることによりバランスが取れている とにかく…
20回目授業内容 企業系サイトのDEMO制作～脱線話 企業系サイトのDEMO制作 <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプルスタイルシートカンパニー</title> <link rel="stylesheet" href="css/style1.css" media="screen, print"> </head> <body> <div id="container"> <div id="header"> <h1 id="logo"></h1></div></div></body></html>
19回目授業内容 positionの使い方～脱線話 授業, HTML, CSS, Dreamweaver, PhotoShop 練習３ <htmllang="ja"> <head> <metacharset="UTF-8"> <title>後厄42歳四十路男の最後の悪足掻き</title> <linkrel="stylesheet"href="css/style3.css"media="screen, print"> <style> body {text-align: center;} #container {text-al…</linkrel="stylesheet"href="css/style3.css"media="screen,></metacharset="utf-8"></head></htmllang="ja">
19回目授業内容 positionの使い方～脱線話 授業, HTML, CSS, Dreamweaver, PhotoShop Position BoxごとDreamWeaverで自由に動かせるが、IEでは表示出来ないため難しい命令文 重なるのは出来れば1ページに1個 複雑になるとDreamweaverでもほとんど触ることが…
18回目授業内容 HTML・CSSの練習～脱線話 その２ 練習３ <htmllang="ja"> <head> <metacharset="UTF-8"> <title>Cafe Cockeyolly</title> <linkrel="stylesheet"href="css/style2.css"media="screen, print"> </head> <body> <divid="container"> <divid="header"> </div> <h1></h1>
18回目授業内容 HTML・CSSの練習～脱線話 授業, HTML, CSS, Dreamweaver, PhotoShop 実際に課題を元に打ってみよう 練習１ <htmllang="ja"> <head> <metacharset="UTF-8"> <title>無題ドキュメント</title> <linkrel="stylesheet"href="css/style1.css"media="screen, print"> </head> <body> <divid="container"> <h1>石垣島観光ガイド</h1> <p> 石垣島は八重山諸島の…</p></divid="container"></body></htmllang="ja">
16回目授業内容 紙媒体でのデザイン～PhotoShopで印刷用の切り抜き方＋素材の作り方～脱線話 授業, HTML, CSS, Dreamweaver, PhotoShop 紙媒体でのデザイン グレーガンマ値 紙：1.8 Web：2.2 ドットゲイン インクが紙に落ちにじむ部分を言う モアレ 点と点が…
15回目授業内容 floatの復習～PhotoShopでボタンを作る～Illustratorでボタンを作る～画像横ボタンナビ～脱線話 授業 floatの復習（ボックス内にボックスがある場合のマージンの相殺） ボックス内のボックスがある場合も相殺されマージン値の大きいボックス…
14回目授業内容 PhotoShopの練習～脱線話 授業 PhotoShopの練習 練習課題 アルファチャンネル 色域指定 逆光効果 レイヤーをコピーし下層レイヤーに逆光フィルターをかける 上層レイヤーにマスク処理しマスクを消しゴムで消す アンシャープマスク これはよく…
13回目授業内容 PhotoShopの練習～CSS Spriteで設定～脱線話 授業 PhotoShopの練習 初期状態で立ち上げる動作 立ち上げるとき［Ctrl］＋［Alt］＋［Shift］を押すことで設定ファイルを初期化する 前回エラー等を起こした場合この初期化で再度エラーを回避す…
12回目授業内容 IE対策～floatの勉強～イラストレーター・マスクの練習〜脱線話 授業 IE TesterでIEの動作チェック IE6は仕事量が倍になる SuperPreview Macの場合は「BrowserLab」を使う 現時点での仕事はXHTML1.0 <html xmlns="http://www.w3.org/1999/xhtml">では足りない プラス< xml:lang="ja" lang</html>…
