授業
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週間で具が全てあるべき 載せたいものは無くてもイラストなりで実装しておくのが良い 外側に公開して十…
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…
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>
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">
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の初歩 授業 イラストレーターの基本 今日はイラストレーターの基本操作から始まりました。 この時点で結構今まで使ったことが無い機能があり、やっぱり基本は大事だなと実感しまし…
はてなダイアリーの設定 今日ははてなダイアリーの設定から始まりました。 すでに設定はしていたのですが、検索上位を狙う設定とかも教えてもらいました。 それはおいおい書いていくことにします。 まずは箇条書きに 検索Botは記事タイトルを追ってくる blog…
2012119 2回目授業の内容。 憶えている限りの内容リストで書き出してみよう。 ブラウザの種類と設定方法 GoogleDriveの活用法 検索の重要性 正しい文法の重要性 実店舗とWebshopのWebでの違い Web標準の重要性 正しいHTML 初級で重要なSEO jimdo無料サーバー…
さて先日習った「HTMLの基本」です まずテキストエディタで直打ちしました。 日付を表示するのが目標です。 内容は後日UPします… <html> <head> </head> <body> 2012年11月16日 </body> </html> ブラウザで立ち上げて見ましたが… ___________________ ___________________ へ！？なんで？（笑） むむ…
初めまして、四十路男Tokiyoです。 失業者支援訓練学校に通い人生の再スタートを謀る男のblogです。 基本は学校で習ったことを綴っていこうと思います。 間間で経験したことを話していこうと思っています。 さて、先日の11月16日に訓練校であるフェリカテク…
