テンプレートとアクセスアップのでめらら楽天日記

2005.02.20
XML
インターネットをご覧になられるかたがたの年齢層の幅は年々広がっているそうです。
わたくしはこの前、いやずっと前かな(^^;)

表示

文字のサイズ

小あるいは最小

で見ていましたが、今はほとんど『中』で見ています。
みなさんはいかがですか?

個人のホームページは作成するひとがそれぞれで見ているサイズで作っていらっしゃるようでこのサイズ選択を変えるとまったく壊れてしまったり、画面からはみ出してしまったりすることがあります。
正直言いますと、わたくしは壊れてしまったりブラウザから横へはみ出したページは見ていてツライのでよほど内容に興味が持てない限りサヨナラします。
自分自身で作成する際の注意点としては、ご年配のかたが『最大』のサイズで見られたとしても崩れてしまわないように工夫はしているのですが、それでもなかなか思ったようにはまいりません(><)

絶対指定と相対指定があるわけですから、絶対にこの字は大きさを変えて見られたくない、ということが無い限りは相対指定をしたいものです。
当然、ご年配のかたが字のサイズを大きくして見てもらっても問題なく見てもらいたいからです。
これからのインターネットの使用者年代層はわたくしたちがそのまま年を重ねていくのですからどうしても高い年代層へのひろがりが大きいのではないかなとわたくしは思っています。


楽天広場ではあらかじめ3種類の文字の大きさを用意してくれていますが、これの使い方もなかなか難しいですね(><)
これは楽天広場のソースタグのスタイル部分にある範囲を限定してフォントサイズを指定しているのですが、サイト内の全てに掛かっているわけではありません。

いまご覧いただいているこのサイトだって「表示」⇒「文字のサイズ」⇒「最大」にしてみてください。どうですか?見やすいですか?

簡単なことなのですが、文字の大きさのひとに与える印象とはこんなに大きな違いをもたらすものなのだと再確認しておりました。

*************************************************

【庶事所感】

わたくしは伊吹卓さんというかたの本が好きで何冊か読んだことがあるのですが、そのなかに『「人格」は「バカ」になれば磨かれる』というのがあるんです。このかたの「バカ」論は秀逸なものがあります。
わたくしも立派な「バカ」になりたいなぁと思ってしまいます。

それで今、読んでますのが『頭がいい人、悪い人の話し方』
思わず笑ってしまうほどなのですが、帯に書かれた「“バカ”と呼ばれないための知的実用書」となっているのはいただけないなぁ(ーoー)
帯を書いたひとは頭がいい人ではなさそうだなぁ・・・(辛口でスミマセン、せっかくの著者の名文の価値が下がってます;涙)

*****************************************************
なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ

ランキング



リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります)





お気に入りの記事を「いいね!」で応援しよう

Last updated  2005.03.01 14:54:38
コメント(19) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:見やすい文字の大きさは!?(02/20)  
BananaGirl  さん
文字の大きさは 指摘を受けたこともあり、注意しなければと思っていますが、ここ楽天ではその必要がないのかと思ってました(汗)
またまた発見してしまいました。 (2005.02.20 16:32:36)

Re[1]:見やすい文字の大きさは!?(02/20)  
でめらら58  さん
BananaGirlさん
-----
こんにちは(^^)コメントありがとうございます
文字の大きさってホント意外と大事だなぁって思いますよね。
見た目やデザインのこともありますが、できるだけ読みやすさも考慮したですものね。
楽天広場のなかでは管理画面のなかで3段階には変えられるんですね。 (2005.02.20 18:34:04)

ごめんなさい  
さきほどメールしたのですが、答えはこの日記の中にありました。ありがとうございます。
個々のパソコンに文字の大きさの設定があるとは知らなかったため、行間をピクセル指定していました。
そのため日記が読めないお仲間さんがいたようです。
相対設定に直しました。これからは気をつけます(><) (2005.02.20 18:53:21)

Re:ごめんなさい(02/20)  
でめらら58  さん
楽天のコンシェルジュさん
-----
こんにちは(^^)さっきメールしましたよん
<div><p>文章</p></div>で段落を作る場合も文字サイズはスタイルシートで指定してあればそれに従いますので。
楽天広場の場合は・・・試してみてませんがデフォルトになると思うのですが(^^) (2005.02.20 19:00:40)

Re:見やすい文字の大きさは!?(02/20)  
こんばんは~。
出てきましたね・・・文字サイズ!

今日スタイルシートのことを検索してちょっと読んだだけですが、
どうも私拒絶反応が出ております・・・。
楽天外のHPでも、部分部分だけ文字サイズをピクセル指定にするってことで、
別にこれといって見て頂く方に支障はないですか?

スタイルシートは、上位表示にも管理にも必要ってかかれてましたけど、
う~~ん・・・。(◎-◎;)

本家のHPは文字が小さすぎて悩みだったのですが、
ピクセル指定で全部変更しようかなと思います。
自分でも読みにくかったのですが、(だめじゃん)
もう一段階大きくすると思ってるより大きくなって、
ページも長くなってしまうし、どうしたものかと思っていました。

有難うございました~!(^-^)/
(2005.02.20 23:00:29)

Re[1]:見やすい文字の大きさは!?(02/20)  
でめらら58  さん
ななももママ3939さん
-----
こんばんは(^^)コメントありがとうございます

まず分けて考えたほうが良さそうですね。

■ひとつは楽天外のホームページの場合ですが、ソースタグの
<head>タグ</head>の中に
<style type="text/css">書体や装飾内容</style>
で記載する方法が一般的です。
(そしてその部分だけをひとつの独立したファイルにするのが外部CSSなのですが、これは置いといて)
この部分を変更するだけでページ内の文字の大きさ、色あるいは線の色や長さ・・・などほぼ全てを指定することができます。(☆管理上便利になりますね)
そうしますと<font>などでそれぞれのことばを囲む必要が無くなりますので、構造がシンプルになりタグがスッキリして検索エンジンロボットもクロールしやすいはずなのです。(☆検索エンジン対策になります)
(ですので、<body>の中でいろいろ使ってしまっては意味が無くなってしまいます;汗)

■ところが楽天のページではこれが出来ません。
このスタイルの部分は自動生成されますので、管理画面で指定したものが書かれるようになっています。
つまり文字の大きさも3つのなかから選んだものが自動的に記載されます。

フリーページやトップの自由部分はこれが反映しませんので個別に<font>指定するわけですが、スタイル形式でピクセル指定するもよし、通常の指定をするもよしなのです。
ただし通常では段階が7つ(?)くらいしかありませんので、微調整したい場合はどうしてもスタイルになります。

この弊害はスタイルで指定するピクセルは絶対指定ですので、ブラウザでサイズ変更しても反応しません。
「もっと大きい字で見たいのに・・・」というかたがたには×ですよね(><)

□ここで注意したいのは、自分の見やすい文字の大きさ=ユーザーさんの見やすい大きさではない
と言うことではないでしょうか? (2005.02.20 23:34:39)

こんばんは♪  
ko-harubiyori  さん
今朝ほどは失礼をいたしましたm(__)m
今日は 子供の野球の卒部会でちょっとお疲れです(^^;)
普段にも増してまとまりのない質問内容になってしまうと思います。お許しくださいねm(__)m

私の使っているスタイルシートはピクセル指定になっています。
今日のでめららさんの日記の内容と同じことがあびるさんの本にも書かれていました(^^)
やはりユーザビリティ!からの考えですね(*^^*)

以前からピクセル指定にはしたくはないと思っていたのですが、まだ直せる状態ではありません(^^;)
もう少し落ち着いたら○%で指定したいと思っています。
楽天では全て<font size="○">で指定しています。楽天外ではスタイルシートの部分のみピクセル。その他の入力部分については<font size="○">で指定しています。
その「○%」と<font size="○">の違いが解らないのです…(^^;)
<font size="○">でも表示はちゃんと変わります
ので、変えなくてもいいのであればこのまま進めていきたいと思っています。

あとですね・・・m(__)m
書体を変えたくてスタイルシートの本に書かれている通りに何度か変更してみたのですが、全く変化なしでした。
書体を変えたいのは一箇所だけなのですが 思うようには参りません。
理解不足なのでしょう…。難しいでしょうか?

あとですね…m(__)m たくさんあってすみません。
私が使っているスタイルシートにはメタタグが入っていないのですが、勝手に入れてしまって大丈夫なのでしょうか?
怖くていじれないのです(^^;) 情けないです…。

長々と申し訳ありません。
ご指導のほど よろしくお願いいたします。
すぐに直せませんことですので、急ぎではありませんm(__)m 本当にお手すきの時に…m(__)m
お手数をお掛けいたしますが よろしくお願いいたします。
遅くなってしまい重ね重ね失礼をいたしましたm(__)m
(2005.02.20 23:48:07)

Re[2]:見やすい文字の大きさは!?(02/20)  
お返事有難うございます!

「自分の見やすい大きさ=見てくれる方の見やすい大きさ」ではないということですね。
わかりました!!

では楽天外でしたら、<font size="○">で作って、
ブラウザの文字サイズを大きくされても、崩れないレイアウトにした方がベターってことになりますか?
コメントされてます小春日和さんの「%指定」って言うのもこれまた初耳で、混乱しています。
(小春日和さんこんばんは!お話しにわって入ってすみません)

それから見てくださってる方のディスプレイの解像度によっても、
文字サイズは変わってきます?

文字の大きさでこんなに悩むなって思いませんでしたが、
HPに来て頂いた方に伝えられなかったら、何にもなりませんもんね。
(2005.02.21 00:38:20)

Re:こんばんは♪(02/20)  
でめらら58  さん
ko-harubiyoriさん
-----
こんばんは(^^)
お疲れ様でしたぁ、子供の大きくなるは早いですよね(><)ん~

■まずデフォルトですね、標準の指定のことですがこれは何もサイズを指定しないでブラウザで表示される大きさだと思ってください。
したがってこのサイズはブラウザで最大~最小の指定をしますとそれに従って大きさが変わって見えます。
そして、これをスタイルで%指定しますと指定した%の大きさで見えることとなります。(たとえば80%なら最大であれば最大時の標準の80%の大きさに見えます)

しかしスタイルを使わないのであればタグで指定しますのでひとつひとつ<font size="○">で指定することとなります。これもブラウザで変化します。

ところがピクセルで指定しますと全く変化はしません。(ちいさな画面で見ていらっしゃるかたがいれば苦痛でしょうね;汗)

■書体は各々のコンピュータにインストールされたフォントのソフトに依存します。もしインストールされていないパソコンだとすると変化が無いか、パソコンが自分で判断したフォントに変えられてしまうかになります。
(ですので、見ているかたのパソコン・OS・ブラウザによっては作者がフォント変更していても反映されない場合が多々あります)

■メタタグは入れていただいて全く問題ありません(^^)<head></head>の中にいれてください。(わたくしの持論ではすべて小文字をおすすめします;ナイショですけどハハ)

<TITLE>○○のホームページ</TITLE>
<META name="description" content="ホームページ紹介文">
<META name="keywords" content="キーワード1,キーワード2 ・・・・・">

こんなところでいかがでしょうか? (2005.02.21 00:49:00)

Re[3]:見やすい文字の大きさは!?(02/20)  
でめらら58  さん
ななももママ3939さん
-----
わたくしの考え方ですと

■楽天内は<font size="○">でおっけー(ピクセルは避ける)

■楽天外はスタイルで記述して%表示が一番いいかな
これはスタイルの記述の際
pxとするところを○%で指定してあげればいいだけです(^^)

□パソコン・OS・ブラウザなどで見え方は変わってきますよ!
(上記ふたつの方法でしたら、あとは見ているかたが自分のパソコンで調整できるのでOKというわけです(^^)v
(2005.02.21 00:56:26)

Re[4]:見やすい文字の大きさは!?(02/20)  
おはようございます!
たびたびアドバイスありがとうございました。

わっかりました。
教えて頂いた点を踏まえてこれから取り組んで行きたいと思います。

フォントですが、私のパソコンには比較的いろいろなフォントが入っているので、
楽天外のほうでは楽しんでいろいろフォントを使っていました・・・が、
あるとき主人のノートパソコンで、私のHPを見ましたら、
全部ゴシック体でしか表示されていなくってショックでした。
その時に、見る人側のパソコンに入ってるフォントで表示されるのだなぁってことがわかり、
それ以来ゴシック体オンリーになっちゃいました。
(2005.02.21 05:35:57)

Re[1]:こんばんは♪(02/20)  
ko-harubiyori  さん
でめらら58さん おはようございます♪

>お疲れ様でしたぁ、子供の大きくなるは早いですよね(><)ん~

ええ(^^)本当に♪
来年度は5年生なのですが野球の方でも役員がついてきます(^^;)
でもあと2年!私の出来ることは精一杯頑張ろうと思っています。
私の手から離れます日も もうすぐ…ですものね(*^^*)!
ありがとうございますm(__)m


いつもながらすぐに教えて頂いて申し訳ありませんm(__)m
お手数をお掛けいたしました。

■一つ目…

そうなのですか…(^^)! ありがとうございますm(__)m
・・・そうなると、ご覧になりたい大きさの80%でしかご覧になれないのでは、最大でご覧になりたい方に申し訳ないですね。
100%で指定したら意味がないでしょうし…。
ん~? 私 まだよく解っていないのかもしれないですね。すみません…(^^;)


■二つ目…

そうなのですね(^^)! 解りました(*^^*)!意味のないことをしようとしていたのですね!
時間をかけても自己満足の世界になってしまいますね(^^;)
ご覧になる方にはそれより 内容の充実が…!ですね。ありがとうございます。
無駄な時間を使わずにすみました(^^)!
気にしないで 内容重視で進めて参ります。


■三つ目…

(*^^*)ありがとうございます。
早速使わせて頂きますm(__)m
えへ~♪ 実はでめららさんの楽天外のページのソースを見させて頂いて、私の使っているスタイルシートにはないことに気付いたのです。
遅いですよね…(^^;) 恥かしい!ホントのんびりなものでして…。

お陰様で解って参りました~♪
また大きく前進することが出来ます(*^^*)
本当にありがとうございましたm(__)m
いつも本当にすみません…m(__)m 感謝しています(^^)
(2005.02.21 06:52:04)

おはようございます♪  
ko-harubiyori  さん
ななももママさんへ♪

(*^^*) いつもありがとうございますm(__)m
ななももママさんの頑張りに励まされて 私も頑張っていますのよ(^^)!
ちょうど同じところでのお話が多くて勉強させて頂いています。
ななももママさんのようにステキなサイト目指して頑張っています。
これからもよろしくお願いいたしますねm(__)m
(2005.02.21 06:54:16)

Re[5]:見やすい文字の大きさは!?(02/20)  
でめらら58  さん
ななももママ3939さん
-----
おはようございます(^^)
わたくしもわからないことだらけです。お互い頑張りましょう! (2005.02.21 08:32:30)

Re[2]:こんばんは♪(02/20)  
でめらら58  さん
ko-harubiyoriさん
-----
おはようございます(^^)
文字の大きさ、色、フォントタイプはページに変化を持たせるのにはどうしても使いたい部分もありますでしょうし、メリハリをつけるのに使用いたいですよね。
100%でなくていいと思いますよ(^^)&100%なら指定しなくていいですから(デフォルトですので)
アップルコンピュータのひとやネットスケープのかたのことまで考えますと、フォントタイプは限られて来ます(><)これは別途日記で書こうかなと思ってます。
今見ている文章も実は文字コードと改行コードで出来ているのですが、
1.Windows:CR+LF
2.UNIX:LF
3.Macintosh:CR
などバラバラなものが世の中に混在しているのですね(><)
(2005.02.21 08:42:52)

Re:おはようございます♪(02/20)  
ko-harubiyoriさん!
こちらこそいつも有難うございます~!
小春日和さんのHPページとっても素敵ですので、時々お邪魔しては参考にさせて頂いてま~す。
またよろしくお願いしますね。
(でめららさんの日記なのに、ごめんなさ~い!)
(2005.02.21 10:59:21)

Re[3]:こんばんは♪(02/20)  
ko-harubiyori  さん
でめらら58さん こんにちは(*^^*)

>アップルコンピュータのひとやネットスケープのかたのことまで考えますと、フォントタイプは限られて来ます(><)これは別途日記で書こうかなと思ってます。
-----
お世話になりますm(__)m
日記を楽しみにしていますね(^^)!
私にも理解が出来るといいのですが…(^^;) ちょっと心配デス。頑張りま~す!!
よろしくお願いいたしますm(__)m

(2005.02.21 14:10:43)

何度もごめんなさい…m(__)m  
ko-harubiyori  さん
グスン…。グスン。。。
今、ピクセルから○%へ変えようと頑張っていましたのに…。
ピクセル指定は文字だけではありませんでした・・・。
幅や高さ…全てピクセルなんです。。。
スタイルシートの勉強をしないと無理のようですね。
残念です…。お騒がせいたしました・・・m(__)m グスン…。

(2005.02.21 15:10:04)

Re:何度もごめんなさい…m(__)m(02/20)  
でめらら58  さん
ko-harubiyoriさん
-----
ふたたびこんにちは(^^)
ラインや幅、高さも%で記述できます。
でも、ズレを生じるわけではないのなら、無理に変えることもないと思いますよ(><)
作業が大変だと思いますし・・・ (2005.02.21 15:48:11)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

Keyword Search

▼キーワード検索

Comments

主婦が携帯スマホで月収100万を稼ぐ方法@ 主婦が携帯スマホで月収100万を稼ぐ方法 主婦が携帯スマホで月収100万を稼ぐ方法 …
fipyaqh@ fipyaqh BanUgR &lt;a href=&quot; <small> <a hr…
krjxyqcvrh@ krjxyqcvrh kOkt2k &lt;a href=&quot; <small> <a hr…

© Rakuten Group, Inc.
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: