スポンサーサイト

上記の広告は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 : コンピュータ

Web制作を無料で学べるスクール

http://journal.mycom.co.jp/news/2011/05/17/112/index.html



クイズアタック25でおなじみの児玉清さんが亡くなられましたね、

日曜お昼は男子ごはん、ウチくる、新婚さんいらっしゃい、アタック25の流れだったのだけど、

ご冥福をお祈りいたします。

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

まとめサイトWEBマーケター必見のABテスト事例まとめ

足の薬指つって痛い~。NAVERまとめサイトで面白い記事を見つけたのでメモメモ。

WEBマーケター必見のABテスト事例まとめ [NAVER まとめ]



theme : Webマーケティング
genre : コンピュータ

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

ハピタン

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

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

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

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