2006年01月20日

Web作成 −目次−

Webスペース確保

リファレンス等

Web発注時

Webページ作成時の注意

  【作成基礎】
 【トラブルシューティング】
 【ケースバイケース】

ツール

素材

副業?

未分類(気になったニュースや記事の暫定リンク)

 ・夏休みのサイト・リニューアル大作戦! あなたのWebサイトをたな卸ししよう:ITpro
 ・“通る企画書”作りの基本/上司を説得できる企画資料の作り方講座#1 Web担当者Forum

 ・8秒ルールとは 【8 seconds rule】 - 意味・解説 : IT用語辞典
 ・2秒ルール とは | ユーザビリティ用語集 | ミツエーリンクス

 ・DNSサービスの仕組みについて(中級編) So-net
 ・サーバー移転作業の流れ DNS浸透期間 プロパゲーション期間 デラホスト レンタルサーバサービス

 ・LPOツール【CONDUCTOR LCO】楽々運用のコンテンツ自動最適化LPO
 ・@IT情報マネジメント:CRMとeCRMの違いとは?

タグ:web 目次
posted by まき at 00:35 | Comment(0) | TrackBack(0) | Web作成 | ブックマークに追加する

2006年02月05日

ホームページ作成-ドメイン取得

■ドメイン取得

【安い】 海外格安ドメイン取り扱い:安いが怪しい。
     英語読み書きできないと無理。
    > Web上で情報を探すと出てくる超格安のところ
 
【普通】 国内格安ドメイン取り扱い:ネット中上級者向け。
     格安レンタル業者タイアップもの
    > VALUE DOMAIN

【高い】 国内ドメイン取り扱い。
     知識のない人はお金で安心を買いましょう。^^;
    > ・お名前.com(com、net、org/jp)とか名前の知れた大手サービス

■注意事項
 ドメインは早いもの勝ちです。欲しいドメインが取られたら、次に空きが出るまで待たなければなりません。
posted by まき at 23:44 | Comment(0) | TrackBack(0) | Web作成 | ブックマークに追加する

2006年03月20日

Web音楽素材

■音楽素材屋さん
MIDI素材
MIDI・MP3素材


MP3・FLASH 素材

参考サイト>
 ・WEBに音楽を!!


 ここでは、単にBGM(バックミュージック)として音楽を鳴らしたいときに必要な知識について記します。ビデオやオーディオのストリーミングについて詳しく語るわけではありません。映像や音楽配信などは面倒なので、自力で調べてください。(^ ^;)

音楽を鳴らすのに必要なもの

 ちょっとしたバックミュージックを流したいときは、自分でその音楽を作るか、無料の素材を使うかになります。素材としてよく見るのは、「MIDI」で、拡張子は「.mid」になります。もっともベーシックな形式で、「音源」をどんなタイミングで再生するかという情報しか持たないので、ファイル容量も小さくてすみます。(マルチメディア関係は、ふつう、かなり大きな容量になるのが常識) 他に手軽に使える素材というと、MIDI素材ほど多くはありませんが、フラッシュ素材もあります。

■ プラグインが必要なんだけど……

 基本的に音楽再生はプラグインが必要なんですが、最近は、ほとんど意識しなくても音楽は勝手に再生されると思います。MIDI ファイルの再生にも「MIDI プラグイン」が必要ですし、フラッシュ素材は当然、フラッシュのプラグインが必要なんですが、今のパソコンはだいたい必要なプラグインが入っているので、何もしなくても音は鳴ると思います。
 ただ、ブラウザの種類とMIDI 再生のタグによっては、BGM が鳴らないこともあるようです。「Internet Explorer」は問題ありませんが、それ以外のブラウザだと、自動演奏のための<embed>タグの動作に問題があるらしく、BGM 再生ができないようです。もちろん、MIDIファイルへリンクして再生させている場合は、どんなブラウザでも問題なく再生できるんですが。(私の使用環境ではそうです (^ ^;) ) 

■ 注意事項

 BGM を鳴らすのなら、再生を止められるようにコントロールパネルを表示しておいたほうが無難です。できるなら、そのページを開くと問答無用でBGM が鳴るのではなく、聴くか聴かないかを選べるようにすると親切でしょう。突然音楽が鳴るのも心臓に悪いし……会社とかで見ているときは、気まずい思いもしますから、BGMがあると。(遊んでいるように見られてしまう)
 知識があれば、Cookie(クッキー)を使って、BGMの有無を記憶してコントロールなんて技もあります。あまり大きな音楽ファイルを使うと、読み込みに時間がかかるので、ほどほどの大きさの曲を選ぶといいでしょう。

MIDI(ミディ)

 MIDI音源には、音源の規格がいくつかります。代表的なのは、「GM規格(基本の規格)」「GS規格(Rolandの規格)」「XG(YAHAMAの規格)」です。BGMとして聴かせるなら、「GM規格」にしてください。――そもそも、「GM規格」が作られた背景は、各社でばらばらだった規格を共通化しようという目的があり、これが作られる前は、音源の種類によって同じデータでも、演奏すると楽器の音色が違って演奏されてしまうという問題が生じました。音色の割付など細かな仕様が各社でばらばらだったからです。「GM規格」に対応していれば、最低限は音源の共通性が確保されています。「GS規格」「XG規格」は、それぞれの会社が「GM規格」を拡張して作った規格で、音色の良さからいえば、絶対、「GS規格」「XG規格」のほうが上です。(^ ^;)
 ※配布されているMIDI素材を鑑賞目的で聴きたい場合は、自分のパソコンが対応している音源のもの聴きましょう。「GS音源」「XG音源」を持っているなら、それに対応したファイルのものを選び、作曲者が意図した形に近づけて聴いたほうが、音色だっていいに決まってます。更に欲を言えば、外部音源を使ったほうがいいんですが、ふつうはそこまでお金をかけないので、良質のソフトシンセを使うといいでしょう。←何を言ってるか意味不明なら、気にしないですっ飛ばしてください。(笑)

 ▼ HTML文法

 BGM として使う場合は、<embed> が標準です。どのブラウザでも問題なく再生させるなら、<A HREF="...">〜</A>で、リンクさせたほうがいいでしょう。IEだけで使える<bgsound>というのもあるんですが(本当にBGMとしてだけ使うタグ。パネル操作もできない)、今、これは使わないんじゃないかな?
 ※ホームページスペースの制限で、音楽ファイルをアップロードできないところがあります。そういう場合は、ちょっと細工をしないといけません。別のスペースを借りて、そこから呼び出す形になります。何にせよ、素材屋さんに、詳しい取り付け方が書いてあるはずなので、そこで確認ください。
 embed タグ
 例えば、「midi_vc003.mid」という名前のMIDIファイルを自動再生するには、次のようなタグが必要です。(ここでは、いきなり曲が流れると驚くので、自動再生はさせていません。(^ ^;) )
 しかも、操作パネルは、「Internet Explorer」使用じゃないと、正しく表示されません。悪しからず。
 <embed src="midi_vc003.mid" width="100" height="30" panel="0" autostart="false" repeat="true" loop="true"></embed>
 素材を使うときなど、変更点は、このあたり。再生するファイルを設定/パネルの大きさを指定(「width:幅」「height:高さ」)/自動演奏設定(「true(自動演奏オン)」「false(自動演奏オフ:パネルの演奏ボタンを押すと演奏開始)」)/繰り返し演奏指定。「repeat」と「loop」をセットで設定しないと誤動作するときがあるそうです。(「repeat="true" loop="true"」で、繰り返し演奏。繰り返す回数を指定したいときは、「loop="1"」のように、数字で指定。「loop="-1"」で無限ループ指定も可能。「repeat="false"」で、一度きり演奏。「loop」設定は必要ない)
 なお、「パネルの色の変更」は、使用プラグインによって意味付けがちがう。MIDPLUG for XG を使ってると、「0:灰色」「1:黒」というパネルの色の変更などができたが、このプラグインの配布が終わった今、あんまり気にしないでいい項目になったような気がします。
 ※embed 自体は、音声や動画をページに埋め込むためのタグです。「src属性」で実行するファイルを指定。あとは、演奏に関する指定を行っています。HTML規約に入れてもらえなかったので、文法的には使うとエラーになります。代わりに、object タグを使うことが推奨されていますが、object タグの動作が完全ではないので、素材屋さんでも、embed タグでの取り付け方を説明しているようです。
 a タグ
 例えば、「midi_vc003.mid」という名前のMIDIファイルをリンク指定します。どう再生されるかは、どのブラウザを使っているかでかわるので、自分で確かめてみてください。
▼ midi_vc003.mid
 <a href="midi_vc003.mid">midi_vc003.mid</a>
 BGMで音楽を鳴らす場合というよりは、作った音楽をダウンロードさせるときに使うような気がする。(^ ^;)  自動再生とかできないし。ただこれなら、確実に音楽を聴くことができます。

 っていうか、どんなブラウザ(古くても新しくても、作成会社が違ってもという条件のもと)でも、同じように音楽を(自動)再生できるタグってあるんですか? あったら、教えてください!  しかもHTML文法的にクリアしてるタグなら、なおさら!

フラッシュについて

 数は少ないですが、見た目格好いい、音楽再生のプレイヤーの素材があるんです。フラッシュ素材なので、鳴らす曲として指定できるのもフラッシュファイルなんですが、一応、音楽素材屋さんで、フラッシュ音楽を配布してくれているところがあります。動作は重くなりますが、見た目にこだわるなら、おすすめです。
 HTML文法は、フラッシュ素材と何らかわりありません。フラッシュ素材の取り付けに慣れていれば、問題なく取り付けることができます。
posted by まき at 00:52 | Comment(0) | TrackBack(0) | Web作成 | ブックマークに追加する

ホームページ作成-フラッシュ素材

■フラッシュ素材屋さん

Flash(フラッシュ)とは

 効果音を出したりアニメーションとして動かしたり、動きのある「格好のいいページ」を作りたいときに使います。再生にプラグインが必要ですが、Adobe社より無償で配布されていますし、ブラウザへの普及率も90%を超えているので、インタラクティブ(双方向)のページを作りたいときに使用が期待されています。拡張子は「.swf」。フルカラー対応。
 ※難点文字が読みにくいことくらいでしょうか? 無料のフラッシュ素材だと、日本語自体が扱えなかったり、表示する文字の大きさも小さい感じがします。デザインは格好いいんですが……そういう意味、バリアフリー化とは正反対の位置にいるのかなっと思います。

■ Flash素材

 初心者の場合、自分でフラッシュを作成するのは不可能に近いので、最初は無料で配布されている「フラッシュ素材」を使ってみるのがいいでしょう。その後、その素材を改造してみて(改造可能な素材もある)、ゆっくりとソフトの使い方や、フラッシュでの表現方法などを覚えるのが得策かと思います。
 Welcom素材(オープニングムービー)、BGM・カウンター・検索窓・メニュー・更新履歴・掲示板・メールフォーム……などなど、ありとあらゆる素材が、格好よく動きのある形となって配布されています。フラッシュ素材単発のものもあれば、CGI素材のスキンとして配布されていものもあります。――スキンというのは、「見た目(デザイン)を変えるためのデータ」と思ってください。
 なお、スキン素材の場合は、最初にCGIを組み込んで動作確認をした上で使うことになります。はっきりいって設置は難しいです。リキを入れてがんばりましょう。慣れれば、そんなに難しくもないので♪

 ▼ 注意事項

 初心者向けのフラッシュ素材と、上級者向けのフラッシュ素材があります。初心者向けのものは、設置が簡単にできるなように、とてもわかりやすい設置方法の説明文書がついていたり、素材屋さんで「これを読めば疑問点はなくなる」というような「FAQページ」や「Q&Aページ」を用意してくれています。上級者向けは、そういうのが省略してありますので、心してください。
 素材を使う場合は、添付の Readme.txt やマニュアルなどを読み、動作に必要なファイルをすべてアップロードするようにしてください。ここに書いてある内容を理解できれば、設置は比較的簡単にできます。一部、ホームページスペースでは、フラッシュが動作しないとか、カスタマイズ用のテキストファイルが使えないところがあるそうです。正しく設置したにも関わらず動作しないときは、ホームページスペース側の制限に引っかかっていないか確認しましょう。
 ※こういう無料素材は、圧縮された形で配布されているので、最低限、ファイルの解凍方法を知ってないと辛いです。あとは、ディレクトリ構造とパス指定の方法を理解していると、設置に不安がなくなります。

HTML文法的には?

 「embed タグ」と「object タグ」の併記が一般的なようです。それなりのホームページ作成ソフトを使って入れば、必要なタグは自動生成されますし……それ以前に、フラッシュ素材を使う場合は、「こういうタグを使ってください」と、コピー&ペーストで使える形でタグが指定されているので、迷わずそれを使っちゃってください。(素材屋さんによっては、タグのバージョンが古かったりするんですが、そのタグを使ってちゃんと動作するので)

 

 ↑ こんな感じのフラッシュを使うには、次のようなタグが必要です。(このボタンを押すと、トップページに戻るようになってます。フラッシュは音も再生できるってことで、選ぶと音も出ます。(^ ^;) ) 

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="147" height="34">
<param name=movie value="button1.swf">
<param name=quality value=high>
<param name="BGCOLOR" value="#FFFFFF">
<embed src="button1.swf" quality=high pluginspage="http://www.macromedia.com/jp/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="Application/x-shockwave-flash" width="147" height="34" bgcolor="#FFFFFF">
</embed>
</object>

 素材を使うときなど、変更点は、このあたり。再生するファイルを設定/再生画質を設定/背景色を指定(16進数表示)/フラッシュの大きさを指定(「width:幅」「height:高さ」)
 あと知っておいて損がないのは、<param name=wmode value=transparent>で、背景色を透明にするタグを使うとか、<param name=loop value=false>と<embed …中略… loop=false>というふうに「loop」の設定を追加して(「true:ループ再生」「false:一回だけ再生」 )、フラッシュ再生を一度きりにするとか……かな。

■ embed タグ

<embed src="button1.swf" quality=high pluginspage="http://www.macromedia.com/jp/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="Application/x-shockwave-flash" width="147" height="34" bgcolor="#FFFFFF">
</embed>

 音声や動画をページに埋め込むためのタグです。「src属性」で実行するファイルを指定。あとは、背景色だの、大きさ指定だの、再生画質など、そのあたりの指定を行っています。<embed src="button1.swf">だけでも、実は動きます。(^ ^;)  でも、実際使うとなると、今指定してる程度の属性を設定しておかないと使い勝手が悪いです。再生にはプラグインが必要だから、プラグインがない場合はその情報ページを指定しておかないと意味ないし。
 HTML規約に入れてもらえなかったので、文法的には使うとエラーになります。代わりに、object タグを使うことが推奨されていますが、object タグの動作が完全ではないので、embed タグなどと混在した状況のようです。

■ object タグと param タグ

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="147" height="34">
<param name=movie value="button1.swf">
<param name=quality value=high>
<param name="BGCOLOR" value="#FFFFFF">
</object>

 <object>は、いろいろなマルチメディア関係をページに受けこむための、汎用的なタグです。細かい指定は、パラメータ制御の<param>を使います。<embed>とかの古いタグの代わりに出てきた汎用的なタグという位置付けみたいなもので、設定してる項目とか、ほとんど同じです。classid属性の訳のわからない数字の羅列は、「フラッシュを実行するよ」という指定です。
posted by まき at 00:56 | Comment(0) | TrackBack(0) | Web作成 | ブックマークに追加する

2006年03月21日

ホームページ作成-レンタル屋

■掲示板
 ・いるかねっと
 ・TeaCup掲示板 ・無料cgiレンタル『cgiboy』
 ・PMCJ RENTAL INDEX

■日記・カウンター
 ・無料cgiレンタル『cgiboy』

■リンク集
 ・PMCJ RENTAL INDEX

■フォームレンタル
 ・FC2フォームレンタル
posted by まき at 00:25 | Comment(0) | TrackBack(0) | Web作成 | ブックマークに追加する