ChaBlog
SSL証明書
- 2008-02-13 (Wed)
- web
現在このサイトは、お客様情報を保護するために、オンラインショップ機能はSSLシステムを使って運営しています。
しかし今まではホスティングサーバーを使用しているため実際にmatsudachaho.co.jpのSSL接続を行った際、共有のSSL証明書が読み込まれるためドメイン名が一致せず「セキュリティの警告」が表示されていました。
もちろん当サイトの安全性に問題はなく、これまでもたくさんのお客様にご利用いただいています。
しかし最近フィッシング詐欺等の被害が増え、安全性確保のため各WEBブラウザもそれぞれ安全対策をうちだし、新しいIE7.0もブラウザの警告メッセージが強化されています。
そこで当サイトでも、ご利用いただくお客様の不安をなくすため、このたびmatsudachaho.co.jp 独自でSSL証明書を取得しました。
これからもお客様に安心してお買い物をして頂けるように、システムの向上に努めてまいりますので、どうぞよろしくお願いいたします。
※当サイトの購入画面（買い物カゴ）に移動すると、ウェブブラウザには錠前のマークが表示されます。（Internet Explorerでは、ウィンドウの右下に表示されます）。
この錠前のマークをダブルクリックすると、SSL証明書の内容を確認することができます。
しかし今まではホスティングサーバーを使用しているため実際にmatsudachaho.co.jpのSSL接続を行った際、共有のSSL証明書が読み込まれるためドメイン名が一致せず「セキュリティの警告」が表示されていました。
もちろん当サイトの安全性に問題はなく、これまでもたくさんのお客様にご利用いただいています。
しかし最近フィッシング詐欺等の被害が増え、安全性確保のため各WEBブラウザもそれぞれ安全対策をうちだし、新しいIE7.0もブラウザの警告メッセージが強化されています。
そこで当サイトでも、ご利用いただくお客様の不安をなくすため、このたびmatsudachaho.co.jp 独自でSSL証明書を取得しました。
これからもお客様に安心してお買い物をして頂けるように、システムの向上に努めてまいりますので、どうぞよろしくお願いいたします。
※当サイトの購入画面（買い物カゴ）に移動すると、ウェブブラウザには錠前のマークが表示されます。（Internet Explorerでは、ウィンドウの右下に表示されます）。
この錠前のマークをダブルクリックすると、SSL証明書の内容を確認することができます。
HTML,CSS チェック
- 2007-11-30 (Fri)
- web
メインサイトのテンプレート、QuickTemplateさんのサイトに、
The W3C Markup Validation Service
W3C CSS 検証サービス
のアイコンがあったのでクリックしてみると、それぞれ正当なXHTML、CSSとして検証されていました。
そして正当なＸＨＴＭＬ、CSSと検証されると
「Congratulations！」 と書かれていました。
「おおっ、このアイコン欲しい！」
俄然やる気が出てきました(^^ゞ
CSSのほうは、もともとベースがしっかりしていたので楽でしたが、XTMLのほうは細かい記述法の違いからブックマークとアクセス解析のjavascript、ショッピングカートへのform タグをクリヤするのに苦労しました。
The W3C Markup Validation Serviceは、英文で細かい点が解りづらかったので、こちらAnother HTML-lint gatewayの文法チェックをあわせて利用しました。
おかげでメインサイトはどちらのアイコンもゲットすることができました。感謝！
リストタグとCSS で商品画像を配置
- 2007-11-30 (Fri)
- web
メインサイトのSEO対策としてHTMLのスマートさを目指し、デザイン面はCSSにできるだけ組み込んでいくようにしてみました。
一番気になったのがよく使っていた TABLE タグで、これをいかにリストタグに置き換えて、CSS でバランスよく配置していくか。
これができれば、HTML はかなりすっきりシンプルになると思ったのですが・・・
まあやってみると、基礎的なことが理解し切れていない悲しさか、商品画像と説明文が右へ行ったり左に行ったり、上になったり下になったり、はたまたくっついたり離れたりと、どれもこれも自由奔放に動き回ってしまいました(^^;
Firefox で調整してなんとかなったと思っていると、こんどはIE で表示がかぶってみたりとんでもなく離れてみたりするし。
結局、それぞれ入れ込む幅と高さをしっかり指定して、margin で調整していくことでなんとか思ったような配置に表示させることができました。
一番気になったのがよく使っていた TABLE タグで、これをいかにリストタグに置き換えて、CSS でバランスよく配置していくか。
これができれば、HTML はかなりすっきりシンプルになると思ったのですが・・・
まあやってみると、基礎的なことが理解し切れていない悲しさか、商品画像と説明文が右へ行ったり左に行ったり、上になったり下になったり、はたまたくっついたり離れたりと、どれもこれも自由奔放に動き回ってしまいました(^^;
Firefox で調整してなんとかなったと思っていると、こんどはIE で表示がかぶってみたりとんでもなく離れてみたりするし。
結局、それぞれ入れ込む幅と高さをしっかり指定して、margin で調整していくことでなんとか思ったような配置に表示させることができました。
HP リニューアル
- 2007-11-28 (Wed)
- web
メインサイト宮崎のお茶屋さん松田茶舗のリニューアル作業の手始めに、もととなるHPのテンプレートをいろいろ探してみました。
SEO対策的にシンプルなHTMLで、私にも解りやすいCSSの組み立てになっているもの、さらに商用利用OKのものということで、QuickTemplate、こちらのテンプレートをベースにリニューアルすることにしました。
約2年ぶりの大改造ということで現状のスタイルを理解するのがまず大変で、特にCSSは難解でなかなか頭がついていきませんでした。
ひとつずつアップしては見直してと、何回も調べなおしながらテンプレートを手直しして、ようやく基本的な骨組みが出来上がりました。
CSSは、今回もboxの配置、margin、paddingの調整で苦労しましたが、調べているうちに偶然知ったFirefoxとFirebugのおかげで以前よりは視覚的に理解できてかなり助かりました。
もともと基礎的なHTMLやCSSなど勉強したこともないので、こういったツールや土台となるテンプレートを利用させてもらえるとほんとうに有難いです。感謝！
SEO対策的にシンプルなHTMLで、私にも解りやすいCSSの組み立てになっているもの、さらに商用利用OKのものということで、QuickTemplate、こちらのテンプレートをベースにリニューアルすることにしました。
約2年ぶりの大改造ということで現状のスタイルを理解するのがまず大変で、特にCSSは難解でなかなか頭がついていきませんでした。
ひとつずつアップしては見直してと、何回も調べなおしながらテンプレートを手直しして、ようやく基本的な骨組みが出来上がりました。
CSSは、今回もboxの配置、margin、paddingの調整で苦労しましたが、調べているうちに偶然知ったFirefoxとFirebugのおかげで以前よりは視覚的に理解できてかなり助かりました。
もともと基礎的なHTMLやCSSなど勉強したこともないので、こういったツールや土台となるテンプレートを利用させてもらえるとほんとうに有難いです。感謝！
- Search
- Links
- Feeds