スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

html5【其の一】

html5の概要について、もやもやしていた部分を調査。


―――――――――――――――――――――――――――――――――――――
①HTML5って何?
②HTML5の特徴
③HTML5のメリットとデメリット
④HTML5サイトの紹介
―――――――――――――――――――――――――――――――――――――


①HTML5って何?
―――――――――――――――――――――――――――――――――――――

HTML5とは、html4.01からバージョンアップしたマークアップ言語のことです。

マークアップとは、コンピュータに文書構造を分かりやすく理解させるために

タグという目印を付けていくことです。

(例えば、h1,h2,ul,liといったもので、開始タグと終了タグがあるものです。)

html5へのバージョンアップの背景にはこの文書構造が関係しています。

これまでのhtml4.~までは文書構造をタグでマークアップすればOKでした。

しかし、技術の進歩によりhtml4.~までのタグでは構造が表現しきれなくなり、

html5が登場しました。
―――――――――――――――――――――――――――――――――――――


②HTML5の特徴
―――――――――――――――――――――――――――――――――――――

html5の特徴は大まかに3個です。

まず、一つ目はhtml5の登場で、文書構造がより明確に示すことができる。

これまでは何でもかんでもdivでくくってしまっていたものがありました。

ヘッダを示すheader,フッタを示すfooter,一つのセクションであるsection、

記事を示すarticle、ナビゲーションを示すnavなどが追加されました。

二つ目は動画や音声データをhtmlからシンプルに扱えるうようになります。

動画や音声をwebページに埋め込むにはflash等のプラグインを利用していたのが

videoやaudioのタグを使用すればimgを埋め込む感覚で扱えます。

最後に三つ目です。html5では高度なAPIが追加されました。

主にwebアプリケーション構築で効果を発揮します。

APIとwebアプリケーションって?

まず、webアプリケーションとはwebブラウザを入口として利用できるサービス。

例えば、ECサイトのショッピングカートやブログ(CMS)、掲示板やSNS等のこと。

そして、APIとはアプリケーションを機能させる為の機能のこと。

例えば、ドラッグ&ドロップやユーザーの位置情報の取得のことです。

―――――――――――――――――――――――――――――――――――――


③HTML5のメリット
―――――――――――――――――――――――――――――――――――――

今回はwebサイト制作ベースでのメリットに限定します。
コンピューターと制作側とエンドユーザーのメリットについて。

コンピュター側
・文書を読みやすい構造になったことでページローディング時間の短縮。

制作側
・作業時間の短縮
・検索エンジンにも理解されやすくページ表示ランクのアップが期待される

エンドユーザー
・検索結果の精度があがるので必要な情報を素早く正確にキャッチできる
・ローディング時間の短縮でストレス軽減
―――――――――――――――――――――――――――――――――――――


④HTML5サイトの紹介
―――――――――――――――――――――――――――――――――――――

最前線
http://sai-zen-sen.jp/
サイトをhtml5で構築し漫画のヴューアーもhtml5で作成しているサイトです。

参照サイト
http://techblog.yahoo.co.jp/html5/html5/
http://www.htmq.com/html5/002.shtml
スポンサーサイト

theme : ホームページ・ブログ制作
genre : コンピュータ

Walk with Summer

都内は32度、夏らしくなってきた。夏はすぐそこ、セールの時期も近づいてきてワクワクしてます♪


▼ドコモスマートフォンの夏モデルのプロモサイト
ほのぼの、桑田圭祐さんの飄々とした雰囲気がマッチしている。
顔がバーンと目に入るのは背景ぼかしてるからかな?
キリンラガーでも使えそうな爽やかブルーも印象的でポスターみたい。
ドコモ 夏 桑田圭祐 CM


theme : ホームページ・ブログ制作
genre : コンピュータ

普遍的なWEBサイトデザイン

無形有形に限らず流行りがあり、また、いつの時代でも色あせないいいと思える定番がある。自分のなかではジブリ作品やクラシック音楽、サブマリーナ等々。

もちろんWebデザインにも流行りがある。最近、制作したものがとても古くさい、何でだろ。

審美眼を磨いていこう。

▼東本願寺
観たことのないお寺だが雰囲気が伝わってくる。紺のグラデーション、書体が素敵。縦書きのバランスもいい。
東本願寺

▼HANYWEDDING(伊藤 羽仁衣)
ウェディングドレスのサイト。可愛いポップなデザイン。笑顔の写真を大きく使っているので親しみやすい。
伊藤羽仁衣 ハニー



theme : ホームページ・ブログ制作
genre : コンピュータ

【新発売】アシックス ゲルキネティック4 

ついに来月、アシックスからゲルキネティック4が発売される~♪
本当はゲルキンセイ4が欲しいけど30cmがないので、ゲルキネティック4を買おうっと。


品番 : TJG885
メーカー希望小売価格 : \16,800(本体\16,000)

ゲルキネティック4


theme : ジョギング・ランニング
genre : スポーツ

English study

English words Training

roof 屋根

Look at the house with the red roof.

hall 玄関(の広間)、ホール、会館

Please leave your coat in the hall.

step 階段、歩み、一歩、歩を進める

He took a step forward.彼は一歩前に出た。

stair 1段、複数で階段

He fell down the stairs.

yard 庭、ヤード(長さの単位1ヤードは約91,4cm)

Kids are playing hide-and-seek in the yard.

Great job! すごい!よくやったね!

Well done! すごい!良くやったね!

All right! いいよ!

That's right! その通り!

You're right! その通り!

whoever ~する人は誰でも、誰が~しようとも

We welcome whoever joins this club. このクラブに入る人は誰でも歓迎します。

whichever ~するものはどちらでも、どちらを~しようとも、~するものはどちらの…でも

You can like take whichever you like.好きなものはどちらでも取っていいですよ。

whatever ~するものは何でも、何が~しようとも、~するものはどんな…でも

That rich man buys whatever he wants.

association 協会、連合、連想

She's a member of an association birds.彼女は鳥を保護する協会の会員だ。

committee 委員会、委員

How many members are there in the committee?


05/23 listening test result AAA

She's been ill for more than two months.

She has been to Paris three times.

I've just returned from New York.

His careless driving caused the accident.

We passed a house whose windows were broken. 私達は、窓が壊れている家の前を通り過ぎた。

I'd like to have two tickets for tonight's show.

They are chatting happily.

I'd like you to fill in this form. この用紙に記入して欲しいのですが。

I should have warned you about him. 彼のことは君に警告しておくべきだった

She whispered the secret to her mother.






theme : 英語・英会話学習
genre : 学校・教育

PR
カテゴリ
最新記事
プロフィール

ハピタン

Author:ハピタン
燃焼系のweb creator

~仕事~
新宿の制作会社に入社すること早3年、現在は馬のサイトでwebデザイナーをしております。
~趣味~
体の一部と言ってもいいくらい自転車好きです!愛車はブリヂストン プレティーノ

あとは登山、旅行、温泉、舞台鑑賞を少々。
2011年から絵を趣味に追加。
詳しいプロフィールはこちら

検索フォーム
RSSリンクの表示
リンク
もろもろ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。