2012-12-01から1ヶ月間の記事一覧

30回目授業内容 プレゼン〜脱線

[授業][JavaScript][Dreamweaver] プレゼン 1月終わりまでに製作するWebページのプレゼン日 特徴を掴む いくつかのデザイン案を最初に見せてみる 四十路男Tokiyoの人生再スタートblogもやってます。

29回目授業内容 JavaScript〜脱線

[授業][JavaScript][Dreamweaver] 今日のダイアリーデータが飛んじゃった・・・。 なのでやったことのソースを載せます。 JavaScript 画像置換01 <html lang="ja"> <head> <meta charset="UTF-8"> <title>画像置換01</title> <link rel="stylesheet" href="css/style1.css" media="screen, print"> <script src="js/rollover.jp"></script> </head> <body> </body></html>

28回目授業内容

[授業] 自己理解・他者理解 就職には自己理解が不可欠 ジョブカードを書き自分を理解する 履歴書 職務経歴書 ジョブカード様式2ー職務経歴シート 職務の内容 客観性を見られる 箇条書き 職務の中で〜〜 主観性を見られる 思い出す気づく内容を書き留める ジ…

27回目授業内容 プレゼン資料の製作〜課題ケーキ屋さんサイト完成!〜自分紹介サイトトップページ制作〜脱線

[授業][ActionScript][Dreamweaver] プレゼン資料の製作 ワークフローとは? 業務一連の流れを大まかに決めていくこと お問合せ オリエンテーション・ヒアリング Webサーバー環境/URL サイトの役割 サイトのデザイン サイトの内容 コンテンツ素材 予算・納期…

26回目授業内容 卒業生の言葉〜ActionScriptの練習〜デザイナーの本質〜脱線

[授業][ActionScript][Dreamweaver] 卒業生の言葉 本日は前回の卒業生の色々なアドバイスを頂きました。とてもためになる話ばかりで本当によかったです。そのアドバイスをしっかりと受け止め早め早めのスケジュールを組んで頑張りたいと思いました。ありがと…

25回目授業内容 Flashで文字を動かす〜脱線

[授業][ActionScript][Dreamweaver][Illustrator] Flashで文字を動かす ガチョーン! 文字を入力 分解(コマンド+B) レイヤーに配分 1文字ずつ分解+シンボルに変換(F8) キーフレーム投入 アルファーを設定 1フレーム目は10% 次の動作フレームでは0…

24回目授業内容 Flashで車を動かす〜JavaScript〜脱線話

Flashで車を動かす ボタンの設定 Fontの太さの種類 Thin Light Reguler Medium Book Bold Hevy コピー&ペーストして中央に持ってくる 関数 定型文 function 名前 { 命令文 } 名前がない場合は匿名関数 インタープリター ActionScriptやJavaScript 実例 this…

23回目授業内容 Googleドライブ〜LocalServerをインストールする〜PHPを打ってみる〜脱線話

Googleドライブ フォームを作成する finderのGoogleDriveにもファイルが作られる 共有する LocalServerをインストールする MacはMamp・WinはXAMPP Dreamweaverの設定 新規サーバーの設定 PHPを打ってみる 「'」はその中のテキストを書き出す 「"」は展開して…

22回目授業内容 Flashの勉強ー初級アニメーション編〜Illustratorでキャラを作る〜PhotoshopでアニメーションGifする〜Flashで女の子を歩かせてみる〜ActionScriptとは〜脱線話

Flashの勉強ー初級アニメーション編 タイムライン 基本の時間軸は24frame/second アメリカでは短編アニメのことを「カートゥーン」という アニメーション 丸を動画する Flashで作ったものをHTML5で書き出してみた <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Swiffy output</title> </meta></meta></head></html>

22回目授業内容 ケーキ屋さんのページ製作続き〜フォームの基本構造〜Flashの初期勉強〜脱線話

CSSシグネチャー <body=""> ページごとに個別性を振り分けていく フォームの基本構造 以前はPerlで動かしていたがサーバー負荷が大きいのでPHPでの処理が最近の傾向 form要素の構造 <form method="post" action="CGIのURI"> ..(入力コントロールや説明) </form> phpの知ることは「method」の「post」と「get」の使</body="">…

21回目授業内容 ケーキ屋さんのページを制作〜Cacooのアカウントを作る〜脱線話

ケーキ屋さんのページを制作 Cacooのアカウントを作る 脱線話 チラシは真ん中を大きくすることによりバランスが取れている とにかく追い込まれてますw。ガッツリやっても1ページしか出来なかった・・・がんばる! まだまだまだまだ憶えていなかったコード …

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の使い方〜脱線話

Position BoxごとDreamWeaverで自由に動かせるが、IEでは表示出来ないため難しい命令文 重なるのは出来れば1ページに1個 複雑になるとDreamweaverでもほとんど触ることが難しくなる position relative をかけた時点でそのbodyの左上が起点になる IEでは基本…

18回目授業内容 HTML・CSSの練習〜脱線話

実際に課題を元に打ってみよう 練習1 <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"> <h1>石垣島観光ガイド</h1> <p> 石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。 沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置します。気…</p></div></body></html>

17回目授業内容 職業能力基礎講習

職業能力基礎講習(鈴木房子) -四十路男Tokiyoの人生再スタートblogもやってます。

16回目授業内容 紙媒体でのデザイン〜PhotoShopで印刷用の切り抜き方+素材の作り方〜脱線話

紙媒体でのデザイン グレーガンマ値 紙:1.8 Web:2.2 ドットゲイン インクが紙に落ちにじむ部分を言う モアレ 点と点が重なりにじみ合う部分を言う 刷版(さっぱん)CMYK CMYK=プロセスカラー CMYKでの印刷をオフセット印刷 インクと紙の場所が離れているも…

15回目授業内容  floatの復習〜PhotoShopでボタンを作る〜Illustratorでボタンを作る〜画像横ボタンナビ〜脱線話

floatの復習(ボックス内にボックスがある場合のマージンの相殺) ボックス内のボックスがある場合も相殺されマージン値の大きいボックスのマージンが採用される。 横並びのボックス PhotoShopでボタンを作る レイヤーから新規グループ化すると後が楽になる …

14回目授業内容  PhotoShopの練習〜脱線話

PhotoShopの練習 練習課題 アルファチャンネル 色域指定 逆光効果 レイヤーをコピーし下層レイヤーに逆光フィルターをかける 上層レイヤーにマスク処理しマスクを消しゴムで消す アンシャープマスク これはよく使ってます。効果絶大! 境界線を調整(複雑な…

13回目授業内容  PhotoShopの練習〜CSS Spriteで設定〜脱線話

授業 PhotoShopの練習 初期状態で立ち上げる動作 立ち上げるとき[Ctrl]+[Alt]+[Shift]を押すことで設定ファイルを初期化する 前回エラー等を起こした場合この初期化で再度エラーを回避することが出来る つぎに「編集メニュー」→「カラー設定」で「We…

12回目授業内容  IE対策〜floatの勉強〜脱線話

IE TesterでIEの動作チェック IE6は仕事量が倍になる SuperPreview Macの場合は「BrowserLab」を使う 現時点での仕事はXHTML1.0 では足りない プラスxml:lang="ja" lang="ja"> metaタグは「 /」で止めないと駄目 IE6には「display: inline;」を付け足すと崩…

11回目授業内容  デザインの勉強〜光〜ゲシュタルトの法則とユーザーの消費行動〜イラストの練習〜脱線話

デザインの勉強 「秘すれば花なり、秘せずば花なるべからず」 「風姿花伝」 「真似していることすら忘れてしまう」ほどに、徹底的に真似る デザインとは「人に分かるようにわかりやすい形にする」こと 絵を描く上で最も重要なことは物をよく見ること。 ◎自己…