パソコンを見ている茶色の犬、「ママは私とパソコンどちらが良いの?」と聞こえるのは私だけでしょうか?





このHPがより楽しく





 ここではHPを作成した時の基本をまとめています。


 時代の変化でネット環境が変わり、見え方や動きが変わっているかもしれません。


昔の風船へ:こまめにまとめていてくれてありがとう!(2020年の風船より)





 このHPは横600ピクセル、縦400ピクセルのノートパソコンの画面を基準に作っています。


 「目次」を中心に、いろいろな所に行き来できるようになっています。記事が多数になり、煩雑さを避けるために 以下の三つに区分けしました。


「HPの紹介」:(緑) 「気ままにバラエティ」:(濃いピンク) 「昔こんなことやってました」:(黄色)


かくグループに所属のコーナーは、所属の色のタイトルになっています。「目次」でご確認いただけます。各コーナーも「目次」と同じ作りになっています。各ページの下に、各コーナーへのリンクボタンをまとめましたので、そちらをご利用ください。


 HP内を快適に移動できるように、項目の多いページにはページ内リンクがはってあります。


 文字のバックには、バック画像が入っています。夏の青空に浮かぶ白い雲と、透明なカモメが2羽飛んでいる物をモチーフに使っています。壁紙と言われるだけあって、カモメは群れをなして飛んでいるようにも見えます。背景色はスカイブルーで、画像を非表示にして見る方も安心です。


 基本的な文字色は黒にしています。トップページのタイトル等はグリーン、その他、赤やピンク・黄色等を使うことがあります。バック画像で邪魔されないように配慮していますが、見えにくい箇所がありましたら、お知らせくださると大変助かります。


 バック画像や文章にアクセントが付くように、絵や写真を多用しています。本の挿絵のようにページの右上に置くことが多いです。特に、リンク集では絵本の絵を指さすように、多くはオリジナルのリンクバナーをクリックすると、いろいろな所に行けます。リンクバナーをお借りしている皆様、ありがとうございます。


 絵や写真には画像説明がついています。文章表現がへたなので、的確な説明になっているか不安ですが、音声ブラウザーでも十分楽しめるように工夫しました。マウスを絵に近づけると、書かれた文字が浮かび上がってきます。その説明を音声ブラウザーが読み上げているのです。どのように絵を説明しているか、一度お試しください。花や星等、並べてカワイイ絵をラインのように使っている場合があります。同じ絵が連続している物は、一番左にだけ説明が入っています。右側にマウスを近づけて説明を探さないでください・笑。


色が変わっていく星印、濃いピンク色がかった紫色で塗りつぶしてある星がピンク、青、黄緑、黄色、オレンジ、赤へと繰り返す 「目次」等にあるこれは、新着情報を表す印です。


 一般のフリー素材の中から、好みの画像を見つけたいのですが、個々の画像に説明がないので風船には困難です。もし、このHPに合いそうな物を見つけた方がいらしたら、ご紹介いただければ幸いです。


 皆様の憩いの場、「ウキウキカフェ」の背景色はスカイブルー、「青空に落書き」のイメージです。


 ブログの風船 日和」はそれぞれの記事がブルーのレースで縁取られていて、白い背景に黒い文字が並んでいます。


 ミニHPについてですが、背景に画像を入れるとパケット量が増えるので入れていません。背景色を変えてページが違うことを表しています。トップページはスカイブルー、「こんにちワン!」はライトピンク、「風船ってだあれ?」はライトグリーン、「フワフワミニリンク集」は黄色です。ページトップに花等でアクセントを付けています。





目次へ、夏の青空と雲のボタン トップへ、夏の青空と雲のボタン