ウェブデザイン

IE6とIE7のCSS表示の違い

ここしばらくIE7とFireFoxばかり利用していて、ホームページ作成でのレイアウト確認でもこの2つのブラウザを利用していましたが、どうやらIE6とIE7では、少しCSSの表示が変わってしまうようで、IE6で確認するとFloat落下するのにIE7では正常に表示されるようです。

IE6では以前から余白（padding）に関するCSSのバグ（？）が明らかになっていましたが、IE7になってからは、他のブラウザ（FireFoxなど）と仕様が同じになっているのか、Float落下などの現象が起きないみたいです。IE7のCSSに関する情報は既にあちこちのサイトで公開されているようです。Googleで「IE7 CSS」で検索するとたくさんでてきますので、確認してみてください。

このIE6とIE7の表示が変わったことによって、ウェブ制作をしている人はとても困りますよね。IE6からIE7にバージョンアップしてしまうと、通常ではIE6での確認はできなくなってしまいます。そこで、便利なのがIE6のスタンドアローン版です。これは、IE7がインストールされてても、単体で起動することができますので、ただ単に表示の確認をするだけなら十分です。

IE6スタンドアローン版の入手

IE6スタンドアローン版の入手は以下よりダウンロードサイトに移動し、「ie6eolas_nt.zip」のリンクよりダウンロードしてください。

IE6スタンドアローン版 ダウンロード
http://browsers.evolt.org/?ie/32bit/standalone

★オススメ★

昨日、ホームページの横幅の決め方についてお話しましたが、やはり、ごく少数とはいえ、一部のユーザーが快適に閲覧できない人がでてくるのは事実です。こういった人たちを無視するというのは、ビジネスホームページのユーザビリティの面から言うと、適切とは言えません。やはり、全てのユーザーに対して快適な環境を提供していくということが、本来のユーザビリティ向上の目的ですから。では、全てのユーザーに対して、快適に閲覧できる環境を作ることにしましょう。

ユーザビリティを考慮したホームページ横幅の切り替え

一つのデザインだけで、すべてのユーザーに快適な閲覧環境を提供するのは不可能です。どうしても一部のユーザーを無視することになってしまいます。では、この問題を解決する方法をご紹介します。

この問題を解決するには、コラム型のホームページのデザインを作ります。コラムとはホームページのサイドに表示される、コンテンツメニューのようなものですね。このコラムには1コラム、2コラム、3コラムといろいろなレイアウトがありますが、これをホームページの内容を変えずに、CSSで1コラムと2コラム、3コラムとそれぞれのデザインを作成していきます。これを、ホームページ上でユーザーが自由に切り替えられるようにするのが一番の方法です。

例えば、メインコラム（コンテンツ表示部）を480pxとします。1コラムの場合は、この480pxがホームページ全体の横幅となります。次に2コラムにした場合。サイドバーの領域の横幅を200pxに設定したとします。すると、200+480=680pxの横幅。同様に、3コラムの場合、200+200+480=880pxとなります。この3つのレイアウトをCSSで切り替えて表示するというものです。

CSSの切り替え方法については、また後日に詳しく解説したいと思います。

新しいホームページのリニューアルプラン開始

ウィ・ドックのホームページ作成プランに、今日から新たに「コピペdeリニューアルプラン」ができました。プラン名だけを見ると、「コピペってなに？」という感じでしょうか(=^_^；

コピペdeリニューアルプランの詳細

このプランは、既に開設、運営中のホームページをお持ちのお客様を対象に、内容をそのままにデザインのみをリニューアルできるという格安のプランです。要するに、今公開中のホームページの掲載内容を「コピー＆ペースト」して、新しいデザインに置き換えてホームページをお作りするという内容です。

コピペdeリニューアルプランの料金

• デザイン料 ：31,500 円 （税込み）
• ページ作成料 ：1ページにつき　5,250円（税込み）

料金計算の例
［今あるホームページが10ページだった場合 ］
デザイン料 31,500円 ＋ ページ作成料 5,250円 × 10ページ ＝ 84,000円

何でこんなに安くできるの？

通常のホームページ作成やリニューアルとは違い、既にホームページに掲載する内容が決まっていますので、一切、お打ち合わせなどを行う必要がありません。そのため、すぐに作り始めることができ、コピー＆ペーストでどんどん作れるので、通常の作成とは違い、短期間で作成できるという点から、これほど安い料金設定にすることができました。

こんなに安くて、ちゃんとしたページができるの？

1. 基本ホームページデザイン設計料（ウェブ標準：XHTML+CSS）
2. ページ作成料
3. ページ内SEO対策（METAデータの調整及び、キーワードの調整）
4. XML版サイトマップの作成

このように、最低限ホームページの開設、運営に必要な作業は含まれております。また、ホームページのレイアウトデザインは、すべてウェブ標準に乗っ取った、XHTML+CSSデザインにて行いますのでご安心ください。

さらに「コピペdeリニューアルプラン」の詳細をご覧になりたい方は以下をご覧下さい。

ウィ・ドックのホームページ作成プラン
コピペdeリニューアルプラン

Dreamweaverのサイト管理の間違い

先日、Dreamweaverの使用方法について、知人から以下のような相談を受けました。

「あるサイトで、Spry機能を使用して、ナビゲーションを作成したんですが、ローカルでは正常に動くのに、サーバーにアップすると動きません。何か、Spryを設定した際に、サイト内にJavaScriptのフォルダ「js」とかが自動で作成されたみたいですが、そのフォルダをどこに置けばいいのかわかりません。ファイルの階層が間違っているみたいなんですが、どうすればいいでしょう？」

ということらしいです。

DWでのトラブルがサイト管理のやり方が原因と判明

さて、私も自分の環境でいろいろSpry機能をいじってみたんですが、ローカルでもサーバーでも問題なく動作します。とりあえず、一度目のアドバイスでは、「DWで作成されたディレクトリもファイルも、DWのサイト表示と同じように、何もさわらずにアップロードしてみてください。」と指示。しばし待つ・・・「ダメみたいです。」う～ん。さらにいろいろと詳しい状況を聞くと、「テストサイトの中に、今回Spryを使用したサイトを入れて、DWで編集して・・・」「え？なに？ちょっと待った！」問題はそこだ！

どういうことかというと、DWではサイト管理という機能があり、それぞれのサイト一つ一つに対して、Templateやサイト構成などを管理しているわけです。で、一つのサイト内にあるファイルやディレクトリ構造はキャッシュされたサイト情報として保存されています。

これが、今回の知人のトラブルでは、一つのサイト内にもう一つ（実際は4～5サイトあったらしい）のサイトが存在していたので、Templateでファイルを更新すると、一番上の階層にあるサイトが更新されてしまい、内部にあるサイトの情報が正常に更新されていない状況になっていたわけです。

このことを伝え、それぞれのサイトを別々のフォルダに移動し、再度設定しなおしてくださいとお話したところ、正常にSpryが機能したそうです。このように、サイト内にサイトを作成すると、Spryに限らず、リンク切れなどの思わぬトラブルが起こりますので、DWでのサイトは、それぞれ独立したフォルダで作成して管理しましょう。

格安で作るホームページはウィ・ドックへ

ウィ・ドックのホームページ作成プランで、とてもお得にホームページを作ってみませんか？現在、5万円を切った3ページコースと格安でも満足のボリュームの5ページコース、2つのホームページ作成プランを提供しています。当店で、一番人気のホームページ作成プランです。

ホームページ作成というと、「高額」というイメージがあると思いますが、当社のホームページ作成プランを利用すれば、お手頃な価格でオリジナルデザインのホームページを気軽に作ることができます。金額の面でなかなか作れなかったホームページをウィ・ドックで作ってみませんか？

格安でもオリジナルデザインでホームページを作成

格安だからといって、手抜きで作成するわけではありません。他社で提供する格安のホームページ作成プランのように、予め用意されたデザインテンプレートにはめ込むだけのような作り方はいたしません。すべてお客様が提供するコンテンツに合ったデザインを、一から作成いたしますので、同じデザインのホームページが他に存在するようなことはありません。

ウェブ標準でしっかりしたホームページを作る

しかも、レイアウト＆コーディングは「XHTML + CSS」の形式で作成し、すべてW3Cの基準に沿った「ウェブ標準」にて作成いたします。ウェブ標準でのホームページはSEOの面から見ても優れた効果が得られます。既にお持ちのホームページが「TABLEレイアウト」で作られているならば、この機会にウェブ標準に移行されてはいかがですか？

ウィ・ドックのホームページ作成プラン詳細