|
|
|
2004年09月05日
カテゴリ：バカネコＰＣ講座
本日は、バカネコ講座番外編。 テーマは「私のホームページ、もっと見て」 努力せずに、読みやすいページを作る手抜きテクニック。 楽天日記と言えども、立派なホームページである。 ホームページは読んでもらえなくては、公開する意味がない。 読んでもらうには、内容がおもしろいとか、役立つとか、 何か引きつけるものが欲しい。 少なくとも読みやすいことが重要である。 そう言うのは簡単だが、実際に書くとなるとなかなか骨が折れる。 文章力が必要とされるからだ。 本来、読みやすいとは、理解しやすいということなのであるが、 そういう文章を作成するには、かなり訓練を積まなければならない。 一朝一夕に出来ることではない。 だが、不精者はここで考える。 やるべき努力はタナにあげて、なんとかラクして、しかも今夜からでも すぐに、読みやすいホームページを作る方法はないか？ あるには、ある。 セコい方法だが。 字を大きくするのである。 いま、笑ったヤツ、退場！ 意外に思うかも知れないが、字の大きさや、行間隔、文字数、改行、句読点 などは、読みやすさに大きく関係する。 さらさら読める方が、疲れない。 疲れない方が、より多く読んでもらえそうだ。 ８月３日の楽天日記のバージョンアップで、文字のサイズが小さくなった。 その後、文字サイズを調整できるようになったが、諸般の事情からか、 小さくなったまま、使用されている方も多い。 当サイトも、文字サイズの管理設定は変更していない。 日記一覧の文字まで大きくなり、２行にまたがってしまって、かえって 見にくくなるからだ。 ただし、日記の本文は、小さいと読みづらいのでタグを入れて大きくし、 行間も若干広めにしてある。 文字を大きくするためのHTMLは、具体的には、文頭に <font size="3"> というタグを置き、文末には </font> というタグを置いて、本文を挟んでいるだけのことである。 また、行間を広くするには、本文を、 <span style="line-height: 180%"> と </span> で囲めばよい。 両方やりたければ、<span style="line-height: 180%"><font size="3"> と、 </font></span> で本文を挟む。 したがって、こんな感じになる。 ↓ <span style="line-height: 180%"><font size="3"> 今日の日記はなんたらかんたら．．． ウンコ爆弾がどうのこうの．．． オシッコがどうしたこうした．．． </font></span> 読みやすくする工夫は、ほかにもある。 たとえば、４行以上は続けて書かない。 適度に改行を入れる。 たとえば、３行程度書いたら、１行あける。 これは、行を目で追う際に、現在位置を見失わないようにするためだ。 実際、文字を目で追って読む作業は、眼と脳みそに負担がかかる。 人間の集中力なんて、そう長くは続かない。 ならば、集中力を必要とせずに読めた方が、いいではないか。 まだある。 １行にたくさんの文字を詰め込まないこと。 極端に長い行は、左から右へと視線の移動距離が長くなって 疲れてしまう。 少ない文字数かつ、３行程度の文章だと、目で追う必要もなく、 いっぺんに視野に入る。 眼球を、あまり動かす必要がないので、読みやすくなる。 文字の列としてではなく、カタマリとしてとらえることが出来れば 読み取りやすくなり、眼の負担はかなり減る。 さて、結論を整理しよう。 文章力の修行をせずに、読みやすくするには、 読み取りやすくすることである。 ポイントは、 １．文字サイズを大きくする。 ２．適度に改行を入れる。 ３．１行の文字数は少なめに。 さて、以上の点をすべて無視して、今日の内容を書いてみよう。 どうなるか、以下にその実験結果を示す。 この記事がおもしろかったと思う人は１票！ クリック →  本日は、バカネコ講座番外編。テーマは「私のホームページ、もっと見て」努力せずに、読みやすいページを作る手抜きテクニック。楽天日記と言えども、立派なホームページである。ホームページは読んでもらえなくては、公開する意味がない。読んでもらうには、内容がおもしろいとか、役立つとか、何か引きつけるものが欲しい。少なくとも読みやすいことが重要である。そう言うのは簡単だが、実際に書くとなるとなかなか骨が折れる。文章力が必要とされるからだ。本来、読みやすいとは、理解しやすいということなのであるが、そういう文章を作成するには、かなり訓練を積まなければならない。一朝一夕に出来ることではない。努力はタナにあげて、ラクして、しかも今夜から読みやすいホームページを作る方法はないか？あるには、ある。 セコい方法だが。字を大きくするのである。いま、笑ったヤツ、退場！意外に思うかも知れないが、字の大きさや、行間隔、文字数、改行、句読点などは、読みやすさに大きく関係する。さらさら読める方が、疲れない。疲れない方が、より多く読んでもらえそうだ。８月３日の楽天日記のバージョンアップで、文字のサイズが小さくなった。その後、文字サイズを調整できるようになったが、諸般の事情からか、小さくなったまま、使用されている方も多い。当サイトも、文字サイズの管理設定は変更していない。日記一覧の文字まで大きくなり、２行にまたがってしまって、かえって見にくくなるからだ。ただし、日記の本文は、小さいと読みづらいのでタグを入れて大きくし、行間も若干広めにしてある。文字を大きくするためのHTMLは、具体的には、文頭に<font size="3">というタグを置き、文末には</font>というタグを置いて、本文を挟んでいるだけのことである。また、行間を広くするには、本文を、<span style="line-height: 180%">と</span>で 囲めばよい。両方やりたければ、<span style="line-height: 180%"><font size="3">と、</font></span>で本文を挟めばよいことになる。ただし、閉じる順序を間違えないように。したがって、こんな感じになる。<span style="line-height: 180%"><font size="3">今日の日記はなんたらかんたら．．．ウンコ爆弾がどうのこうの．．．オシッコがどうしたこうした．．．</font></span>。読みやすくする工夫は、ほかにもある。たとえば、４行以上は続けて書かない。適度に改行を入れる。 たとえば、３行程度書いたら、１行あける。これは、行を目で追う際に、現在位置を見失わないようにするためだ。実際、文字を目で追って読む作業は、眼と脳みそに負担がかかる。人間の集中力なんて、そう長くは続かない。ならば、集中力を必要とせずに読めた方が、いいではないか。まだある。 １行にたくさんの文字を詰め込まないこと。極端に長い行は、左から右へと視線の移動距離が長くなって疲れてしまう。少ない文字数かつ、３行程度の文章だと、目で追う必要もなく、いっぺんに視野に入る。眼球を、あまり動かす必要がないので、読みやすくなる。文字の列としてではなく、カタマリとしてとらえることが出来れば読み取りやすくなり、眼の負担はかなり減る。さて、結論を整理しよう。文章力の修行をせずに、読みやすくするには、読み取りやすくすることである。 ポイントは、１．文字サイズを大きくする。２．適度に改行を入れる。３．１行の文字数は少なめに。さて、以上の点をすべて無視して、今日の内容を書いてみよう。どうなるか、以下にその実験結果を示す。 ネコでもわかる バカネコ講座はこちら。 →超初心者ＰＣ講座 笑って楽しみたい方はこちら → 爆笑ガイド パソコン買い替えの前にチェック → 費用の削り方 画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。 子猫の里親募集にお力添えをいただける方、または、このサイトの新着記事の通知をご希望の方はご利用ください。 お気に入りの記事を「いいね！」で応援しよう
[バカネコＰＣ講座] カテゴリの最新記事
ひさびさ登場よ～ん。
字は大きいほうが良いです。。。小さいと目が疲れます。 トドさんのところは地震だいじょうぶでしたか？ うちは被害はなかったけど、二回目揺れたときは さすがに駄犬も怖がってわんわん吠えてましたよ～～ 非難されていた方とかいらっしゃったようだけど、 早く落ち着かれるといいですねぇ～ 地震は怖いっす。あんまり揺れると酔うしね。 (2004年09月06日 17時09分23秒)
黒猫の福さんへ
＞ど～りで、読みやすいページな訳ですニャン！！ ＞下部の日記だと、すぐに、どっかにドロンさせてもらうワン！ でしょ？ やっぱり．．． (2004年09月06日 17時21分43秒)
＞ひさびさ登場よ～ん。
出～た～なぁ～（笑） ＞字は大きいほうが良いです。。。小さいと目が疲れます。 お互い、トシですのぅ．．． ＞トドさんのところは地震だいじょうぶでしたか？ ちょびっと揺れましたが、無事です。 被害はナシ、ネコも騒がず．．．です。 (2004年09月06日 17時24分05秒)
＞う～ん、そうですよね～ ＞納得！ ＞字が小さいだけで読む気なくなりますもんね ＞気を付けます（＾＾） デザイン的には小さい方が、見栄えがよいこともあるんですが．．． 読むにはやはり、12ポイント(size="3")以上あった方が 読みやすいです。 (2004年09月06日 17時56分20秒)
なるほど～
上と下の文章を比べると はるかに『お疲れ度』が違いますね～。 下の方は目がチカチカして最後までよめませーん(>_<) それに休憩すらできない・・・。 これから文章力も見た目も磨かなくては！！ 色々勉強になりました☆ (2004年09月06日 18時52分09秒)
＞なるほど～
＞上と下の文章を比べると ＞はるかに『お疲れ度』が違いますね～。 ＞下の方は目がチカチカして最後までよめませーん(>_<) 見比べるとよくわかりますよね。 文字が小さいだけで、読むのがイヤになってしまいます。 (2004年09月06日 19時04分22秒)
笑いました。。。しゃべってから退場します！
たくさんの文があるはずなのに読みやすい、と思っていました。 こんな血のにじむような苦労があったのですね(涙) 字が小さいと目から星がでます。 実験のところは、一行目と最後しか見なかったなぁ。 人に読ませたくないよきは、真ん中あたりに本音をいれればいいのですな♪ では、退場っ (2004年09月06日 20時38分01秒)
字の大きさのことを少し気にしていたので大変、勉強になりました。
早速、やってみました。ありがとうございます。 うまく文字の大きさを使いこなせるように努力してみます。 (2004年09月06日 20時39分09秒)
最後のかたまり、本当にのせてしまうそのセンス、とても好きです。
なんだかここに来るたび「やられた！」とうなってばかりかも知れません。 (2004年09月07日 01時16分47秒)
こんばんは♪
今回も、勉強になりました。。。 トドさんのおっしゃる悪い例、そのままやってました・・・ もう一度見直してみます。 文字大きくした方が見えやすいのですが、見た目がちょっと変わってくるってのもありますね。 う～～～ん。もっと勉強します。 また、役に立つ！お話聞かせてくださいね♪ (2004年09月07日 01時32分02秒)
以前は自分のだったのに、いつのまにか娘に乗っ取られてしまったげんぺ・母です。すごく面白いので、楽しみに読んでいます。
お仕事何をされている方なのかな。 子猫たち早く、誰かのところで幸せになってほしいですね。犬って貰い手が多いけど、猫は難しいんですよね。バーニャン、かわいい！ うちも義母以外は猫大好きなんだけど、今は飼えないんです。 (2004年09月07日 05時44分29秒)
おはようございます。
文字を大きくするのは何とかできるようになっていましたが、「行間を広くする」のは、知りませんでした。今度、やってみます。 私みたいな超初心者には、こういう初歩的なことが一番うれしいです。ありがとう～＾０＾ 字が小さくて、改行が少ないHPは、私はまず読みません。それと、壁紙が派手すぎて、目がチカチカするのも、大嫌い・・。 ここのHPの薄いグリーンの壁紙は、とても素敵です。 (2004年09月07日 08時33分16秒)
おはようございます＾＾
老眼の上に緑内障なので、小さい字はお手上げ状態です。 なので文字数と行間は気をつけていました＾＾ でもくっつけ方がわからなかったですｗ さっそくこぴりました♪ ありがとうございましたｍ（）ｍ (2004年09月07日 08時53分48秒)
分かり易いこう言うアドバイスを待っていたんです(^^)
ご存知のように私はまるで文章力無し！ 努力するつもりも無し！ でっ、殆ど画像で誤魔化してします^^; ひと手間かけると良いのですね(^^♪ 何時もありがとう♪ (2004年09月07日 09時52分28秒)
文字サイズ変更、おお、素晴らしい！！
しかも、yuyunekoのように、よくわからなくても、太字部分をコピーして貼りつければ、あ～ら、不思議。文字サイズ変更できちゃった♪になりますね。 なんて親切な講座だろう・・・(^^ゞ 日記を書き始めてから、文字数や改行などには気をつけていたんですが、文字サイズは、諦めていたので感謝、感謝です。 これで、文字サイズもＯ．Ｋ♪ 文字数、行間もＯ．Ｋ♪ ・・・ってことはyuyunekoも文章の達人の仲間入りか！？ やったね(^o^)丿 ・・・・あれっ・・・何か大切なことを忘れているような・・・・・・・・・・？ ・・・あれれ、文章力は・・・？？？ ・・・・・・・・いつかきっと、トド大明神が、敬虔な信者yuyunekoにもお授けくださるにちがいない(^^ゞ・・・宜しくトド様m(__)m (2004年09月07日 12時47分07秒)
あたち、既に全部やってるワン！
でも内容が面白くないからアクセス少ないので～～す。ははは～。 でも、いいの。自分を振り返るための日記なんだから。ボチボチ更新しまっさ。＾＾ (2004年09月07日 12時58分41秒)
＞笑いました。。。しゃべってから退場します！
レッドカードが出てるんだから、しゃべってるヒマはないっちゅーに。 ＞たくさんの文があるはずなのに読みやすい、と思っていました。 ＞こんな血のにじむような苦労があったのですね(涙) にゃはは、ぜんぜん、血なんかにじんでません。 こういうのは不精者の悪知恵と申します。 ＞字が小さいと目から星がでます。 ＞実験のところは、一行目と最後しか見なかったなぁ。 ＞人に読ませたくないよきは、真ん中あたりに本音をいれればいいのですな♪ 教授も、悪知恵がはたらくにゃ～！ (2004年09月07日 15時00分27秒)
＞字の大きさのことを少し気にしていたので大変、勉強になりました。
＞早速、やってみました。ありがとうございます。 ＞うまく文字の大きさを使いこなせるように努力してみます。 おー、がんばって下さいにゃん。 (2004年09月07日 15時01分11秒)
＞どうやったらよいのかな～と思っておりましたが ＞こういうやり方があったのですね！ ＞ ＞早速使ってみま～す（＾＾）v ----- 使え、使え、立ってる者は親でも使え～！ ん？ ちょっと違うか．．．？ (2004年09月07日 15時02分27秒)
すなぱぱさんへ
＞最後のかたまり、本当にのせてしまうそのセンス、とても好きです。 ＞なんだかここに来るたび「やられた！」とうなってばかりかも知れません。 にゃはは、けっこう、意図的に構成しているのですよ。 (2004年09月07日 15時04分31秒)
hana301さんへ
＞トドさんのおっしゃる悪い例、そのままやってました・・・ ＞もう一度見直してみます。 そうですね。 アクセスも上がってくるかもしれませんよ？ (2004年09月07日 15時05分31秒)
＞私みたいな超初心者には、こういう初歩的なことが一番うれしいです。ありがとう～＾０＾
そう言っていただけると、書いて良かったと思います。 ＞字が小さくて、改行が少ないHPは、私はまず読みません。それと、壁紙が派手すぎて、目がチカチカするのも、大嫌い・・。 多いですねー、特におこちゃまのページには。 壁紙に模様のある絵や写真を使うのは、目的が分かっていない証拠です。 そう言うところに限って、大して面白いことは書いていないような気がします（笑） (2004年09月07日 15時11分59秒)
＞分かり易いこう言うアドバイスを待っていたんです(^^)
あはは、そうなんですか。 ＞ひと手間かけると良いのですね(^^♪ そうです。 料理と同じですね。 ホンのちょっとのことで、同じ素材ががらっと変わって見えます。 (2004年09月07日 15時14分45秒)
yuyuneko広報部長へ
＞よくわからなくても、太字部分をコピーして貼りつければ、あ～ら、不思議。文字サイズ変更できちゃった♪になりますね。 やりますね～、手抜きの仕方は中級者かも？ ＞・・・あれれ、文章力は・・・？？？ ＞・・・・・・・・いつかきっと、トド大明神が、敬虔な信者yuyunekoにもお授けくださるにちがいない(^^ゞ・・・宜しくトド様m(__)m あらら、今度は神様に祀り上げられてしまった。 海獣→村長→教授→学部長→学長→大明神．．． 次は何になるんだろう？ (2004年09月07日 15時20分17秒)
kurara551さんへ
＞あたち、既に全部やってるワン！ あんたはえらいっ！ ＞でも内容が面白くないからアクセス少ないので～～す。ははは～。 じゃあ、オモロイのを書きましょう。 まず、書こう！と思わなければ書けませんから その「思い」だけでも始めますか。 (2004年09月07日 15時22分50秒)
こんにちは！
どうりで見やすいと思った・・・という感じです。 私の日記もフォントサイズを３にして書いています。 その方が自分も読みやすいし・・・。 前に「字が大きくて読みやすい！」と、お褒めの言葉もいただきました！ あとは、文章を書く能力だけです・・・。 (2004年09月07日 15時50分12秒)
＞私の日記もフォントサイズを３にして書いています。
＞その方が自分も読みやすいし・・・。 ですね！ 自分でも読みやすい方が、絶対にイイです。 (2004年09月07日 16時21分51秒)
とってもお勉強になりました。
横長にしない方がいいのですね。私のＨＰは横長になってますねー。読者の方によみずらかったとは･･･。 では、また。 (2004年09月07日 21時54分23秒)
こんばんは。
久しぶりのカキコです。 早速今日の日記で実践してみました。 ふむふむ・・・なるほど、確かに見栄えが違ってきますね。 文章力の方は相変わらずですが（自爆） 行間のあけかたを知らなかったので、またひとつ賢くなりました。 ありがたやありがたや(-人-) (2004年09月07日 21時54分31秒)
＞横長にしない方がいいのですね。私のＨＰは横長になってますねー。
ＨＰは横長でもいいのですが、１行当たりの文字数が多すぎると 読みにくくなります。 (2004年09月07日 22時02分01秒)
早速、といっても一日経ってしまいましたが、
自分のページで文字数少なめに、行間広めでやってみました。 なるほど、ふむふむ。 行間を変える スタイルっていうんですか、それの使い方が今までは良く解らず、 自分には縁のないものだと決め付けていましたが、 トドさんの具体例のおかげで、私にも使えそうだと思えるようになりました。 感謝(^-^)v (2004年09月08日 00時02分09秒)
すなぱぱさんへ
＞行間を変える スタイルっていうんですか、それの使い方が今までは良く解らず、 ＞自分には縁のないものだと決め付けていましたが、 ＞トドさんの具体例のおかげで、私にも使えそうだと思えるようになりました。 にゃっはっは。 やってみると簡単でしょ？ これ、スタイルシートって言うんです。 (2004年09月08日 00時34分25秒)
大変参考になりました。ありがとうございます。
(2005年01月05日 22時49分22秒)
先生
日記に<span style･･･に本文を挟んでみたのですが 字が大きくなりません。先生のタグをコピーし貼り付けました。勝手にすいません。コピーではなく打ち込まないと出来ないのでしょうか？ 勝手な質問すいません (2005年01月05日 23時07分30秒)
＞日記に<span style･･･に本文を挟んでみたのですが
＞字が大きくなりません。先生のタグをコピーし貼り付けました。勝手にすいません。コピーではなく打ち込まないと出来ないのでしょうか？ 原因はカギ括弧が化けるからです。基本的には手で打ち込んでください。 手抜きするには、混ページに書いてあるタグをコピーし、一度メモ帳に貼り付けます。 さらにそのメモ帳の内容をコピーして、ビルダーなり、楽天の記入欄なりに貼り付けます。 こうすることで、カギ括弧が通常に戻るため、ちゃんと機能するようになります。 (2005年01月05日 23時40分17秒)
＞早速実験しました。
＞成功。（＾＾ ＞おかげさまでこれからは読みやすく書けます。 ここで紹介したのは、本文の文字だけを大きくする方法ですが、 サイト丸ごと、コメントもなにもかも大きくしたければ、 管理画面から設定する方法があります。 ここ↓ http://plaza.rakuten.co.jp/nyancolon/diary/200502010000/ ＞お礼代わりにランキングクリックしに戻ってきました。（笑） いつでも、というか、毎日クリックしてね（笑） (2005年04月18日 11時06分37秒)
すぐにとりかからせていただきます。
(2005年10月03日 21時31分34秒)
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Re:ページを読みやすくする方法
