忍者ブログ

slack diary

鉄道模型シミュレーター(VRM)を紹介するホームページ「CaldiaのVRM Room」の更新情報と、Caldia本人の日常ぐだぐだ日記。

HP格付けチェック-6

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

HP格付けチェック-6

HP格付けチェックの詳細はこちら

16番目はRyuichi氏の「あーばんねっとわーく」。
VRMがメインではないため、一般人にとってはある意味トップ絵が強烈です。(笑)
でもHPはHPなのでチェックチェック。

①タグチェック:157個のエラーがありました。
このHTMLは -28点です。
タグが 25種類 162組使われています。
製作はWebSphereStudioHomepageBuilder7.
<Form><SCRIPT><IMG>のエラー有り。
その他半カナで警告があります。
ま、ソフトを使っているとこんなのもどうしようもないのですが。

②デザイン
全体的に左よりなレイアウト。
段組はこれはこれでありかもしれませんが、Table使えるならきっちりサイズを測って使いたいところ。
カウンタは一番下へ移動するのが吉。
こういうCGI系はソースの一番下に書くとCGI処理を待たずに全体が開くので心がけましょう。
ちなみに何人かは知ってか知らずか使い続けていますが、鉄道網リンクは死んでますぜ。
それと各コーナーのリンク誘導ですが、イマイチわかりづらいです。
Infomationなどの各コンテンツに入ってからサイドメニューが表示されるのですが、そのリンクを使うとサイドメニューが消えてしまって、「戻る」を押すと各項目のトップに戻る訳では無く一気にTopへ戻ってしまったり。
どうせならサイドメニューをしっかりFlame化して常に表示されるようにしても良いかもしれません。

評価点数20点。
とりあえず「赤ずきん」ちゃんが好きなのはわかりましたが、トップ絵に解説付けるのはどうなん?

17番目はひろくん氏の「ひろくん直通鉄道写真のページ」です。
鉄道車両その他デジカメで撮られた写真をカテゴリー化して公開されています。
カメラの腕前はまだまだのようですが(笑)、HPの作り自体は見た目的に粗末なつくりになっている様子は無く、見ていて嫌になる感じではありません。
好印象の持てる仕上がりです。

①タグチェック:152個のエラーがありました。
このHTMLは -168点です。
タグが 28種類 186組使われています。

製作は手書きでしょうか。ほとんどチェックが入れられております。
まず、トップ画像のFlashのタグ挿入形式が閉じられていないのと、bgcolorなどの属性値が「’」で囲まれていないと言った致命的な欠陥があります。
また、リンク項目部分にはTableを使用していますが、<tr>タブの使い方が根本的に間違っています。
具体的に言うと<tr>を閉めていません。
一見すると何事も無くテーブルが表示されますが、実はかなり無理をして表示している感じになっています。
あと<Font>タブがtd等をまたいで使用されていますが、<p>等も同様にテーブル内では各部屋が独立して成り立っているので、部屋をまたいでのタブ仕様は許されません。
これらのせいで大幅な減点がかけられています。
参考資料などをよく読んでタグを正しくお使いください。

②デザイン
トップのデザインは悪く無いです。
内容リンクはちゃんと分けられて並べられているのでわかりやすい。
写真を扱っているだけあってちゃんと公開枚数をカウントしているのもGood。
ただ、更新の表示部分において「いつ」更新されたのかがわからないため、お知らせの機能としてはやや不十分です。
ブログと違い、HPは一見しただけでどこが更新されたのかわからないものなので、きちっと書かれればいいかと思います。
あと、下のリンクの大半がロストになっているので消すように。(笑)

評価点数:50点。
タグで大幅な減点が出ていますが、逆に言えばそれらを直すだけできちんとしたHPに仕上がります。
あとは内容の写真を充実させれば、十分インターネットの一サイトとして活躍できるかと思います。


18番目はスーパーバイザーの中でも一番ご活躍されているfox氏の「fox-hobby-garden」です。
もはや公式ページを補佐するほどの膨大なデータベースと化しており、収録パーツ一覧から各種素材とVRM4を遊ぶ上で一度はお世話になるであろうサイトと言っても過言ではありません。
しかもfoxはここだけに留まらず、代理レイアウト公開場である「fox-material-pavilion」や、かなりのハイクオリティムービーを公開している「VRM-MUSIC-THEATER」等などVRMのありとあらゆる分野で活躍されております。
えっ、褒め過ぎ?(笑)

①タグチェック:49個のエラーがありました。
このHTMLは 86点です。
タグが 20種類 326組使われています。製作はWebEditor6.
記事書くのにちんたらしてたら対策をされてしまったようで。(笑)
エラーの内訳は「<div>内が空っぽ」と「<a target>禁止」が大半。
<a target>は別に良いとは思ってるんだけど、イマイチ不思議なのが<div class="clear"></div>の一文。
どうやら回り込み解除のために使われてるようなんですが、何となく使用方法が間違ってるような気がします。
どうなんだろ、これ?

②デザイン
全体的なデザインは言うこと無しです。
通常、公開する情報が多くなってくるとメニューも混沌としてくるのですが、定期的にTopのデザインを組み替えていただけあって、見事に整理してコンテンツが表示されています。
ただ、個人的に使ってみて、やや違和感があったのが、各項目にある4つまでのショートカットリンクの存在です。
例えば「車両テクスチャー」の項目では「第5号・113系近郊形電車 湘南(クハ)」等の4つのリンクが貼ってあり、一見しただけでは4つしか車両テクスチャーが無いのでは?と思ってしまいます。
そこから改めて「項目一覧」を見てみると膨大な量のテクスチャーがずらり・・・。
トップに出しているリンクの選考基準がわからない上、それらのショートカットリンクと「項目一覧」でのタイトルが一致しないものもあったりと、やや混乱しそうな雰囲気があります。
これならば、4つまでのショートカットリンクを表に出さないようにするほうがわかりやすいかもしれません。
先にも言いましたが情報量が大きくなってくると自然と項目も増え、整理したり、バランスを整えたりするのが格段に難しくなってきます。
今現在のfox氏のサイトの形式も悪くはありませんが、もっとわかりやすい表示形式もあるかもしれません。
私には残念ながらいい知恵はありませんが。(苦笑)

評価点数90点。
非常に良い出来。でもさらに良いサイトになれる。
普通のユーザーが作るHPは「公開する”ネタ”が無くなる」ことで衰退してしまうのですが、fox氏は「ネタが有り余っているため目次の収拾がつかない」というある意味羨ましい悩みがサイトに滲み出てきているように感じました。
これを克服したとき100点満点のHPが完成すると思います。
これからもスーパーバイザーとして我々一般ユーザーを導いていってください。
んでもって次期作のMusic付きムービー、楽しみにしております。
友達に「VRMってこんなん」つーのを説明するのにいつも使わせてもらっていますので。(笑)


と、言う訳で第6回目でした。
fox氏が気にかけてくれている一方で、VRM界外(であろう)ユーザーにはイマイチ理解されていなかったりするこの連載ですが、ま、私の道楽みたいなもんなんで気軽にみていただいたらなぁと思います。
重要視するかしないかは本人次第だし、指摘されたHPほったらかしにしても誰にも怒られないんだし。
でわでわ。
PR

コメント

1. チェックありがとうございます。

こんばんわ。
HP格付けチェック、第1回から楽しませてもらっています。
なんといっても、"一利用者の目線で感想・意見"をして頂けるのは、
表現方法を模索する上でとても参考になります。

特に、"ショートカットリンクと項目一覧"の表記に関しては「目から鱗!」でした(笑
自分は、コンテンツの数を把握しているので気が付かなかったのですが、
利用してくれている方からすれば、混乱してしまう要因になってしまいますね。
今回ご指摘頂いた点をふまえて、
「パッと見れば、何がどれだけあるかがわかる」メニューを目指してみます。

P.S. 回り込み解除はズタズタです、CSSの勉強に精進しますです(笑

2. 無題

そう言って頂けると嬉しく思います。
まぁ、私もHTML/CSSの基礎しか知らない身なので、どこまで正しい(意味のある)指摘を出来ているか自信が無いのですが。

よかったら今後のコメント欄にでもfox氏から見た他ユーザーのHP意見でも書いていただけると格付けチェックの楽しさ倍増になるかと。(笑)

とりあえず今後ともよろしくです。

最新コメント

[05/30 Caldia]
[05/19 C-PON]
[10/03 vrmkyobuilding]
[05/10 Caldia]
[05/04 USO800鉄道]