[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
今回新しくアップしました「北アルプスからの贈り物」は、ボックスの角が丸くできるCSS３の機能を使っていまして、対応していないIE8でも見ることが出来るように、工夫しています。
http://www.masaru21.com/sample/North_Alps/index.html詳しい内容は、ページ下に書きました説明を読んでください。
なお、HTML5.0とCSS3の組み合わせで書きまして、IE8では対応していないvideoタグを使い、IE8では対応していない動画形式を採用して作成したページは、こちらです。
あわせて、見てください。
http://www.masaru21.com/html5/index.htmlこのページは、Firefoxやchrome、safariで見ることをおススメします。
|
|
|
100pt
HTML5.0は、W3Cの勧告が出ていない未来の規格です。
でも、iPadやiPhoneなどで動いているブラウザのSafariが既に、HTML5.0のサポートをしていますし、世界でシェアを伸ばしているFirefoxやグーグルのブラウザのChomeも、HTML5.0をサポートしています。
動画の見方も変わります。
今までは、flashを使って動画を見ていましたが、これからは、videoといくタグが出来たので、もっと簡単に動画を見ることが出来ます。
また、未来の規格なので、対応する動画の規格が複数ありブラウザによって異なりますので、今回も、この点を苦慮しました。
僕は、学校で、今の時代メジャーなホームページの作り方になっているXHTML1.0とCSS2.1の組み合わせによるページ作りを学びました。
だから、構造をHTMLで書いてページのレイアウトや飾り付けをスタイルシートで行うという書き方が出来ます。
試験の関係で、HTML4.01の書き方も知っていますので、ページを書く言語を３つ使えることになります。
今日作ったHTML5.0のページをIE8で見ると、レイアウトが崩れて動画も見ることが出来ません。
でも、内容を把握することは出来ます。
構造を見やすく書くということは、こういうことです。
どのブラウザで見られても、一応意味が伝わる書き方、工夫ができるということは、とても重要なことです。
印刷用のスタイルシートのことも、知っています。
音声ブラウザを使っている人に配慮するポイントも、知っています。
だから、見る人に親切なホームページを作ることが出来ますので、ぜひ、お仕事をご依頼ください。 ＾＾
ホームページビルダーを使ったサイト作りも出来ますし、flashのバナーも作ることが出来ます＾＾
お気軽に、声を掛けてください。
ちなみに、楽天市場の出店者側のシステムを使ったことがあるので、楽天市場に出店したいと思っている方や、出店している方のお役にも建ちます＾＾
HTML5.0とCSS3を使ったWEBページを、アップロードしました。
http://
こちらは、僕のサイトの下位のフォルダに新しく作りました。
もちろん、トップのmasaru21.comのトップページにもリンクを追加しました。
今回、動画を紹介しています。
動画形式は、Firefox Google Chomeで再生できるogg形式と、Safariで再生できるmov形式の動画の2種類を掲載しています。
本当は、掲載した全ての動画にたいして、OGG形式とMOV形式と準備できると良かったのですが、OGV形式の動画の変換ソフトはなく、拡張子がOGGになる形でよければWEBサイトで変換できるところがあるので、そこを活用して、変換しました。
でも、上手く変換できない動画もあるので、今回は、OGG形式は、２つとしました。
４つは、iPadやiPhoneなどで再生出来るmov形式でアップしました。
動画のトップページに埋め込んでいる動画は、ブラウザを判断して動画ファイルを切り替えていますので、Firefox 、Google Chome、Safariで表示されます。
IE8は、HTML5に完全対応していないのかレイアウトが崩れます。
また、IE8は、videoのタグに対応していないので、今回の動画形式は、視聴できません。
ipadをお持ちの方は、ぜひ、アクセスしてみてください。
|
 |
DYSON エアマルチプライアー ￥38,533(税込) 羽根がないから、ムラのないスムーズな風。 ★ムラのないスムーズな風 従来型扇風機には羽根があり、これが空気を切るため不快な風のムラを引き起こします。ダイソンAir Multiplierテクノロジーは、空気の流れを非常にスムーズにし、不快な風のムラをなくしまし… |
 |
|
 |
CHANEL（シャネル） 口紅 ￥3,780(税込) 2010年の春夏限定色の口紅の「オレンジ色」系のお色です。既に、日本国内では、完売状態のお色の商品です。シアーな発色と輝きのトリートメント口紅。輝き、豊かな発色、マルチ プロテクション効果を備えたみずみずしい口紅。無香料。とろけるような心地よい使用感で、唇に喜… |
 |
|
  |
|
 | CHANEL（シャネル） 口紅 ￥4,095(税込) 2010年の春夏限定色の口紅の「オレンジ色」系のお色です。既に、日本国内では、完売状態のお色の商品です。ひと塗りで、最高に美しい発色と輝きを与えます。セカンド スキンのように繊細でなめらか、そして自然なテクスチャーで、唇を優しく包みます。女性の魅力を最大限に引… |
 | |
  | |
 | CHANEL（シャネル） 口紅 ￥4,095(税込) 2010年の春夏限定色の口紅の「ベージュピンク色」系のお色です。既に、日本国内では、完売状態のお色の商品です。ひと塗りで、最高に美しい発色と輝きを与えます。セカンド スキンのように繊細でなめらか、そして自然なテクスチャーで、唇を優しく包みます。女性の魅力を最大… |
 | |
| |
 | CHANEL（シャネル） 口紅 ￥4,095(税込) 2010年の春夏限定色の口紅です。既に、日本国内では、完売状態のお色で、一番人気のROUGE ALLURE SUPER NO167の商品です。今年のポスターにも使用されたお色となります。ひと塗りで、最高に美しい発色と輝きを与えます。セカンド スキンのように繊細… |
 | |
| |
|
|
DYSON エアマルチプライアー ￥36,666(税込) 羽根がないから、ムラのないスムーズな風。 ★ムラのないスムーズな風 従来型扇風機には羽根があり、これが空気を切るため不快な風のムラを引き起こします。ダイソンAir Multiplierテクノロジーは、空気の流れを非常にスムーズにし、不快な風のムラをなくしまし… |
|
|
| 04 | 2025/05 | 06 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 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 | 31 |
