Web制作の最近のブログ記事

昨夜（２月２４日）韮崎市商工会館にて、山梨大学との教育研究レゾナンス連携に基づく

報告会が開かれました。

平成20年度から２年間の期間、山梨大学院生の2人に運営委員会にも参加してもらい

今年度は、「山梨甲斐もの市場」の会員企業訪問や会員独自サイトの分析を踏まえた

現状分析と、今後の方向性について報告書をまとめてもらいました。

会員企業の担当者や、事務局担当者など、約30人が参加しての報告会となりました。
 

Webサイト作りをしているときに、いくどとなく、トラブルに見舞われます。
原因がわかれば、ごくごく初歩的なものから様々ですが、今朝はそんな話題から。

「スタイルが適用されない」原因についてです。

【たとえばこんな場合】

1.　全体的にスタイルシートが反映されない。・・・FireFoxやIE8（IE7では、どうだったでしょうか）
で、メニューバーの表示ボタンから「スタイルシート」→「スタイルシートを使用しない」とした時と同じ表示になった時

　　この原因は、ほとんどの場合、HTML文書（たとえばindex.html）の中の、
　　<header>内の外部スタイルシートへのリンクパスにかかわる間違い。
　　

  <link rel="stylesheet" href="./css/style.css" type="text/css" />

　　特に上の赤字部分のように相対パスで書いたば場合の間違いや、MovableTypeのカスタマイズ
　　の場合では、バージョンによってスタイル用テンプレートの収容場所が異なるため、手元でうっかり
　　別のフォルダに入っているスタイルシートを直していることも多いです。
　　CrecsentEVEでは、ツールの中に「相対パスの挿入」機能があるので、助かりますが、よくわから
　　ない場合は、絶対パスで記載するといいですね。

2.　大体はスタイルシートが適用されているのに、ある部分については、スタイル指定が効かない。

　　この現象が出たときは、ちょっとどうしていいかわからず困りました。
　　リンクパスは間違っていないし、変更したスタイルシートをアップするホルダも間違っていない
　　ことを確認し、ハタと気づきました。
　　適用されてるid名やclass名と適用されていないid名やclass名を確認して、スタイルシート上
　　の記載場所を追いかけてゆくと・・・
　　ありました。

　　．content-navi　｛
　　width：　200px；
　　margin-left　：100px；
　　■　← ここに閉じ括弧（"　｝　"）がない!!

　　．content-navi　a　｛
　　color：　#FF0000；
　　｝
　　　
　ゆえに、下のアンカーリンクの文字色以降のすべてのスタイルが適用されなくなっていたようです。

作業があわただしく進んだため、うかり余計なソースを削除する際に、閉じ括弧も削除してしまった

ようです。こんなこともあるんだなぁと、ようやくすっきりした気分。

つくづく、問題発生時の原因の切り分けという手法が大切だと再認識しました。

上記以外にも原因があるかもしれませんね。そのときは「問題の切り分け手法」で、

何とか解決するしかないですね。また、事例がありましたら、紹介したいと思います。

先日来、取り組んできました「きた甲斐ねっと」のサイトリニューアルですが、

ようやくそれなりになりましたので、完成度はまだまだですが、オープンしました。

MovableType4.27での構築です。以前講習会で使ったHPテンプレートをベースに

デフォルトのMTテンプレートと組み合わせ、カスタマイズしています。



SEOを意識して、いろいろ仕組んでありますが、まだまだ内緒にしておきます（笑

ZUKUDASの佐藤先生の講習会が、いい刺激になりました。

ひとまず完成しましたら、次はビジネステンプレートとして誰でも扱えるものとして

完成度を高めたいと思います。

2月5日朝7:20　外気温　－4℃　事務所室温8℃

今日も、冷え込んだ朝でした。

さて、Yahooのビジネスエクスプレスのカテゴリー登録ですが、3月2日から、

行政書士、司法書士などの書士業に関するサイト審査料金を値上げするとのこと。

おっちょこちょいの私は、一般サイトの審査料金も軒並みアップと勘違い。

そんなに値上がりするんならと、急遽当社サイトの審査申請を申し込みました。

費用支払いの確認メールが、昨日　2月4日16:59　に届き、さっそく　本日　2月5日18:08　

審査結果メールが届きました。



いまごろ、カテゴリ登録?!　と、Blog仲間にはあきれられそうですが、そうなのです。

いかに費用をかけないで、HPで受注をするか・・・みたいなポリシーでやってきたので、

いままでYahooのカテゴリ登録をしないでいたのです。

ちょっとした勘違いで、急遽申請したわけですが、何はともあれ、いつかは通らねばならない道。

しばらく放置していたリンク集の中に、リンク切れサイトがあることに気づいて、あわてて修正した

直後の登録決定メールでした。（本気で審査したのかな？）

それにしてもYahooさん、ビジネスエクスプレスの審査は素早いですね。

このサイトは、カテゴリ登録していないYahoo検索の順位のほうが常に上位。逆に、DMOS登録が

終わっているけれど、Googleの検索順位は常に下位。それでも7・8位にいたのに、1月にはいって

急に順位が18位から19位に後退！

今回のYahooカテゴリ登録の結果、このGoogle順位がどんなふうに変動するか、ちょっと楽しみ

にしています。

トップページ

８月から講習会や取材を行わせていただき、ようやく納品にこぎつけました。
このサイトの特徴は、ＭＴＯＳとxhtmlを組み合わせ、更新作業を容易にしたところ。
また、各会員のHPもMTOSで作成してあり、各会員のブログ記事RSSをショップ
ページに取り込んでいます。
（会員サイトは、今後さらに充実させてもらいたいと考えています）

構造的には、インデックスとアーカイブのテンプレートをあわせて５種類ほどつくり、
ページごとにデザインを変えました。
ただし、ウエブページのテンプレートが1種類しか設定できなかった（MTOSの限界？）
ために、通常のXHTMLページで補完しています。
なお、「パンの歴史館」については、HTML4.01フレームセットを使用しています。

昨日から、強風が吹いています。風は北風・・・。空には、雲ひとつありません。

これはあきらかに、冬型気圧配置。

夏が終わったと思ったら、すでに冬の気配。季節変化が、激しいですね。


稲刈りを待つ田園風景
（左が八ヶ岳、右が茅ヶ岳。ちなみに茅ヶ岳は、ニセ八ヶ岳といわれることもあるようです。
本人は少しも悪くないのですが、人間の勝手な都合ですね）


先日来、MovableTypeのテンプレートセット作りに向けて、コツコツ作業を始めています。

自分のパソコンで、MTを動かすための環境設定で、ちょっとつまづきました。

ActiveperlからのImageMagicが動作せずに、アイテムツールが使えません。

色々やってみて、わかったこと。

ImageMagickを直接ダウンロードしてインストール。

その際に、「Install PerlMagick for ActiveState Perl」にもチェックを入れる。

しばらくは、スタイルシートとにらめっこの日々です。