趣味のページ。エフワンやガーデニングなど
このサイトの説明です。
トップページ(メニュー)の変遷です
パソコンの種類やブラウザによって見え方が異なると思います。
ひととおり、各ページに直接ジャンプできるマップです
変更履歴と、アクセスカウンターの記録です
インターネットにおける日本語の使用と機種依存文字問題考察
サイト管理人の紹介です
管理人ブログ
お手紙はこちらへ:


zf1#pupukids.com(←迷惑メール対策、コピー&ペーストで使って下さい。)

リンク
このホームページは勝手にリンクして下さい。
リンクは自由です。連絡も不要です。転載も自由です。
参考意見
滋賀県立琵琶湖博物館の「リンクについての琵琶湖博物館の考え方
ウェブページのリンクおよびその他の利用について」(東北大学文学部の後藤斉氏)
リンクと権利と責任」(The Web KANZAKI)
ただし、内容の著作権は制作者のものであり、著作権は放棄していません
リンクする場合は、次のバナーを使ってかまいませんが、使用をお願いするものでもありません。
トップページ(http://www.pupukids.com/)以外は移動することがあります。
参考→『リンクフリー肯定論者に20の質問』
(質問提供:『薄野の舞姫』〜リンクフリー肯定論者に20の質問)
サイト管理人のプロフィール:HPの管理人のための質問集
目的
このサイトはパソコンで作っている非営利の個人のホームページです。
メインテーマはF1とガーデニングです。
サイトの名前は「ぷぷキッズどっとコム」です。
トップレベルドメインは、 .com (comercial/商用)ですが、商用サイトではなく個人の趣味のサイトです。
対応
表示について:

基本的に、ブラウザのフレーム機能を使っていません。
ほとんどのパソコンと画像を表示できるブラウザーで見る ことができると思います。

一部フレーム機能を使っているページ(ずんぐりクルマ図鑑)がありますが、フレームなし版も用意しています。フレーム版は横幅の広いディスプレイが必要です。

外部リンク以外は新しいウィンドウが開くことはありませんのでブラウザの「戻る」で前のページに戻ることができると思います。

ブラウザの表示には、カラーのディスプレイが必要です。およそ、横幅800ピクセル程度を想定していますので、横幅512 ドットや640ドットのディスプレイだとはみでます。

特定の機種やブラウザには依存しないように注意はしていますが、マッキントッシュのブラウザNetscape Navigatorでの表示を基準としたため、windowsのInternet Exploreなどでは、これと異なる表示になることがあります。

HTMLの表示は受け手側のブラウザや環境に依存するものです。制作者側の意図と異なることは十分に考えられます。各ブラウザによる見え方の例をこのページの下に示します
Webアクセシビリティについて:

Webアクセシビリティに関する勉強が不十分ですが、コンテンツを制作する時は、できる限り、閲覧者の自由を奪わないように配慮しているつもりです。

参考サイト
日本語の文字コードはJISに準拠しています。

機種依存文字をホームページ上やメール、掲示板などで使用することは、ネチケット以前の問題であって、インターネッ トにおける恥ずべき行為と考えます。
このサイトでもこの点には十分に注意しているつもりですが、もし表示に問題のあるフォントがありましたらご連絡頂けると幸いです。

現在判明している機種依存文字などについては別のページにレポートしました。機種依存文字

マッキントッシュのマウスはシングルボタンが基本です。
右クリックを強要するwindows中心のサイト制作方針には反対します。
制作
制作と確認: 制作にはマクロメディア・ドリームウィーバ3、同MXなどを使っています。
標準環境以外の表示確認は、Safari、Internet Explore、モジラ、icabなどで行っています。windowsはNetscapeとieで表示を確認しています。
制作機材
  1. Apple emac
  2. Apple imac
  3. Apple Performa5420(+G3)
  4. emachines
  5. Fujitsu LOOX (表示確認用)
  6. Sony VAIO T(表示確認用)
  7. Panasonic Lumix FZ5/FZ1/LX1
  8. Nikon Pronea S/Pronea 600i/D40
  9. Minolta Alpha 303Si
  10. Nikon Cool Scan
主な使用ソフト
  1. クラリスホームページ 2.0v1(Performa)
  2. macromedia Dreamweaver3(emac)
  3. macromedia Dreamweave MX 2004 (emachines),
  4. Netscape Composer (emac,emachines)
  5. Adobe PhotoshopElement2 (emac,emachines)
  6. Adobe PhotoshopElement5 (emachines)
  7. Photoshop Elements (imac)
  8. ColorIt (Performa)
ぱわーどby
マッキントッシュ

 
2008年10月頃のメニュー
 
2008年2月頃のメニュー
エフワンが少しずつ2008年型に
2007年11月頃のメニュー

2007年4月頃のメニュー
またメニューが3列x2段になりました。気まぐれです。
2006年9月頃のメニュー
メニューバーが全面的に変わっていますが、全体の印象はどこが変わったのかよく分からないくらい。すーぱーあぐりが新型になっています。
2006年6月頃のメニュー
目次は縦に7段のメニューになりました。
2006年6月頃のメニュー
メニュー項目は文字ではなく絵を使うようになりました。
使用環境によってレイアウトがばらばらになりやすい欠点を補ったつもりですが、閲覧側では文字の拡大・縮小ができなくるので大きめの文字にしました。
Googleの検索機能を初めて使いました。
上の表示例はNetscapeではなく、Slepnirによるものですがwindowsでもあまり違和感なく表示できるようになりました。
2005年9月頃のメニュー
目次は3列2段のメニュー。
相変わらずごちゃこちゃしていて主題が分かりにくいのですが、代表的なテーマについては大きなバナーを貼るようにしました。
2005年7月頃のメニューへ
びっきぃやタヌキのページへのリンクが 大きくなりました。
メニューの各項目は1段に2列ずつくらい 押し込んでいます。
2004年6月頃のメニュー
メニューの表題にアクア調のバナーを使いました。深いページへも直接ジャンプできるような構成にしました。
2004年3月頃のメニュー
この頃は各ページを書くので手一杯でメニューはとても簡単です。
そろそろバナーを使い始めています。
ずんぐりエフワンのリンクを大きくしています。
2002年5月頃のメニュー
この頃より各ページの横幅は800ピクセルまで拡大してしまい640ピクセルでは入らなくなっているためメニューも800ピクセルまで広げてあります。 ごちゃごちゃと一杯貼り付けていてどこに何があるのか分かりにくくなっています。これ以前のメニューは記録が残っていません。
 
 
ブラウザの見え方の例▲Top
Safari
アップル純正のブラウザです。ただし、OSX専用です
インターネット エクスプローラ5.1
ブラウザの色はiMacと同じ色にしてあります。


アイキャブ iCab2.71
透過GIFアニメファイルの表示が他のブラウザと違います。
ウィンドウズ版はありません。
ネットスケープナビゲータ6 マッキントッシュ
ネットスケープもバージョン6になってかなり高機能。
見え方はエクスプローラとあまり変わらないようです。
ネットスケープナビゲータ4.7 マッキントッシュ
画像や表のセルの色と背景の重なり方がずいぶん違って見えます。
インターネット エクスプローラ6 ウィンドウズ
今や定番になってしまったウィンドウズ版のエクスプローラ。 高機能だけどちょっと重い。
@ブラウザ・ウィンドウズ:LOOX標準装備のブラウザ
エクスプローラとほぼ同じ表示になります。
LOOXは画面の縦が短いのですが、 上下に長く表示できるブラウザの方が楽です。
横は長く 2画面同時モードにもできますが その場合はちょっと見づらい。
ひらがナビィ・ウィンドウズ
自動的に漢字に読みがなを加えるブラウザーです。
この図は小学校6年生レベルに設定したときのひらがな入り表示。
ひらがなのために文字数が増えて少しレイアウトがくずれますが、そんなにばらばらにはなりません。
アドレスの欄の文字がとても大きく見やすい。
モジラ1.0/ブラウザの老舗モジラ。
ネットスケープ6に似ています。
タブブラウザ機能があります。
ウインドウズもマッキントッシュもほとんど同じです。

   

管理者用:
Web
WebMail


掲示板

LHXコントロールパネル
BLOG TEST

goo ぶろぐ

goo ぶろぐ編集