[授業][PhotoShop] PhotoShop カンプ 正解標準の幅960pxで製作 pタグ等の文字ベースは「鮮明（アンチエイリアス）」をかけずに作る Windowsでは文字が綺麗に映らない 72dpiは紙媒体と同じ寸法にするため コピーしてきた画像の色を変えたいときは「カラーオー…
[授業][JavaScript][Dreamweaver][jQuery] jQuery アコーディオンとtab 脱線話（復活） 今日も一生懸命やりました！ 四十路男Tokiyoの人生再スタートblogもやってます。
[授業][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; function zeiA(){ zeikomi =…</body>
[授業][JavaScript][Dreamweaver][jQuery][ActionScript][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.write('</tr>'); </table>…
[授業][JavaScript][Dreamweaver][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>
[授業][JavaScript][Dreamweaver] JavaScript 平成を西暦に変換する <body> <script> var heisei; var fullYear; var message; heisei = 25; fullYear = heisei + 1988; message = '平成' + heisei + '年は' + '西暦' + fullYear + '年です。'; document.write('<h1>',mess</script></body>…
[授業][JavaScript][Dreamweaver] 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> マウスアウトでア…
[授業][ActionScript][Dreamweaver][Flash] プレゼン２ 実際に製作に当たる場合 実店舗の写真なり言葉なりが全て出てくるわけではない 1ヶ月のくくりなら2週間で具が全てあるべき 載せたいものは無くてもイラストなりで実装しておくのが良い 外側に公開して…
[授業][JavaScript][Dreamweaver] プレゼン 1月終わりまでに製作するWebページのプレゼン日 特徴を掴む いくつかのデザイン案を最初に見せてみる 四十路男Tokiyoの人生再スタートblogもやってます。
[授業][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"></script> </head> <body> </body></html>
[授業] 自己理解・他者理解 就職には自己理解が不可欠 ジョブカードを書き自分を理解する 履歴書 職務経歴書 ジョブカード様式２ー職務経歴シート 職務の内容 客観性を見られる 箇条書き 職務の中で〜〜 主観性を見られる 思い出す気づく内容を書き留める ジ…
[授業][ActionScript][Dreamweaver] プレゼン資料の製作 ワークフローとは？ 業務一連の流れを大まかに決めていくこと お問合せ オリエンテーション・ヒアリング Webサーバー環境/URL サイトの役割 サイトのデザイン サイトの内容 コンテンツ素材 予算・納期…
[授業][ActionScript][Dreamweaver] 卒業生の言葉 本日は前回の卒業生の色々なアドバイスを頂きました。とてもためになる話ばかりで本当によかったです。そのアドバイスをしっかりと受け止め早め早めのスケジュールを組んで頑張りたいと思いました。ありがと…
[授業][ActionScript][Dreamweaver][Illustrator] Flashで文字を動かす ガチョーン！ 文字を入力 分解（コマンド+B） レイヤーに配分 1文字ずつ分解＋シンボルに変換（F8） キーフレーム投入 アルファーを設定 １フレーム目は１０％ 次の動作フレームでは０…
Flashで車を動かす ボタンの設定 Fontの太さの種類 Thin Light Reguler Medium Book Bold Hevy コピー＆ペーストして中央に持ってくる 関数 定型文 function 名前 { 命令文 } 名前がない場合は匿名関数 インタープリター ActionScriptやJavaScript 実例 this…
Googleドライブ フォームを作成する finderのGoogleDriveにもファイルが作られる 共有する LocalServerをインストールする MacはMamp・WinはXAMPP Dreamweaverの設定 新規サーバーの設定 PHPを打ってみる 「'」はその中のテキストを書き出す 「"」は展開して…
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>
CSSシグネチャー <body=""> ページごとに個別性を振り分けていく フォームの基本構造 以前はPerlで動かしていたがサーバー負荷が大きいのでPHPでの処理が最近の傾向 form要素の構造 <form method="post" action="CGIのURI"> ..（入力コントロールや説明） </form> phpの知ることは「method」の「post」と「get」の使</body="">…
ケーキ屋さんのページを制作 Cacooのアカウントを作る 脱線話 チラシは真ん中を大きくすることによりバランスが取れている とにかく追い込まれてますｗ。ガッツリやっても1ページしか出来なかった・・・がんばる！ まだまだまだまだ憶えていなかったコード …
企業系サイトの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>
Position BoxごとDreamWeaverで自由に動かせるが、IEでは表示出来ないため難しい命令文 重なるのは出来れば1ページに1個 複雑になるとDreamweaverでもほとんど触ることが難しくなる position relative をかけた時点でそのbodyの左上が起点になる IEでは基本…
実際に課題を元に打ってみよう 練習１ <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>
職業能力基礎講習（鈴木房子） -四十路男Tokiyoの人生再スタートblogもやってます。
紙媒体でのデザイン グレーガンマ値 紙：1.8 Web：2.2 ドットゲイン インクが紙に落ちにじむ部分を言う モアレ 点と点が重なりにじみ合う部分を言う 刷版（さっぱん）CMYK CMYK=プロセスカラー CMYKでの印刷をオフセット印刷 インクと紙の場所が離れているも…
floatの復習（ボックス内にボックスがある場合のマージンの相殺） ボックス内のボックスがある場合も相殺されマージン値の大きいボックスのマージンが採用される。 横並びのボックス PhotoShopでボタンを作る レイヤーから新規グループ化すると後が楽になる …
PhotoShopの練習 練習課題 アルファチャンネル 色域指定 逆光効果 レイヤーをコピーし下層レイヤーに逆光フィルターをかける 上層レイヤーにマスク処理しマスクを消しゴムで消す アンシャープマスク これはよく使ってます。効果絶大！ 境界線を調整（複雑な…
授業 PhotoShopの練習 初期状態で立ち上げる動作 立ち上げるとき［Ctrl］＋［Alt］＋［Shift］を押すことで設定ファイルを初期化する 前回エラー等を起こした場合この初期化で再度エラーを回避することが出来る つぎに「編集メニュー」→「カラー設定」で「We…
IE TesterでIEの動作チェック IE6は仕事量が倍になる SuperPreview Macの場合は「BrowserLab」を使う 現時点での仕事はXHTML1.0 では足りない プラスxml:lang="ja" lang="ja"> metaタグは「 /」で止めないと駄目 IE6には「display: inline;」を付け足すと崩…
デザインの勉強 「秘すれば花なり、秘せずば花なるべからず」 「風姿花伝」 「真似していることすら忘れてしまう」ほどに、徹底的に真似る デザインとは「人に分かるようにわかりやすい形にする」こと 絵を描く上で最も重要なことは物をよく見ること。 ◎自己…
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>
