jquery

<html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <script src="jquery-1.7.2.min.js"></script> <style type="text/css"> *{ margin: 0; padding: 0; } dl{ width: 400px; margin:50px auto; } dl dt{ background:#743ced; border-bottom:1px solid #fff; cursor:pointer; } dl dd{ border:…</meta></head></html>

今度のサイトの撮影に行った。

今回は地元の友達がオープンさせたお好み焼き屋昨日から画像の加工にはいったが切り抜きが大変だ。特に人物。 でも前よりはこつ?をつかんだのか少し気持ちの問題で楽だった。 何枚か紹介したい。(加工前のもの)二人で経営していて誕生日が同じとのことで…

nanashi

・塊で説明したいときに整理したのがECMAscript ・の終了タグの前に記述が基本。 <html> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <style type="text/css"> body{ background-color: #00F; } #myid{ background-color: #ffff00; } p{ color: #000; cursor: pointer; background: #fff; } </style> </meta></head></html>

昨日のおさらい

リップル=さざなみ普通に順番で文字が出てくるよりはこっちの方がいい感じがした。 今日先生から人の歩き方の説明をもらったから作ってみようと思う。 ただ部分部分の素材作りに手間がかかりそうだ。 なにせ間接が大事とのこと。 上下の動きも忘れずに作り…

検索上h1とarticleとpが検索されセクションやh2〜h6は意味がない。 しっかり検索させたいならそこを考え使っていく。 articleは伝えたい記事に使っていく。その中のsection。 ネスト? それ以外はdiv idで作りこもう。 ・すべて並列でならんでる場合はh1 pを…

7/9授業内容2

「html5」[課題11] 日付を表示させなさい。 <body> <article> <section> <h1>上野動物園に赤ちゃんパンダが生まれる</h1> <time datetime="2012-7-7"pubdate="pubdate">2012年7月6日</time> </section> </article> </body> datetimeの中身日付と表示側日付を変えたが表示側日付が表示される。 どうやら中身日付はコンピュータにわからせるためだけ。表示日付になんの意味もな…

7/9授業内容 1

「html5」[課題4] 「ロールケーキ」の部分を、他との違いを表して記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>html5 課題</title> <link rel="stylesheet"href="base.css"> <script src=""></script> …</link></meta></head></html>

smart4meとjindo

まだ作り途中ですが自分の士気を高める為にとりあえず公開します。今はまだどっちも内容が定まってませんが内容を考えここから新しく作っていきます。jindohttp://egz1984.jimdo.com/smart4mehttp://smart4me.net/EGZどちらも僕でも簡単に作る事が出来るので…

actionscript3.0 sound class 1

import flash.media.SoundChannel; import flash.events.MouseEvent; import flash.events.Event; var my_sound:My_sound = new My_sound();//サウンドオブジェクト作成 var my_channel:SoundChannel;//サウンドチャンネル //ボタンクリックで再生 play_btn.…

actionscript3.0 sound class1

授業内容・DTDは大文字小文字は関係ない。 ・metaにjsやcssは書かなくてもいい。 ・type属性はもういらない。<script> ・記事としては「article」その中のブロックはレイアウト的にdiv idでおk。 ・cssでレイアウトするのにdiv idのほうが調子いいよ。 ・…

手書きラフ完了

手書きのラフが一番苦手だ。やたらと時間がかかる。ただ、良いサイトに出会えるのが唯一の特典か、、、 「HTML5課題[1]」 <html lang="ja"> <head> <title>はじめてのHTML5</title> </head> <body></body> </html> 「HTML5課題[2]」 今日から次のサイト制作の基礎を作っているがなかなか進まない。 お店は北区東十条にある今…

javascriptテスト答え

今日のテスト答え 1。JavaScriptの標準化されたものを[ A ]と呼びます。 A「ECMAScript」(1997年、通信に関する標準を策定する国際団体EcmaインターナショナルによってJavaScriptの中核的な仕様がECMAScriptとして標準化され多くのウェブブラウザで利用…

名刺

「名刺作成」 1 新規作成 「プリンタ」「A4サイズ」 短形ツールを選択しアートボード内でクリックでダイアログがでてくる。 そこに「幅:91mm」「高さ:55mm」と入力。 2 出来た長方形のオブジェクトを選択し [オブジェクト]→[トリムマーク作成] でトンボがで…

・googleダンス。検索から消える。サーバーの数だけ更新が必要。 ・サイトの中でしっかり更新しないと上位からすぐに落ちる。外部リンクからだけではだめ。 ・リンク数(単なるリンク)だけで維持はできない。 ・農業にインターネットを使う。(野菜の直売と…

授業内容

・ドロップシャドウのラディウスで表現。 ・iphonからipadにsdを移しドロップボックスで変換かけると、 ・flashですべてのブラウザ対応対応のパブリッシュする。 ・半角スペースで空白をあけていく。全角は検索にかかり空白はとくに検索でひっかかりやすい。…

イラストレーターで1からのアナログ時計作り

昨日作った時計を保存するのを忘れてまた1から作りました。 時計の作り方だけは完璧に覚えた。。。「アナログ時計の作り方」1 楕円形ツールで円を書いていく。 中塗りはなしで外枠に色を付ける(自分は20pxのグラデーション) 2 ガイドを出し円の中心で…

デジタル時計

デジタル時計1 新規ファイル作成(ステージサイズは適当に) 僕は550pxの450pxでいつも開く。 2 まずは背景を作る。 これも短形ツールで自分の好きなように作り込む。 まあ時計なので見やすい方がいいですよね。 僕の場合は外線を20pxで中も外もグ…

・リンクを張る。 ・写真の撮り方は人間目線だけではなく下からや上からと角度を付けたり遠近感や斜めなど状況により動きがあるように見せていく。 ・いやでも迎える人の顔コンテント内ではなくロゴと一緒にのせる。 ・人が写っていてお客さんを引き込むよう…

htnl5 + css3 ハンドコーディング1 次のサイト作りに向けて。(改正版)

ナビゲーションの位置とその中の文字がうまくいかなかった。 後はたぶん平気だと思われます。 ソースコードが変かもしれませんが、、、 非常に難しいですが新しく出来たタグだけ覚えてしまえばいけるかも。。。htmlソースコード <html lang="ja"> <meta charset="UTF-8"> <head> <title>html5</title> </head></meta></html>

・/index.htmlをどれで管理をするのか・ ポートフォリオなのか、それ以外か・ドメイン=topを必ずindex.htmlにしないと表示しない。(上位)・ミラーリングする時に底辺の1点だけではなく、もっとなか側までもぐりこませてみよう! 1 ファイルから配置→テ…

明日使えるphotpshopの技1

いらない物を消したい編今回は写真に写ってしまったいらない物を消していきます。元画像↓↓↓ 元画像「景色」加工後画像「景色1」 今回は非常に簡単でphotoshopを起動する時間の方がかかりました。 1 スプット修復ブラシを選択 オプションバーで「コンテンツ…

actionscript sound クラス  

色々試しましたが ボタンに「play」「stop」「pause」がかからない。 音はながれるがライブラリに埋め込んであるだけのものを拾ってきてるだけでプレビューと同時に再生されてしまっている。 新しいもの好きのため「AS cs3」での記述で挑みました。難しいで…

宿題手書きラフ終わったのでphotoshopの鏡面加工

お酒の鏡面加工編1 まずはお酒の元画像を用意して開く。 背景を複製しレイヤー名を「映り込み」としておく。 背景の表示を非表示にする。 元画像「お酒」 2 適当に切り抜く。 僕はなげなわツールの中にあるマグネット選択ツールを選んで切り抜きしました。…

画像の編集過程で覚えたいつ使えるか、わからない技

『布のようによれた画像』 元画像「よれた布風画像」1↑↑↑ まず布の画像を開く。大きさ自由。ここで画像は後で置き換えマップデータとして使用するため一度保存する。 ファイル→別名で保存。ファイル名「布.psd」フォーマットを「photoshop」にして保存。 2…

・内部に読み込みさせる時、内部にわからせる時は<head>内 表示や見せるときに<body>内に記述 ケースバイケースで使っていく。 ・自分のサーバーにindex,htmlがないと中のファイルが丸見えになるため、必ずデータを入れるフォルダには作っておく。玄関の…

・内部に読み込みさせる時、内部にわからせる時は<head>内 表示や見せるときに<body>内に記述 ケースバイケースで使っていく。 ・自分のサーバーにindex,htmlがないと中のファイルが丸見えになるため、必ずデータを入れるフォルダには作っておく。玄関の…

いつくるかわからないその日の為の技2

「木の板に焼き印」元画像「焼き印になる画像」↓↓↓(拾い物の為意味はわからない。) 1 焼き印になる画像を開く。 使いたい部分だけをマグネット選択ツールで切り抜き。 図案の輪郭の角を少し丸く加工するため、 フィルター→ノイズ→ダストスクラッチを選択…

いつくるかわからないその日の為の技1

『壁にスプレーで書いたように見せる』 元画像「壁の画像」↑↑↑1 壁の画像用意し配置。描画色を希望の色にし横書き文字ツールを選択。 好きな文字を入れたら「レイヤー」→「ラスタライズ」→「テキスト」を実行して、 文字を画像に変換。(出来るだけ手書き風…

授業おさらい。

actionscriptの記述に慣れてきました、内容も少しづづ解りはじめたので自分なりの応用を見つけて行きます。 AS「課題A」「10、 32、7、9、15」という値の配列をつくり ムービーと出力パネルに「9」という値を取得して表示させなさい。 (自分の場合は「15…

flash slide

授業のおさらい!! xwixsmart4me