2012-01-01から1年間の記事一覧

HTML5課題14

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題14</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

HTML5課題13

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題13</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

html課題12

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題12</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

html5課題11

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題11</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

7/14授業(メモ)

seo理論 google analystics google.comとgoogle.jpではサーバーが違う。一定の時期に摺合せをしている。 google.comにindex.comにindexさせるためには(秘密)をする。 <h>の重要性の低下、html5の影響か?

7/13授業(メモ)

jquery 写真のslide jquery,lightboxの組み合わせ。 <html lang="ja"> <head> <meta charset="utf-8"> <title>ギャラリー</title> <link rel="stylesheet" href="css/base.css"/> <link rel="stylesheet" href="css/horizontal.css"/> <link rel="stylesheet" href="css/lightbox.css"/> </link></link></link></meta></head></html>

7/12授業(メモ)

動画 adobe media encoderでビデオ形式の変換。 html5で動画や音声を載せるとブラウザ対策等が必要。 you tubeを使う方法もある。 youtubeアノテーションで文字を入れる。 パソコン内の動作をとる。 jing,bandicam,camstudio as (後日編集) jquery <html lang="ja"> <head> <meta charset="utf-8"> <title>jQu</title></meta></head></html>…

DOM

<html lang="ja"> <head> <meta charset="utf-8"> <title>DOMで文字色を指定</title> </head> <body> <h1 id="myid">DOMによる要素の指定</h1> <script type="text/javascript"> document.getElementById('myid').style.color='#ff0000'; </script> </body> </html> idをつけてそこに変更を加える。 3行ことに考える。

html5(sound)

<html> <head> <meta charset="utf-8"> <title>効果音</title> </head> <body> <h1>効果音の練習</h1> <audio src="sound.mp3" controls> <p>ブラウザ上で再生できない方は<a href="sound.mp3">音声のダウンロード</a>をどうぞ。</p> </audio> </body> </html>

as2

クリックすると音が出る。

as1

キャラクターをシンボル化してその中に動きをつける。(時間) ステージはモーション

7/11授業(メモ)

as(アナログ時計)

this.onEnterFrame = function(){ var obj_date:Date = new Date(); secondss_mc._rotation = obj_date.getSeconds()/60*360; minutes_mc._rotation = obj_date.getMinutes()/60*360; hours_mc._rotation = obj_date.getHours()/24*720+obj_date.getMinutes(…

as(デジタル時計)

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.text=obj_date.getSeconds(); }

as(年、月、日の取得)

var now_date:Date=new Date(); yyyy = now_date.getFullYear(); mm = now_date.getMonth()+1; dd = now_date.getDate(); trace(yyyy+"年"+mm+"月"+dd+"日");

as(リップル)

静止テキスと 分解(ctrl+B)、シンボルに変換(真ん中)

7/10授業(メモ)

html5課題22

<html lang="ja"> <head> <meta charset="utf-8"> <title>html5課題22</title> </head> <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>人気スイーツについて</h2> <p>疲れた時に美味しいスイーツを食べると、疲れも吹っ飛びますね。人気のバナナ豆乳シェイクのようなドリンクをはじめ、スイーツの定番である自家製ケーキも各種取り揃えています。</p> <figure> <figcaption>自家製ケー</figcaption></figure></article></body></html>…

html5課題21

<html lang="ja"> <head> <meta charset="utf-8"> <title>html5課題21</title> </head> <body> <header> <h1>カフェランチブログ</h1> </header> <section> <h2>7月1週目ランチ</h2> <p>ランチ特製ロコモコ丼が人気です。ボリューム満点のハンバーグに特製ソースで味付け!ぜひ食べに来てくださいね。 ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。</p> <p img src="#"></p> </section> <aside>…</aside></body></html>

html5課題20

<html lang="ja"> <head> <meta charset="utf-8"> <title>html5課題20</title> </head> <body> <header> <hgroup> <h1>七夕</h1> <h2>日本五節句の一つ</h2> </hgroup> </header> <section> <h3>七夕の語源</h3> <p>「古事記」または、日本書紀に登場する。</p> </section> </body> </html>

html5課題19

<html lang="ja"> <head> <meta charset="utf-8"> <title>html5課題19</title> </head> <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>7月1週目ランチ</h2> <p>ランチ特製ロコモコ丼が人気です。ボリューム満点のハンバーグに特製ソースで味付け!ぜひ食べに来てくださいね。 ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。</p> <p img src="#"></p> </article> </body>…</html>

html5課題18

<html> <head> <meta charset="utf-8"> <title>html課題18</title> </head> <body> <header> <h1>クリスマスオーナメント</h1> <p>クリスマスツリーに飾られるオーナメントをご紹介します。</p> </header> <section> <h2>ツリートップ</h2> <p>クリスマスツリーの先端に飾られるオーナメントで、星型をしていることが多い。地域によっては天使が使用されることもある。</p> </section> <section> <h2>クリスマ</h2></section></body></html>…

7/9授業(メモ)

html5.outlinerHTML5 Outliner - Chrome Web Store クロームの拡張機能。 xamppの中で起動させる。 outliner文書構造を見る。 seo 検索エンジンは<h1>を拾わない。 title,p,ディスクリプションを拾っている。 検索エンジン上、強いサイトを持つ。そこか…

html5課題10

<html> <head> <meta charset="utf-8"> <title>html5課題10-1</title> </head> <body> <h1>読書メモ</h1> <p>本のタイトルやフレーズなどをメモしていきます。</p> <cite>引用:グスコーブドリの伝記</cite> </body> </html> <html> <head> <meta charset="utf-8"> <title>html5課題10-2</title> </head> <body> <h1>読書メモ</h1> <p>本のタイト…</p></body></html>

html課題09

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題09</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

html5課題08

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題08</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

html5課題07

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題07-1</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

html5課題06

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題06</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

html5課題06

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題06</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>

html課題05

<html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5課題05</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>