WEB制作会社のメモ帳in徳島(ホームページ作成Tips)

少し前の話題なのですが、最近同じ問題に出くわしましたので備忘録として書いておきます。
SP2のIEではローカルのFLASHがブロックされることがあります。
その場合、Adobeのサポートデータベースによると

<!-- saved from url=(0013)about:internet -->

の1行をHTMLソースに入れると良いとのことです。
場所はどこでもかまわないようですが私は1行目に入れました。
ただし、これだと確かにブロックはされないのですが、過去の記事でも書いたように、ユーザーはFLASHをクリックしてアクティブ化する必要がでてきます。
そこでその問題を回避する方法なのですが、FLASHの呼び出しをJavaScriptで行うことになります。
詳しい方法は下記のAll About様のガイド記事で詳しく紹介してくださってますので、そちらを参照してください。

Flash等をIE仕様変更に対応1
http://allabout.co.jp/internet/javascript/closeup/CU20031106/index.htm

Windows XP Service Pack 2 での Flash の使用
http://support.adobe.co.jp/faq/faq/qadoc.sv?228633+002

投稿者: 徳島のWEB制作はb-next 日時: 18:25 | パーマリンク | コメント (0)

IEでFLASHを閲覧する場合、環境によっては下記のように「クリックするとこのコントロールをアクティブにして使用します」と表示され、ユーザーのクリックが必要になる場合があります。

これはIEの仕様変更が原因です。

続きを読む "IEでFLASHやDHTMLを表示する際の不具合" »

投稿者: 徳島のWEB制作はb-next 日時: 01:10 | パーマリンク | コメント (0)

ブラウザ上では通常、FLASHは一番上に表示されてしまいますので、
プルダウンメニューやDHTMLで作ったポップアップメニュー等が、
FLASHの後ろ側に入り込んでしまい見えなくなるといった場合があります。

FLASHとポップアップメニューを重ならないようにレイアウトするのが、
この問題を解決する一番良い方法なのですが、
様々な事情によりどうしてもレイアウトを変更できない場合があります。
その際にはウィンドウレスモードを使用することで、
ある程度対処することができます。

続きを読む "ポップアップメニューをFLASHの上に表示するには" »

投稿者: 徳島のWEB制作はb-next 日時: 16:28 | パーマリンク | コメント (0)

最近CSSでロールオーバーを実現したり、見出しタグをテキストで記述し、見た目はCSSで画像を見せるといったテクニックが流行っています。
どちらもCSSでテキストを不可視にしたり、画面外に表示するといったテクニックを使っています。
よく議論されるのがこのテクニックは(特にGoogleにおいて)SEOスパムにあたらないのかということなのですが、

「結果としてロボットを騙していることになるので、Googleのガイドライン的にはスパムである。
現在はペナルティはないが今後スパム認定される可能性は高い。」

という意見と、

「隠しているテキストと画像の意味が同じであればスパム行為にはあたらない。
画像の意味をロボットが判別するのは難しいので、今後もスパム認定される可能性は低い。」

という意見にわかれます。

続きを読む "CSSを使ったテクニックはスパムになるのか" »

投稿者: 徳島のWEB制作はb-next 日時: 16:03 | パーマリンク | コメント (0)

WebSeeder様が提供されているbpTranというツールを使えば、CSV形式のデータファイルを読み込んで、同一デザインの内容が違うページを一括作成することができます。
例えば、ネットショップなどで商品情報をデータベース等で管理している場合、テンプレートとなるHTMLファイルを用意するだけで簡単に全ページを作ることができます。
設定もそれほど難しくありませんので、同一デザインのページを大量作成する場合には大変重宝するツールです。

bpTran ver. 0.9m
http://webseeder.net/bp/bptran0.9m/readme-bptran0.9m.html

投稿者: 徳島のWEB制作はb-next 日時: 00:35 | パーマリンク | コメント (0)

お客様にCMSを提案する場合、Movable TypeかXOOPSを提案する場合があります。
しかし、これらのツールはカスタマイズが少々難しく、導入の際の金額も少々高くなりがちです。
お客様の中には「CMSを導入したいが費用はあまり出せない」という方もいらっしゃいますので、そのような場合にはCMS Designerを提案してみてはいかがでしょうか？
このツールの特徴は、難しいプログラムの知識が必要ないということであり、デザイナー自信がCMSを導入することができるので、導入費用を安価に抑えることができます。
また、ツール自体のライセンス料も49,800円（税抜)と安く、新しくパッケージを作るよりもコストを抑えることができます。
システム部分はCMS Designerに任せてデザインに専念することにより、自社はもとよりお客様にもメリットがある大変便利なツールだといえるでしょう。

CMS Designer
http://cms.al-design.jp/

投稿者: 徳島のWEB制作はb-next 日時: 20:59 | パーマリンク | コメント (0)

XP環境下では通常IE5以下のバージョンを使うことはできませんが、Skyzyx様のページで配布されている「Standalone Internet Explorer」を使えばIEの各バージョンを使うことができます。
CSSデザインサイトのブラウザチェック時にとても重宝します。

Standalone Internet Explorer
http://downloads.skyzyx.com/index.php?fpp=20&did=8

投稿者: 徳島のWEB制作はb-next 日時: 22:18 | パーマリンク | コメント (0)

BrowserCamなら様々なブラウザで表示した際のスクリーンショットを見ることができます。

BrowserCam
http://www.browsercam.com/

投稿者: 徳島のWEB制作はb-next 日時: 03:27 | パーマリンク | コメント (0)

下記のようにすることで隙間をなくすことができます。

[例]
padding: 0px;
margin: 0px;
border: none;
vertical-align: top;

投稿者: 徳島のWEB制作はb-next 日時: 03:13 | パーマリンク | コメント (0)

下記のようにline-heightとheightを同じ値にすることで実現可能です。

[例]
line-height: 30px;
height: 30px;

投稿者: 徳島のWEB制作はb-next 日時: 01:34 | パーマリンク | コメント (0)