ホームページ作成の最近のブログ記事

かれこれ1年前より準備してきた群馬の銘酒「ねしゃか」の発売元 有限会社 三島屋商店様 のサイトをアップしました。

最初の出会いは、紹介されて、ネットショップをされたいということでお会いしました。

まだパソコンを持っていなくて

ノートパソコンとプリンターを購入していただいて

ローマ字入力をご夫婦で練習するところから始めました。

片道1時間の道をよく通ったものだと思います。

帰りには、農産物の直販所で珍しいものをゲットしたり

楽しい仕事でした。

これからブログにも挑戦されるようですので

みなさま御贔屓にお願いいたします。

パンパカパーン 早くも「花林日記」がyahoo2位 148万ページ中2位です。

パンパカパーンは少し古いギャグですが 「手作りかりんとう「花林日記」のきくや」は、12月24日にアップしました出来たてのホームページです。

まだ5日しかたってないのにキーワード「手作りかりんとう」および「手作り かりんとう」で堂々の2位です。

しかも、148万ページ中2位です。

弊社「シニアPCサポート群馬」のSEO技術がまたまた証明されました。

同、ホームページの画像は一部 canon EOS 5D markⅡを使用しました。

制作中だった伊勢崎銘菓「花林日記」のホームページが

本日、零時をもって立ち上あがりました。

URLはhttp://www.karin-nikki.com/

制作は、弊社「シニアPCサポート群馬

伊勢崎銘菓「花林日記」は、伊勢崎市今泉町の「きくや」が製造販売している

ラスク風かりんとうです。

パンの耳を材料に油で揚げてない風味で

発売当初から、そのユニークな製法と、おいし味、店主の人柄から人気を呼び

開店して1時間で売り切れる程の人気店です。

ホームページ立ち上げの目的は

発売当初から各種のブログに取り上げられていますが

一部誤解に基ずく情報も掲載されていることから

正し情報を発信しいということと、遠くから来店される方にたいして

アクセス等を案内したいとい所にありました。

ご愛顧のほどをお願いいたします。

といっても、年内予約は、いっぱいで、店頭販売でも個数制限になっております。

ホームページの制作的には

構想1年、制作2カ月、ロングランの制作になりました。。

今回は、移動式撮影スタジオとcanon D5mark2での出張撮影を行いました。

それなりに良い画が撮れました。

画面的には、ヘッダーにgifアニメを入れました。

お正月には、スチール写真ではない

本格的な実写ビデオを組み込んだflash画像のページを用意しております。

なお、ホームペーでの買い物かご機能は、お店の体制が出来るまで、保留になっております。

当面、電話受注で対応するとのことです。

EOS 5D Mark Ⅱの機能の一つに高速度シャッターがあります。

題材を探しに、近くの公園に行きました。

公営の噴水

g111 468-1

先ず、スローシャッター1/13秒

水がつながって見えます。

g111 470-250-90 

1/125秒 水玉が少し流れて見えます。

自然な感じを出すのには少し流れていた方が良いかもしれんせん。

g111 474-5000-20

1/5000秒でも 水玉が少し流れています。

g111 476-8000-20-2

1/8000秒 で水玉が止まります。

拡大してみると良く分かります。

g111 476-8000-20-3

g111 490

公園では落ち葉が集められていました。

肥料にされるようです。

株式会社 ショップオール のホームページがリニューアルしました。

リニューアルの目的は、同社が経営する夢書房コミックランドとの役割分担を明確にして

認知度の向上を図るということでした。

リニューアルは弊社(シニアPCサポート群馬)が担当させていただきました。

ツールは、既に入っていたMovable Typeの商用版を使用してテンプレートやウイジット機能をカスタマイズして

SEO対策を施すとともに、メンテナンス性を向上させることにしました。

手法として目新しいものは、

1、トップページヘッダーのh2部分にCSSを適用して、右部分と左部分の2つに分割するとともに別々のデザインにしております。

2、ヘッダーのバックグラウンドイメージをメニュー項目のバックグラウンドイメージに利用しました。

3、ウエブページで作成した部品をブログ内でMTタグで参照して構成しています。(営業事例)

この事によって、営業事例の表示順番を変更したり、追加する自由度が向上します。

(通常ブログ内でMTタグを使用するとエラーになってしまいます、コン辺の解決に苦労しました)

苦労したと言えば、各ブラウザによって表示が違って表示される事です。

特にIE6以前とIE7以降は全然違う表示をします。

例えば、フッターが最後ではなく途中に表示されるなどとんでもない現象が発生します。

IE7では左側に表示されているテキストがファイアーフォックスではセンター表示になるなど

結構、苦労するところです。

リニューアルにあたり、株式会社ショップオールの伊東店長さん、ショップ・オールIT事業部 織田様には大変お世話になりました。

この場をお借りして、御礼申し上げます。

g111092ag111091a

   g111093a

装備品となるかどうか

カメラの本です。

いざ!!出陣と言えば大げさですが

今朝、出張撮影に出かけました。

そのときの持ち物

カメラは映ってません。

来週には、フルフォーマットのカメラが来る予定ですが

今回は、例のビデオの静止画機能で撮影します。

g111 010

「長太郎農園の藤九郎銀杏」が完売したので

完売御礼の表示をした。

その後、注文が入ってくるので

ホームページをみたら

サイドバーが表示されていない。

ウエブページの段階では、ちゃんとサイドバーが表示されているので安心していたのであるが、

肝心のホームページのメインエリアが表示されているがサイドバーが表示されない状態になっていたらしい。

昨夜夜中まで掛かって原因を追求した。

メインエリアはテンプレートで5つのウェブページをタグで引っ張っている。

テンプレートとウエブページを何回も点検して最終的に分かったのは

デブが締まっていなかった事が分かりました。

デブと言っても</div>が一個たりなかった。

ホームページを作成する内部コードに<DIV>タグというのがあります。

<div>~</div>という具合に、書き出しと書き終わりをきちんとしなければならない。

今回は、いくつもネストした関係で訂正を何回かやっているうちに

</div>を一個落としてしまいました。

メタボの体重を落とすのも大変ですが<div>をきちんと締めるのを忘れると

大変な苦労をすることがあるので気をつけたいものです。

MT4.26の機能をテスト中です。

コミニュティ機能をアップしました。

http://www.npo-gunma.net/com/

 

昔なつかしの掲示板です。

ブログとの違いは、参加者がテーマ記事を書き込める点です。

テーマ記事にコメントがある人は、どんどんコメントを書き込めます。

書き込み歓迎です。

ミクシーよりは開放的なので、何かに使えそうです。

g108 008

赤城食堂のてんこもり

g108 084

またまたmaicrosoftのIE8に問題発生。

今朝、電話が掛ってきてホームページのデザインが崩れているので調べて欲しいとの事。

こちらのPCで見ると異常なし。 PC側の設定の問題と判断し、ノートパソコンを持ってきていただく。

キャッシュを削除しても症状が消えない。 IEのオプションの詳細をチェック。 IE7の内容と大分内容が違う。

IEのバージョンの問題と判明。 IE8にバージョンアップした性だと判明。

アドレスバーの右側に変なボタンがついている。 「互換性ボタン」と表示してある。 この互換性ボタンを押すと、デザインの崩れは直って、OKに なる。

NETで原因を調査 IE8になってHTMLの表現を厳格に適用する事にしたとのこと。

以前のIEはバグで標準と違う表示をしてしまうので ホームページ側でIEのバグに対応した記述で対応したホームページが IE8になってデザインが乱れる事が判明。

ボタンを押さなくてもデザインを正常に表示するには 次の一文をホームページのヘッダー部に追加する必要があるとの事。

<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />

リンク

経営革新塾