【HTML5課題04】 「ロールケーキ」の部分を、他との違いを表して記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題04</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題01】 ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題01</title> <link rel="stylesheet" href=""> <script src=""></script> …</link></meta></head></html>
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_…
擬似クラスを含むレイアウト:まとめ <html> <head> <meta charset="UTF-8"> <title>Green and Plain</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen, print" /> </head> <body> <div id="header"> <h1>Green and Plain</h1> <p>Design by Free CSS Templates</p> </div></body></html>
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>
for文 変数「i」の初期値 繰り返しを継続するための条件 処理を１回実行するたびに、変数「i」の値をどのように変更するか for ( 変数の初期値； 繰り返し条件； 変数の変更 ) { 実行される処理 } JavaScriptの勉強 forの中の式は繰り返し条件に達するまで継…
ActionScript switch文 :分岐の条件は値の一致 case()の後はコロンを使う（セミコロンではない） if文 var key:String = "B"; var message:String; if(key == "A") { message = "AはAlphaのA"; } else if (key == "B") { message = "BはBravoのB"; } else if…
Dreamweaverを使いLightbox2をカスタマイズ 諸々 いらないファイルはDreamweaver上で消す min(minified)ファイル: 改行コードがなく、データーを圧縮しているver jQueryはファイルの中を触ることがないので、minでよい CSSファイル ベンダープレフィックス: …
Illustratorで手書き風なフォントを作る チュートリアルの手順をメモとして載せます。 参照サイト: Turn Any Font Into a Sketch Font 日本語訳サイト: Illustrator（イラストレーター）で手書き風タイポグラフィを作る方法 Illustratorの新規アートボードに…
シェイプの登録-Photoshop Illustratorで黒のみを使って形を描く Photoshopにコピー&ペースト このときシェイプレイヤーを選択 編集→カスタムシェイプを定義 Illustrator パスの変形 円を描き、オブジェクト→パス→アンカーポイントを追加 効果→パス→パスの変…
