2010/07/23 (Fri) ひと段落・・・。

ちょっと頼まれ仕事で、ブログ開設のお手伝いをしていたのですが・・。
今回は、かなり高度だったので・・・ちょっと私もよい勉強になりました！！


人のWebサイトを以前作った時にも、ブラウザソフト（インターネットエクスプローラー、Firefox、Safari、chrome等）によって微妙に表示が違ったりして苦戦したもんですが・・・、今回もブログの表示でそういう表示崩れ現象が起きて大変でした☆

私が表示確認をしているのは、上記に書いたインターネットエクスプローラー(以後IEと記述)、Firefox、Safari、chromeなんですけれど・・・。
バージョンは全て最新にしています。

IEは昔のバージョンでよくバグが出ると言われているのですが・・・、今回は最新のIE8でも見事に他のブラウザソフトと違う表示をしてくれました。何故だろう？？


・・・で、今回のお手伝いの内容。
ブログのテンプレートが、お店のイメージに合わないので・・何とかしたい！というものでした。

お店の商品のイメージからテンプレートの色合いなどが決まってきます。
「新鮮な食材を置いている店」・・・鮮やかな暖色系を中心とする配色となります。
そうなると、汚い色（濁った色）や食欲が湧かない無彩色（モノトーン）や寒色系は、使えないとなるワケです。

画像も、お店のイメージに合わないとダメです。

そんなこんな・・・で、既にあるテンプレートをそのまま使うワケにはいかず・・・。
いろいろと色合いを変えたり・・・と、カスタマイズをする必要がありました。

しかし、最初から作るには・・・HTMLが複雑で（ブログ独自の変数や、私がまだ勉強の途中なので分らない記述がたくさん・・・あったり、プログラム的な要素が複雑に見えたり。。。）とてもすぐに私にイチから書けそうになく・・・誰かが作ったモノの改変をするのが精いっぱいでした☆

・・・で。
元になるテンプレートをダウンロードして、CSSをいじって・・・色合いとか余白とか、フォントとかの調整など・・いろいろやってみて、実際にブログを表示すると・・・おかしな現象が？！

あるIEで表示された背景画像が、Firefox他のブラウザで表示されなかったり・・・。
Firefoxだけ、何故か黒文字が赤文字になったり・・・。
最大の問題は、IEだけ一部が膨張して・・段組みが崩れてガタガタになったコト！！

非常に大変な思いをして修正してもやっぱり解決しないので・・・。
元のテンプレートを別のモノに変えたら・・・案外スッキリとキレイに見やすいモノが見つかり、それを少しだけ色とフォント、余白などを調整したら、今までの時間がなんだったんだろう？と思う位にすぐに出来ました。


元のテンプレート全て、私のブログではうまくいったのですが・・依頼主のだけ何故か上手くいかず・・最後の頼みの綱でうまくいって良かったです。

まぁ、せっかくいろいろやってみて・・・CSSの修正作業が結構慣れた気がします。
まだ、頼まれたブログサービス限定なんですけれど・・・ね。

そんなこんなで、頑張った名残を依頼主と同じブログサービスで作っている私のブログで表示しています。
さすがに、同じ色合い、同じ背景は合わないので・・・私用に変えていますが・・。


何とか無事に出来て、依頼主の方にも満足して頂けて・・・良かった良かった♪
やっとこさ、ひと段落です。


さてと、今度は・・・やっとWebサイト制作に取り掛かれます。
まずは・・・ドラムの先生のサイト。
その後に自分のサイト。

きっと・・・合間に、学校の課題がたくさん入るだろうから、休み休みしか取り掛かれないと思いますが・・・何とか頑張ります！！


↓の評価ボタンを押してランキングをチェック！