2012-01-01から1年間の記事一覧
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>…
[授業]11回目授業内容 デザインの勉強～光～ゲシュタルトの法則とユーザーの消費行動～イラストの練習～脱線話 デザインの勉強 「秘すれば花なり、秘せずば花なるべからず」 「風姿花伝」 「真似していることすら忘れてしまう」ほどに、徹底的に真似る デザ…
[授業]10回目授業内容 CSS外部リンク～イラストレーターの練習～脱線話 CSS外部リンク HTML文法の検証 外部スタイルシートの入力① <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS外部リンク</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <div id="shopping"> <h2>今日買った物</h2> <ul> <li>豚肉</li> <li>じゃがい…</li></ul></div></body></html>
9回目授業内容 その２ 擬似クラスと背景画像 マウスで反応させる 順番に・・・ 「link（未訪問）」 「visited（訪問済み）」 「hover（カーソルがリンクに重なったとき）」 「active（リンクに対してアクティブな瞬間）」 activeは押した瞬間。なので今とな…
9回目授業内容 スタイルシート borderを理解する～擬似クラスと背景画像～脱線話 授業 スタイルシート borderを理解する クラスセレクタ（p.border1） <htmllang="ja"> <head> <metacharset="UTF-8"> <title>枠線の設定</title> <style> </metacharset="utf-8"></head></htmllang="ja">
8回目授業内容 テストの答え合わせ～イラストレーターの練習～Dreamweaverの練習～教科書をパラ見～脱線話 授業 URLよりURIが今後の常識 URLはURIの機能の一部を具体的に仕様化したもの http://e-words.jp/w/URI.html テストの答え確認 日本人として恥ずかし…
7回目授業内容 スタイルシートの構造～DreamWeaverの立ち上げ方と環境設定～イラストレーターの練習～脱線話 授業 スタイルシートの構造 margin・paddingが大事 marginは人と人の間 paddingは肌と服の間 boxの構成 CSSリセット <style> /* CSSreset */ * { margin: …
6回目授業内容 Webの基礎知識～CSSの基本テンプレート～作ってみたWebページ～イラストレーター練習 授業 Webの基礎知識（先週の復習） htmlテンプレート <htmllang="ja"> <head> <metacharset="UTF-8"> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p>本文</p> <h2>見出し</h2> <p>本文</p> <h3>見出し</h3> <p>本文</p> </body> </html> Webコピーライターも誕生する 情報アーキテク…
5回目授業内容 Firefoxの設定～スタイルシートの初歩 授業 FireFoxの設定 Web Developer 1.1.9をインストール Html Validatorをインストール W3C Markup Validation Service Another HTML-lint 5 W3C CSS Validation Service スタイルシート スタイルシート…
4回目授業内容 イラストレーターの基本操作～HTMLの初歩的な操作～Photoshopの初歩 授業 イラストレーターの基本 今日はイラストレーターの基本操作から始まりました。 この時点で結構今まで使ったことが無い機能があり、やっぱり基本は大事だなと実感しまし…
