奈良でインターネット子犬販売をされているペットワンワンさんからご依頼を頂きまして、ホームページリニューアルをしました。すこしお待たせしてしまって申し訳なかったのですが、自分がだいたいひとつのサイトを仕上げるのにどれだけの時間を要するのかわかったので貴重な体験でもあったと思います。(40ページを約2週間かかりました。。。)
今回はペット販売と言うこともあってターゲットユーザはお年寄りや女性ではないかと思い、ナビゲーションや文字など大きく作るように心がけました。少し落ち着いたらポップアップヘルプなどもつけてわかりやすいページにしたいと思っています。
ホームページが運営しやすいようにブログシステムを取り入れました。
制作にあまり時間をかけたくなかったのでCGIやプログラムの部分はフレームワーク・ライブラリに依存しています。たとえばフォームでメール送信はPHPのPEARライブラリを使用しています。Mail.phpを利用すればメール送信にパラメータを与えるだけで送信できます。フォームチェックはJavascriptでやっています。これも制作にあまり時間を要することなく出来てしまいます。
ブログシステム(MovableType)を利用すればほとんどフレームワークのようにテンプレートが出来てしまうのでたいへん便利です。しかもRSS+ATOMにも対応できます。
ただ、エントリーによって違うデザインの異なったページを表示したかったのでPHPで出力しました。呼ばれたエントリーによって処理を変えるのは<MTIfIsDescendant parent="カテゴリ">タグで出来るのですが、今回はPHPで行いました。今後PHPが必要になってくるからです。
ホームページの話題でも書いたRicoライブラリを利用してアルバムをスライドショウのようにして印象的にしてみました。Flashのような効果が出ていいと思います。
今回いちばん苦労したのはやはりクロスブラウザです。インターネットエクスプローラ7が出てきたのでその対応を考えなければならなかったことです。表示が思ったようにならなかったり、最悪の場合は全く表示されないという事が起こりました。かといってまだインターネットエクスプローラ6のユーザーも多いし。。。FireFoxも無視できないくらいのユーザ数になっています。Operaも同様です。全部で表示テストするのをついつい忘れてしまいます。
![]()
今回はコンテンツが揃っていたのでその点は楽でした。
今回のリニューアルにあわせて、ちょっとしたシンボルマークのようなものも作ってみました。リンクバナーも作り直しました。もしよかったら相互リンクしてあげてくださいね!!
ピクセリエは奈良・大阪・京都の方のために
ホームページの作り方を無料で講習いたします。
詳しくは「ホームページの作り方無料講習」
今までに作ったイラストや3DCG画像です。解説を添えていますのでぜひご覧下さい。