Home > HTML5

HTML5 Archive

【第1回】HTML5で作る動画コミュニティサイト【HTML5の基礎】

  • Posted by: HKF管理人
  • 2011/12/23 16:53
  • HTML5

HTML5の下地を作りました。

作ってみた感じ、HTML冒頭のドキュメント宣言やメタの部分がだいぶすっきりしてますね。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
HTML5で作る動画コミュニティサイト
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<div id="allArea"><header id="header"><hgroup>
<h1>HTML5で作る動画コミュニティサイト</h1>
<h2>サイト見出し2個目。</h2>
</hgroup></header><nav id="nav">
<ul id="mainMenu" class="clearfix">
    <li><a>Home</a></li>
    <li><a>about</a></li>
    <li><a>sitemap</a></li>
    <li><a>contact</a></li>
</ul>
</nav>
<div id="mainContents"><section id="movieContent">
<h1>動画タイトル</h1>
動画の説明
<div>動画プレーヤー</div>
</section></div>
<footer id="footer">Copyright © hk_factory All Rights Reserved.</footer></div>

sanmple_html5_01

【第0回?】HTML5で作る動画コミュニティサイト【告知】

ちょっと連載物を作りたいなーと思う、今日この頃。

HTML5を調べていくうちにどんどんその魅力に惹かれていっている自分がいる。

というわけで、最終目標を『HTML5で作る動画コミュニティサイト』という事にし
そこまでの過程をつらつらHKFの方につづっていきたいと思います。
HKDの方がだいぶ落ち着いてきたので、ちょっとこっちも盛り上げよう。

詳しい技術解説(HTML5、javscript、jqueryとかの)は他の方のサイトをご覧になっていただくとして、ここではサンプルソースとかを多めに結果をすぐに見つけれるようにしようと思います。
文章が苦手であーだこーだ長文を書くのが苦手なんですごめんあさい。

大きな流れとしては、
HTML5の基礎

youtubeみたいな動画インターフェイス

ニコニコ動画みたいなインターフェイス

みたいな感じで以降かなと思います。

続くといいんですけど。

ホーム > HTML5

twitter
リンク

Return to page top