iWeb'08でサイト再構築！
前回の投稿からの続きです（だいぶ酔いが回ってきました）。ということで、先週末からiWeb'08を使い以前のサイトの再構築を行ったのですが・・・・。やー、これがものすごく簡単でお手軽なのですね。そもそもたいした説明書もガイドもないのですが、何も読まなくてもいじってたらそれなりに出来てしまいました。複雑そうな事がそれなりに。7年前と比べても、5年前と比べても隔世の感があります。以前はホームページ作成ソフトでの意図とブラウザーの表示がかなり違い、しかもブラウザーによって表示がかなり違いますので結構気を使いました。フローティング・オブジェクトは恐くて使えなかったですし（たいていブラウザーでデザインが崩れてしまいます）、cssやHTMLをこそこそ書き直しつつ確かめて、できるだけ安定なフォントや表現方法を使っていました。フレームなんかも恐る恐る使ったり。iWebではそういうことをあまり考えずに出来てしまうんですね（逆にHTMLやcss、Javaがまったくいじれませんので、昔からサイト作っていた人には物足りない所もあるのですけどね）。足らない所も結構ありますが、iWebの使い勝手は結構良いものです。昔こうあったらいいな、というのがたいていワンクリックですむようになっています。写真もソフト上で色の調整やトリミングが出来ますし、iPhoto（写真管理ソフト）のアルバムをドラッグ・アンド・ドロップしたらそれだけで見やすいウェブ・アルバムが完成しますし・・・。しかも、たいていどのブラウザー使ってもほとんどデザインが崩れる事なく、それなりに表示されびっくりしました（MacOSX 10.4ではSafari3、Camino1.5、Firefox2で、WindowsXPではSafari3、Firefox2で動作確認し、ほとんど問題なし）。ただ、ひとつの例外がありまして・・・それがInternet Explorerなのです。サイトの再構築自体はトータル数時間ほどで完了したのですが、Internet Explorer7でのバグ取りだけにその後数日間費やしました・・・。10個のブラウザーのうち9個まで全く問題なくても、Internet Explorerで問題があったら世の中の8割の人はうまく見られないという事ですから・・・・・。
あまりiWebのユーザー数も多くなく、しかも説明書がなくても作れる分、ネット上にもトラブルシューティングがあまりありませんので、以下は参考の為と、自分のメモの為に（iWeb使われてない方はよくわからないと思いますので読み飛ばして下さい、愚痴みたいなものですし）・・・。
(1)写真にカゲをつけてアップすると、Firefoxではカゲが表現されず写真だけになってしまう。でもこれはまだ許容範囲。Internet Explorer7はなんとカゲだけ表示され、写真が表示されない！
→やむを得ずすべての写真のカゲを消して再アップ。写真が表示されるようになった。
(2)フォトアルバムのサムネールのページで、Internet Explorer7は写真の縁だけ表示され、写真部分が真っ白になってしまう。
→これは写真の縁を消してもダメだった。iWebのデフォルトでサイトのアドレスに日本語が含まれる仕様になっているのだが（Wikipediaの「http://ja.wikipedia.org/wiki/メインページ」みたいな）、どうやらこれがInternet Explorer7ではうまく処理できないみたいである。ページが全く表示されないのではなく、写真の部分だけが真っ白になってしまう。どうしてこう中途半端になるのか理由はよくわからない。半信半疑でアドレスをローマ字に変えたら縁付きの写真がちゃんと表示されるようになった。Internet Explorer7は日本語などの２バイトの文字の処理が苦手らしいという情報あり。
(3)WinのFirefox、Internet Explorer7で文字がドット文字みたいで読みづらい。文字が潰れる。目がチカチカする。
→これはWindowsの仕様と思われ、やむなし。全部13ピクセル以上で書き換える。あまり大きくするとMac上で大き過ぎるので13-14ピクセルくらいにした。Windows上でもSafariでは読みやすいフォントで表示された。
(4)iWebブログのエントリーのページで、Internet Explorer7だけで「次へ」「前へ」のリンクがうまく飛ばない。他のブラウザーでは問題なし。
→どうやらInternet Explorerではリンクのアドレスが途中までしか判断されていない様子。iWebのデフォルトでブログのエントリーのページには「エントリー」、アーカイブのページには「アーカイブ」と日本語がアドレスに入ってしまう。この為か？。このアドレスをアルファベットにする為には、iWebアプリケーションの「情報を見る」で「言語」から日本語を使わない設定にして立ち上げ直し再アップする。しかし、そうしてしまうとサイトの一部が英語表記になり、部分的に画像が×印になってしまう。今後ページを追加する時に問題があり、他のブラウザーで見る時の被害が大きいので、元に戻した。
(5)iWebブログのページがInternet Explorer7だけでやたらと読み込みが遅い。気が遠くなるほど遅い。まるでフリーズしたかのよう。Win上でもFirefox、Safariではそれなりにさくさく表示される。
→これはInternet Explorer7のレンダリング・エンジンの問題と思われ、どうしようもない。
(6)これはすべてのブラウザーで起こった障害。とある複数のページで写真、文章のほとんどが真っ白になってしまうという怪奇現象。
→少しずつ文章を削って数回アップしてみて何が原因か判明。そのページのリンクで「&」という文字が含んだ文にリンクがかまされているとそのページ自体が真っ白になってしまう。「&」→「and」、あるいは「&」を消す、などとして対処するしかなかった。
ということで結論。Internet Explorer7を含めたほとんどのブラウザーで表示可能となるよう努力しましたが、Internet Explorer7でだけは、一部のページで表示がやたらと遅く、一部のページでリンクがまともに飛びません。また、Windows用のFirefox、Internet Explorer7では文章が読み難いところもありますので、僕がいろいろ検証した結果としては、iWebで作成した（私の）サイトをご覧いただけるのであればWindows用のSafariが一番よろしいかと・・・・。もしご覧いただけるようでしたら是非お試しくださいませ・・・。因にInternet Explorer6はいろいろと不具合があるようですので試していません。ご了承下さい。また、Macの方はSafariで全く問題なしです。
ということで、ブログ、サイトともに気が向いたらアップいたしますので、宜しければ時々お付き合いいただけましたらと思います。今後とも宜しくお願いいたします。
↓で、最終的に出来上がったサイトはこんな感じです（旅のページがまだですが）。宜しければご覧下さいませ！
L'Etranger
コメント(1)| Track back(0) | 2007-09-05 23:02:19
| ■ 参考になりました。 |
新しい Mac を買ったので、iWeb を使って web ページを作ってみよっかなー、なんて始めましたが、アドレスにそのまま日本語が使われる仕様・・・本文にも書いてありましたが苦労しました。。。
実は、
http://lblevery.com/iweb_lab/tips/entries/2007/11/7_tips_008.html
を参考にして、英語化には成功しました。
しかし、なぜか、フォトアルバムでは、うまくいかなくて、このページの途中 (4) に書いてある、「情報を見る」からの言語選択を英語のみにすることで、回避できました。
他の弊害について、まだ使いはじめですので出てくるかもしれませんが、とりあえずはいいような・・・。
|
|
| MasaYan (2008-10-25 19:12:59) |
<< サイト移行！ | HOME| DEEP SEA 地球最後の神秘・深海への旅 >>
