Illustrator

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>

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

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

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

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

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> <li>たまねぎ</li> <li>にんじん</li> </ul></div></body></html>

8回目授業内容  テストの答え合わせ〜イラストレーターの練習〜Dreamweaverの練習〜教科書をパラ見〜脱線話

URLよりURIが今後の常識 URLはURIの機能の一部を具体的に仕様化したもの http://e-words.jp/w/URI.html テストの答え確認 日本人として恥ずかしい間違いをしていました・・・。 後日公開 イラストレーターの練習 角丸長方形ツールはクリックしたまま方向ボタ…

7回目授業内容 スタイルシートの構造〜DreamWeaverの立ち上げ方と環境設定〜イラストレーターの練習〜脱線話

スタイルシートの構造 margin・paddingが大事 marginは人と人の間 paddingは肌と服の間 boxの構成 CSSリセット <style> /* CSSreset */ * { margin: 0; padding: 0; } bodyにmarginは使わない方向 DreamWeaverの立ち上げ方 新規サイトの設定 環境設定 サイト管理の…

6回目授業内容 Webの基礎知識〜CSSの基本テンプレート〜作ってみたWebページ〜イラストレーター練習

Webの基礎知識(先週の復習) htmlテンプレート <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p>本文</p> <h2>見出し</h2> <p>本文</p> <h3>見出し</h3> <p>本文</p> </body> </html> Webコピーライターも誕生する 情報アーキテクチャー→建設する仕事 コメント(メモ): alt属性:目が見えない方のため、リンク切れ、キーワードは入れ…

5回目授業内容 Firefoxの設定〜スタイルシートの初歩

FireFoxの設定 Web Developer 1.1.9をインストール Html Validatorをインストール W3C Markup Validation Service Another HTML-lint 5 W3C CSS Validation Service スタイルシート スタイルシートを使う理由はやはりSEO対策 CSSのデザインの美 ZENGarden ht…

4回目授業内容 イラストレーターの基本操作〜HTMLの初歩的な操作〜Photoshopの初歩

イラストレーターの基本 今日はイラストレーターの基本操作から始まりました。 この時点で結構今まで使ったことが無い機能があり、やっぱり基本は大事だなと実感しました。さて、それでは習った機能をキャプチャー付きで、 回転 花びらの回転はaltキーを押し…

3回目授業内容 はてなダイアリーの設定と書き方 イラストレーターの基本

はてなダイアリーの設定 今日ははてなダイアリーの設定から始まりました。 すでに設定はしていたのですが、検索上位を狙う設定とかも教えてもらいました。 それはおいおい書いていくことにします。まずは箇条書きに 検索Botは記事タイトルを追ってくる blog…