*All archives* |  *Admin*

2017/11
<<  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30  >>


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




HTML5の可能性

【送料無料】つくって覚えるHTML5入門

つくって覚えるHTML5入門【送料無料】
価格:1,890円(税込、送料別)





成り行きで、来年の4月初めまでの半年間程Webデザインを学ぶ事になり、平日は学校へ通ってます。今迄独学でやって来た為、自分自身のスキルの棚卸しにちょうど良い機会です。

このブログのデザインも、元々fc2にあったシンプルなテンプレートをカスタマイズして現在のデザインに作り替えたので、HTMLとかCSSを見直したらおかしな所がたくさん見つかると思います。今度1度見直さないと(^^ゞ


何らかの形でWebデザインやってる人にとって、おそらく気になるのが『HTML5』と『CSS3』ではないでしょうか?

学校の授業ではあまり深く扱わないようなので、とりあえずは、『つくって覚えるHTML5入門』という本を自分で本を買ってきて読んでます。HTML5について広く浅く、コードと共に解説があります。

内容はこんな感じ。


1章 HTML5ではじめるWebアプリケーション開発
1.1 HTML5とは
1.2 HTML5のソースを書いてみよう



2章 グラフを作ってみよう
2.0 キャンバス機能で図形やグラフを描こう
2.1 キャンバスに四角形を描こう
2.2 キャンバスに線を描こう
2.3 キャンバスに円や扇形を描こう
2.4 キャンバスにテキストを描こう
2.5 棒グラフを作ろう
2.6 折れ線グラフを作ろう
2.7 円グラフを作ろう
2.8 動的なグラフを作ろう
練習問題



3章 音楽・映像を再生してみよう
3.0 音楽や動画を自由自在にコントロール!
3.1 音楽を再生しよう
3.2 再生する音楽データファイルを切り替えてみよう
3.3 動画を再生してみよう
3.4 再生/一時停止ボタンを作ってみよう
3.5 ミュートボタンと音量調節スライダーを追加しよう
3.6 再生位置を表示・移動するスライダーを追加しよう
3.7 動画の表示サイズをボタンやスライダーで切り替えよう
練習問題



4章 フォームを作ってみよう
4.0 各種フォーム要素を使いこなそう
4.1 登録フォームを作ってみよう
4.2 バリデーションチェック機能を加えよう
4.3 アンケートフォームを作ってみよう
4.4 スライダーの値や文字数を動的に表示しよう
4.5 検索フォームを作ってみよう
4.6 グループ化したフォーム要素の有効/無効を切り替えよう
4.7 カスタムエラーメッセージを作ろう
練習問題



5章 ローカルアプリケーションを作ってみよう
5.0 ローカルにデータを保存するWebアプリケーション
5.1 Web Storageにデータを保存してみよう
5.2 ToDoリストを作ってみよう
5.3 ToDoリストに進捗バーを追加してみよう
5.4 アドレス帳(登録画面)を作ってみよう
5.5 アドレス帳(検索画面)を作ってみよう
5.6 アドレス帳(修正・削除画面)を作ってみよう
練習問題



つくって覚えるHTML5入門』と言うタイトル通り、初心者が読んでも理解できるような内容になってますが、HTMLの基本は知っている状態で読んだ方が、より理解できると思います。

上の一覧をざっと見た感じ、HTML5って結構色々な事をやれそうな感じでしょ?他にもいくつか新機能があって、全て使いこなせたら面白いサイトが作れそうです。

今迄『HTMLって文書構造を整える為にだけあるもの』だと思ってたけど、HTML5に関して言うならば、『プログラミング』と言う言葉がピッタリな感じですね。


まだHTML5の仕様が完全に決まっている訳ではなく、現在は草案(WD:Working Draft)の段階なので、今後も大幅な内容の変更はあるかも知れません。因みにWeb標準化団体であるW3Cは2014年の完成を目指しているとの事。

HTML5がもっと浸透したら、CSS3と組み合わせる事によって、今迄に無い斬新なサイトは確実に増えると思いますよ^^



と、まあこんな感じで、暫くの間Webデザインに関する話題が増えるかと思いますので、興味のある方は時々覗いてみてください m(_ _)m





Web検索

お気に入りリンク
訪問してくれた方の数



Since July 27 ,2007



sugarsync_logo.gif


忍者AdMax





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