そこで、天気予報サービスを提供しているところを紹介したいと思います。

●tenki.jp
http://tenki.jp/webservice/blogparts/
tenki.jp のサイトではお天気ブログパーツというサービスを開始しました。
ほとんどのサイトは無料で利用できますし、地方（スポット）の天気予報図を
掲載することが可能です。

【掲載方法】
「お天気ブログパーツの設置について」内の天気予報を選び、クリックすると
お天気ブログパーツ(天気予報)ページに飛びますので、
そこでソースをコピーしてから、あなたのページに貼り付けるだけでＯＫです。

尚、サイトの運営携帯によっては有料になる場合がありますが、
個人の非営利サイトなら問題なく無料で利用できるようです。
詳細はヘルプをご覧になると良いでしょう。

これにより、顧客はリンク先のサイトに自分が求める情報があるかどうかを判断しやすくなるほか、サイト運営者は検索結果画面での自サイトのアピールが可能となる。
12月16日時点で、検索結果画面には、まず「Yahoo! オークション」や「Yahoo! グルメ」、「Yahoo! 百科事典」など、ヤフーがあらかじめ設定したサイトが表示されるようになる。表示内容を変更したい場合は、検索結果画面の右上に表示される［設定］より、プラグインの追加および削除が可能。
また、外部サイトも順次表示させていき、来春からは、サイト運営者が検索結果画面の内容を自らカスタマイズできるツールも公開するという。なお、当面は PC 版のみの機能提供となる。

http://headlines.yahoo.co.jp/hl?a=20091216-00000025-inet-inetTechnorati

タグ ヤフー, yahoo, 検索方法, カスタマイズ

まだ正式リリース前だが、なかなか興味深いサービスなのでご紹介。
SiteCake はブラウザから簡単に Web サイトを作成・編集できるツールだ。
詳しい導入方法はまだ明らかにされていないが、編集したいサイトに SiteCake フォルダを追加するだけで、Firefox から直感的に編集ができるようだ。
現在、サイトの方でデモを試すことができるが、ドラッグ＆ドロップで文章を追加したり、マウスで位置を変えたりといったことが実に簡単にできてしまう。感動ものなのでぜひ試してみてもらいたい。
こうしたツールがあれば、まるで紙の上で落書きするようにサイトができてしまうのではなかろうか。
年末には無料プランがリリースされるようなので楽しみにしていたい。
（記事提供 : 百式）

SiteCake：
http://sitecake.com/
http://headlines.yahoo.co.jp/hl?a=20091212-00000000-inet-inet

http://www.google.com/ig/directory?synd=open

因みに上記のＵＲＬを開いて英語表記になってしまった方は、
ブラウザの言語表示を日本語にすると解消します。

【貼り付け方】
１.上記サイトを開くと以下のように、多くのガジェットが開きます。

googleガジェット

２.「コードを取得」を押してからコードを取得して、自分のＷＥＢサイトに貼り付けてみてください。

【注意】
ガジェットの文字化けが起きる場合があります。
これは、文字コードが違うのが原因ですので、コードの最後に
charset=”utf-8″　を入れることで解決できます。

もしこれでも、どうしても解決できない場合はガジェットのソース内での
文字化けが考えられますので別のものにするしか方法はなさそうです・・・。

１．自分のＰＣに常時表示させる方法
２．googleなどのマイページに組み込む方法
３．自分の持っているWEBサイトなどに表示させる方法

今回は、まず、googleのiGoogle内のマイページに旬のキーワード用ガジェットを表示させつ方法を紹介します。
他にも色々ありますので、ご自分の好みで掲載させると良いでしょう。

【急上昇ワードの利用方法】
１．まず、http://www.google.co.jp/　にアクセスします。
２．開いたページの右上のiGoogle をクリックします。
３．iGoogle にログインします。（ＩＤは無料登録できるのでしておきましょう。）
４．ログインするとマイページが開いているはずですので、右上の「コンテンツ追加」をクリックします。
５．追加可能なガジェットがずらりと出現します。
この状態で、右上の「ガジェットを検索」の検索フォームに「急上昇ワード」と入れて検索します。
６．「急上昇ワード by Google」やYAHOOのワードに関するガジェットが表示されています。
「今すぐ追加」を押すと完了です。

ガジェット

７．iGoogle にログインした状態なら、マイページに追加したガジェットが表示されています。

まず、https://addons.mozilla.org/ja/firefox/addon/590　にアクセスをして緑色の「Ａｄｄ　to　FireFox」ボタンをクリックすると、自動的にFireFoxにインストールされます。
その後はブラウザを再起動するだけで、ステータスバーの右下に見事、ＩＰアドレスが表示されます。
これ、結構重宝します。＾＾

実は、筆者の場合も気がつくと、http://www.freelotto.com/　へのページが
（ＩＥを起動させた時に）強制的に開いてしまうという現象に遭遇しました。
ま、いつの間にか仕込まれたことになりますね・・・。

これが詐欺サイトです。

それで、削除方法をググッてみましたがなかなか見つかりませんでした。汗・・・。
ところがあるサイトで、bull… tool Bar　が原因で、それを削除したらＯＫという
情報を見つけました。

で、早速、ＰＣのコントロールパネル内の、「プログラムの追加と削除」を開き、
中を確認したところ、「bullseys tool Bar」がありました！
おお！、これこそ、bull… tool Barに間違いないでしょう・・・。

そして、削除することにしたのです・・・。

以下の画面はコントロールパネル内で、「プログラムの追加と削除」を開き、
そのファイルを指定し、削除ボタンを押す前の状態です。

コントロールパネルでの削除画面

早速、削除をしてみたところ、怪しいサイトは開かなくなりました。
これで一見落着です。＾＾

http://www.freelotto.com/が自動表示されて困っている方はこの方法をどうぞ。＾＾

また、２カラムや３カラムの場合、サイドバーに写真画像や宣伝用バナーを
掲載したいケースがあります。掲載後に個々の変更が出た場合は、
共通ページのテンプレートを編集することで前頁の編集が可能ですが、
テンプレートを使いたくない場合もあります。

そんな時には、IFRAMEタグを使用して、そこに表示させたいページを
別途に用意するのが良いでしょう。

例えば、サイドバーとフッター部分をIFRAMEタグを使っての表示は
良いと思います。

ただし、IFRAMEタグを使った場合は高さをきちんと設定しないと
かくれてしまいますので注意が必要です。問題は、内容量に合わせて
高さが自動的に可変すれば良いのですが、今のとことはjavascriptを
利用するような方法しかないようです。

さて、IFRAMEタグを使用した場合、IE6で見た場合に
下側のスクロールバーが表示されて見栄えが悪いというケースがあります。

このような場合は、htmlタグの横に、overflow-x:hidden;を付け足すことで、
消すことができます。お試しください。

また、外部CSSを使用した場合は、

body { overflow-x: hidden; }　と記述すると良いでしょう。

ＷＥＢ作成においては、一般的にオーサリングツールと呼ばれるソフトを使用します。有名どころではドリーム・ウイーバー、ホームページビルダーなどがそれにあたります。

ＷＥＢ作成をする場合、思い通りのＷＥＢページを素早く的確に作れることが条件となりますね。そこで、まず、初心者向きのソフトを考えた場合、どの程度本気に使いたいか？が重要と言えるでしょう。

手軽に簡単に使用したいというのであれば、テンプレートや素材が標準装備になっているホームページビルダーがおすすめです。

ホームページビルダーには操作が簡単な画像加工ソフトも組み込んであるので、何も考えなくても一通りのページが短期間に作れるようになります。欠点といえば、ソースを自動的に直してしまうため、作者の意図しないソースになってしまうこともあることです。しかし、ここのところは、実際に制作をした方が実感するので、最初のうちは神経質にならなくても良いでしょう。

一方、DreamweaverはＷＥＢ作成についての様々な機能をカスタマイズすることができます。言わばプロご用達のソフトになります。
バージョンによっても異なりますが、プロが利用したい機能がほぼ網羅されているので、ＷＥＢデザイナーはこちらのほうを使用するケースが多いのです。

Dreamweaverは余計なテンプレート等は省いてありますし、素材集もありません。その代わり企業が望むような機能に対応できるような高度な仕組みが標準で装備されています。
このように本格的に使用したい方にはDreamweaverがオススメということになります。

現在、DreamweaverはＣＳ４が最新バージョンになっています。
筆者はこのバージョンは使用していませんが、それまでのＣＳ３と使い勝手がかなり変更になったようで、従来までの操作に使用に慣れた方には「新しい操作を覚える」という試練があるそうです。

Dreamweaverがより進化を迎えたのはＭＸあたりからです。

Macromedia Dreamweaver MX (2002年5月発売)
Macromedia Dreamweaver MX 2004 (2003年9月10日発売)
Adobe Dreamweaver CS3 （2007年6月22日発売）
Adobe Dreamweaver CS4 (2008年12月19日発売)

例えば、ＩＥ６、ＩＥ７～８についても表示が違いますし、Firefox3なども違います。
ＩＥについては現在の最新版はIE8ですが、実際にはＩＥ6の使用者も多く、ＷＥＢ作成の観点からすると見捨てるわけにはいきませんね。

自分の場合は、IE6とfirefox3で確認をしておけば、ほぼ満たされるだとうと両者の環境でおりましたが、そろそろIE7の環境も整えておきたいと思い使用中のwindowsＸＰ-SP3にIE6とIE7を共存させようと思いました。

ﾈｯﾄ上で色々と検索した結果、二通りの方法があり、実際に試してみたので紹介します。

まず、第一の方法は、Virtual PC 2007にInternetExplorer7をインストールするというものです。これは、Virtual PC 2007をインストールしておき、その後にInternetExplorer7をインストールして起動させます。

IE7は英語版のため、日本語版にしなければブラウザの文字自体が□などのわけのわからない表示になり、使い物になりません・・・。

日本語化の設定手順では、IE7の画面上でマウスの右クリックから言語→japanを指定するものです。その後、dllファイル等のインストールが必要ですので、設定にはＸＰディスクが求められます。

しかし、途中でいくつかのファイルを求められ、ＣＤも用意しているにも関わらず、どうにもインストールができないのです。試行錯誤を行いましたが結局は断念しました。（なぜか、サービスパック３のフォルダを認識しなかった・・なんでだろう？）

さて、第二の方法ですが、IE6にＩＥ７をスタンドアローンで立ち上げる方法と、ＩＥ７を基本としておきIE6を起動させる方法がありました。

自分の場合はこれからのことも考えて、ＩＥ７を基本にしておき、ＷＥＢの確認用にＩＥ６を立ち上げることにしました。

で、インストール方法は至って簡単です。

１．マイクロソフトのページからIE7のインストールファイルをダウンンロードしてインストールします。
ここで、IE6にIE7が上書され、IE7環境になりました。

２．http://browsers.evolt.org/?ie/32bit/standalone　のサイトからie6eolas_nt.zip　をﾀﾞｳﾝﾛｰﾄﾞします。

ダウンロードしたファイルを任意のフォルダで解凍すると、フォルダ内にiexplore.exeが出現するので、それをクリックするだけでIE6が起動します。たったこれだけなので少し気が抜けたような気もしますが、ＷＥＢの確認用に使用するならバッチリですね。

詳細はこちらのサイトを参考にさせていただきました。
http://coliss.com/articles/build-websites/verification/69.html

因みに、本当にIE6が起動しているのかを検証したい場合は、以下のサイトを見ると、ブラウザによって文字色が異なるＣＳＳを組み込んでくれていますので、間違いがないことが確認できます。

風の吹くまま 気の向くままに
http://at-shima.cocolog-nifty.com/blog/2007/07/cssie6ie7_9737.html