デザインの学校 ウェブデザイン応用編 第7回

 こんにちは。7回目の応用編ブログです。

今回はマウントピア黒平テストサーバーにアップした各コーディングの修正から入りました。

画像をクリックして拡大表示をする場所があるのですがそれを「Ajax」といい、これを活用すると画像拡大がプロっぽくできるようです。

普通、拡大するとただ拡大表示が出て、戻るボタンか、ブラウザを閉じるで終了しますよね?それでは素人が作成したページのようになってしまうので、Ajaxを使用することにより、その場に画像を拡大したページが現れ、もう一度クリックすると消えるようになります。

また、画像をアップロードする時は基本WEBの世界は電子化された世界なので1byteでタイトルをつるのがルールのようです。

さて、コーディングをするにあたり一番大事なのが「バックアップをとる」ということです。
もし失敗したとしてもバックアップがあればいつでも修正できるので安心ですね

今回、Fireworksを使ってナチュラルな見出しの素材を作成するコツを教えていただきました。

まず短形ツールを使い、好きな形にします。そして外側を濃い緑(テクスチャ:しわくちゃ 65%内側を薄い緑テクスチャ:砂壁 65%)、にするだけでナチュラルな素材の完成。

大見出し

こちらが完成した素材です。

他にも簡単なイラストを使った素材の方法も教えていただきました!まず茶色い一本の線を描き、(テクスチャ:しわくちゃ 65%)ブラシツールを使い4枚の葉っぱを描きます。続いてクローバーの茎の部分を描きます。
この時にあえて雑にするのがポイントのようです!

あとはその葉っぱと茎を合体させ、縮小させることにより簡単に手書き風のクローバーが描けるという訳です!

中見出し

簡単なのに可愛いですよね

あとは一番最初のものを応用することにより

拡大

このようなボタンも簡単に作成することが可能なので、皆さんもチャレンジしてみてくださいね

さて、応用編も次回がラストとなりました。
次回では完成したマウントピア黒平のサイトを皆さんにご報告できると思いますので乞うご期待。

話は変わりまして、今日は皆様に無料の動画サイトを紹介します。今後サイトを作成し、運営していく上で、自分で作成した動画をアップしたいことが思う日も来るでしょう。そんなときに約に立つのがこの「動画サイト」なのです!

オススメ無料動画

名前 アップロード
制限
アップロード可能な
ファイル形式
特徴
youtube 2GB以下動画の長さは
15分以下
※要無料
会員登録
WMV
3GP(携帯電話)
WMV(Windows)
MOV(Mac)
MP4(iPod/PSP)
MPEG
FLV(Adobe Flash)
MKV(h.264)
動画サイトでは一番有名だと思われるYouTube。動画数、人気ともに絶大。メディアプレーヤーを立ち上げなくても再生ができる、ファイルサイズが小さいといった理由もあるが、ADSL環境であれば即再生できるといったメリット
がある。ただし、画質が悪く、アップロードした後にすぐアップされないことがある。
Veoh 無制限
※要無料
会員登録
AVI
MPEG4(DivX、Xvid)
など
高画質、高音質、動画数、と全てが揃っている動画共有サイト。ただし英語のみの対応となっている。
Pandora.
TV
無制限 FLV形式のみ 韓国発の動画投稿・共有サイト「Pandora.TV」の日本語版。キーワード検索や、人気動画一覧から気になる一本を選び、タップすれば直ぐに動画を楽しむことができる動画の高速アップロード、安定した動画視聴を楽しむためのプレミアム会員、それに加えて動画のダウンロード機能が付いたU-プレミアム会員(どちらも月額課金制)が存在する。
Megaup
load
無料会員
:2GB
有料会員
:無制限
特に記載なし 非会員、無料会員、有料会員にそれぞれ違いがあり、一度にダウンロードできるファイルの数は、非会員、無料会員は1ファイルのみ。プレミアム会員になると無制限。また、ファイルのサイズが 1024MBを超えていると、プレミアム会員以外はダウンロードできない。さらに、ダウンロード開始までの時間にも違いがあり、プレミアム会員は即ダウン ロードできるが、無料会員は25秒、非会員は45秒待つ必要がある。
eyevio 150MB mp4
m4v
mpg
flv
3gp
3g2
wmv
avi
movQuickTime
VOB
RealPlayer
DVDほどではないが、今までの動画共有サイトの常識を覆す高画質。また、アップロードが完了して3~5分ほどでエンコードが完了すると、ストレスを感じさせない。ただし容量が少ないのが難点
Ameba
Vision
無制限 MPEG-4MPEG-1
MOV
AVI
WMV
VOB
FLV
3GP
3G2
AMC
サイバーエージェントが運営する動画配信サイト。。携帯の動画をメールでアップロードできたり、PCからでも動画のアップロードの方法が容易。また、アメーバブログをやっている方な動画投稿が簡単にできる。
Daily
motion
2GB動画の
長さの
限度は60分
MP4
MOV
WMVAVI
など
様々な国の動画が見られるのが特徴。動画ごとにどこの国からアップロードしたかがわかる。日本語以外の言語にも対応している。
同じ興味を持つ人同士が情報交換しやすいグループという機能がある。
ニコニコ
動画
無料会員
:FLV,MP4
:40MB
その他の形式
:100MB
有料会員
:全形式100MB
FLV
MP4
DivX
XviDMPEG1
MPEG2
WMV
など
日本ではYou Tubeに次ぐ知名度・アクセス数を誇る動画配信サイト。最大の特徴は動画の上にテキストで「コメント」を投稿できることである。日別・週別・月別でコメント数・視聴数・お気に入りにあたるマイリスト数でランキングが表示されるため、ランキングの上位を狙って面白おかしい動画が投稿される場合が多く、編集された動画の割合が高い。
ワッチミー!
TV
500MB
※要無料
会員登録
AVI
DV
Motion-JPG
MPEG-4
3GP
3GPP
WMV
MOV
H264
MP4
FLV(SorensonSpark圧縮のみ)
フジテレビ系の動画共有サイト。サービス内容はyoutubeに似ているが、著作権法違反になるコンテンツや不適切なコンテンツは配信されない。
Flip
Clip
無料会員
:100MB
有料会員
:毎週1GB
Flashビデオのみ 「ムービーデコレーション機能」という動画に直接絵が描けたり、効果音をつけたりすることができるが用意されている。動画はFLASHに変換されてから再生される仕組みになっていて、再生まで少し待たなくてはいけない。

一般的に知名度が高いのはやはりyoutubeです。
 未登録でも動画が見れ、他のサイトへの連動もボタン一つでできてしまいます。
ブログやmixiなどのウェブサイトに挿入し、公開することができます。再生時間が短いのが難点ですが、それでもかまわない方には使い勝手が良いと言えます。

また、youtubeは再生後に関連動画が出てきてしまうのですが、それも動画を再生する際に、YouTubeの画面で埋め込みタグが表示されている枠の右の歯車のアイコンをクリックすると、下に画面が表示されるのですが、「関連する動画を含む」のチェックを外してから埋め込みタグをコピーすると、再生後に関連動画は表示されなくなるので安心です。

次点でオススメなのがeyevioです。ボタン一つでHDに切り替えができ、アップロードの際に上げた容量とパーセンテージがしっかり出ます。また動画が終了した際に関連動画が出ないのも魅力の一つです。
皆さん、自分にぴったりの動画サイト発見の参考にしてくださいね。

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

*

PAGE TOP