授業
Tabメニュー jQuery UI 実物はこちら jQUery TOOLS 実物はこちら Yetii 実物はこちら タブ切り替えパネル 実物はこちら CSSでアコーディオンパネル 実物はこちら Dreamweaverで作成する Tab付きパネル アコーディオン 挿入→Spry→Spryタブ付きパネル or アコ…
職業人講話のメモ 一人目の方 習ったことやサイトで見て、いいと思ったものを自分なりに応用していく 土日に、その週習ったことを復習する 基本的なことをやっておけば良かった いろんなものを見る 色とバランス 分からないところは検索 習ったことを、最初…
jQuery UI jQuery UIからAccordionのソースをDL UI Core: Core, Widget, Mouseにチェック Interactions: Draggable、Widgets: Accordionにチェックでok アコーディオン2 最初から全て閉じられているver ここで実物が見られます HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオンメニ</title></meta></head></html>…
動画編集 Media Encoder 追加から動画ファイルを読み込む ソースの属性と同じというオレンジのところをクリックすると書き出し設定が出る キューポイントにアクションを設定できる 設定をしたらOK "現在のエンコード"を開いて"キューを開始"をクリック F4Vは…
表示を切り替える HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>方丈記 - 著：鴨長明</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="print, screen"> <script src="js/01.js" type="text/javascript"></script> </link></meta></head></html>
DOM(Document Object Model) Scripting DOMによる要素の指定 <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMで文字色を設定</title> <link rel="stylesheet" href=""> <script src=""></script> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> </link></meta></head></html>
歩くアニメーション 素材を組み合わせて人体にする。手は複製して明度を下げる 全てのパーツを選択してシンボルに変換（ここではグラフィック） シンボル内で、基準点を動きの軸となるところに持っていく 2フレーム目にキーフレームを挿入(F6)し、手足や頭の…
デジタル時計 var hour:TextField; var mini:TextField; var sec:TextField; this.onEnterFrame = function() { var obj_date:Date = new Date(); this.hour_txt.text = obj_date.getHours(); this.mini_txt.text = obj_date.getMinutes(); this.sec_txt.tex…
リップル効果 リップル: さざ波、波紋のこと 色を付けた背景に静止テキストで文字を打つ 修成→分解 修成→タイムライン→レイヤーに分配 テキストを一つずつ、分解(Ctrl + B)してシンボル化(F8) 4フレーム目と７フレーム目それぞれにキーフレームの挿入 全テキ…
HTML5 Googleに限り、hは読まれない →sectionのトップはh1にする 見出しで階層構造を作らない articleとはrssで読まれるような記事単位のこと HTML5 Outliner (Chrome拡張機能): HTML5で作られたページのアウトラインを見られる 検索させたいならarticle i要…
Zen-coding Zen-codingをインストールしている場合、Cドライブからzen_settings.jsを検索 Dreamweaverで開き、HTML5部分を書き換える(ソースは先生のブログからコピー) 保存して再起動 html:5と打ち、Ctrl + , でHTML5が打たれる HTML5 DOCTYPEのhtmlは大文…
印刷関係 色 アミ点の大きさが変わることで濃度が変わって見える（密度の問題） スミノセ 黒文字は白抜きの上に色を載せているので、スミノセをする 編集→カラーを編集→オーバープリントブラックを選択 CMYで塗られた上にKを載せてくれる 黒の場合は絶対やる…
名刺（横） 作ったデータを学校に忘れたというのもあり、もう一度作ってみました。 ロゴはこの間作成したものを流用。 いろいろな名刺デザイン 国内Web業界で活躍する方の素敵な名刺デザインいろいろ | Webクリエイターボックス 100 (Really) Creative Busin…
サイト 食べ物屋は店の名前を打たないで、いかに上位表示できるか サイトのキャッシュを見ると、拾われているキーワードが反転されて見える（更新頻度が高くなければ） 拾ってほしいキーワードを<p>としてトップページにできるだけ入れる googleダンスで検索か</p>…
プレゼン講評 CSSを取った状態での文書構造が大事 年配の人向けサイトは、フォントサイズを16px以下にしない サイトのデザインは、そのサイトの情報が正しく伝わるか CSS @importはスピードが落ちるので使わない 白黒コピーしても内容を読める状態にする グ…
PNG画像の表示をIETesterで確認 龍の画像を完成させ、IETesterで表示確認のおさらい。 一部だけドロップシャドウをつける ペンツールでトレスした龍レイヤーをコピー 直線ツールで線を数本引く 全てのオブジェクトを選択し分割する 分割した一部を削除してド…
プレゼン 和チョコの店 | 有楽町こころ 全ページ完成していませんが、自分が作った架空の和チョコのサイトです。 indexと商品のご紹介、各商品ページが見られます。 講評 ボーダーを他の部分となじませる。ステッチのつもりなら太さをランダムにするなど工夫…
プレゼン講評 サイトを作ったら先ず文法チェック サイトを見てもらうには入口出口（リンク）が必要 風景写真を何枚も使う場合は、人の気配や、人がいたという感じがないと飽きられる お客目線で見たい情報を入れる 経営者目線で読んでほしいターゲットに向け…
アクション-複数枚の写真をリサイズ ボタンモード Photoshopのウィンドウからアクションを出す 元写真を入れておくフォルダと、処理した写真を保存するフォルダを作る 新規セットと新規アクションを作り名前をつける ファンクションキーを設定して記録を押す…
サイト制作 ナビの工夫をする 人が作ったデーターをたくさん見る 丸みを出す→カジュアルになる 公的なところは、角丸は良いが丸ボタンは駄目 検索エンジンにとって価値があるのはドメインのindex.html 下の階層の表示は20位くらいが限度 透過PNGの作成、表示…
情報管理 robots.txt: 検索ロボットのサイトへのアクセスを制限する 個人情報などインデックスされたくないものをDisallow:/に書く 個人の商店レベルでもやるべき サーバーのフォルダには必ずindex.html入れる サイトの枠組み-講評など 奥行きが足りない グ…
JavaScript 【実践課題A】 おみくじの結果「大吉」「中吉」「小吉」「吉」「凶」をランダムに表示させなさい。 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> var kuji =[ '吉', '中吉', '小吉', '吉', '凶'], r = Math.floor(Math.random()*kuji.length); alert('今日の運勢は' + kuji[r] +'です</script></body></html>…
課題サイト 習作をまとめる場合、サムネイルだけでなくソースと製作時間、分かったこと分からなかったことを書く 最初からかっこいいものを作ろうとせず、運営していく中で良くしていく 評価されるのは、実在する会社のサイト制作と運営 配列 AS(一部) var a…
JavaScript scriptの中は小文字 HTMLの中なら大文字でもいい 写真の補正-トーンカーブ トーンカーブは明るさやコントラストを補正する機能 白をより白く見せるためのもの 基本は、ゆるくS字にカーブさせる レッド、ブルーなどの個別チャンネルを調整した後RG…
Photoshopでカンプを作る カンプ、デザイン カンプ(comprehensive layout) : 制作物の具体的な仕上がりを示す見本のこと 参照 IT用語辞典バイナリ カンプはPhotoshopかFireworksで作る デザインは視点を変えて作ることが大事 何もないところから作り、そこに…
減速スライド(横) var base:Number; var rate:Number = 5; this.s01_mc.onRollOver = function() { base = main_mc.ph01_mc._x; } this.s02_mc.onRollOver = function() { base = main_mc.ph02_mc._x; } this.s03_mc.onRollOver = function() { base = main_…
JavaScript練習課題（1） 【J06】 ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。（質問と答えは自由。） <html> <head> <meta charset="UTF-8"> <title>js06</title> <style type="text/css"> body { width: 200px; margin: 0 auto; } </style> <script> function question() { alert('富士山</script></meta></head></html>…
JavaScript練習課題（1） 載せていなかった授業内で進めたスクリプト 【J01】 クリックでアラートを表示するJavaScriptを記述しなさい。 （写真は自由。）「function」は使用しない通常のアラート。 <html> <head> <meta charset="UTF-8"> <title>js01</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>
Flash スロット this.onLoad = function() { number1_mc.stop(); number2_mc.stop(); number3_mc.stop(); } start_btn.onPress = function() { number1_mc.play(); number2_mc.play(); number3_mc.play(); } left_btn.onPress = function() { number1_mc.sto…
JavaScriptで画像置換(2) モノクロからカラー写真に置換 http://puisto.moo.jp/mOver/index2.html←ここに実物があります <html> <head> <meta charset="UTF-8"> <title>画像置換2</title> <style type="text/css"> </meta></head></html>
