ケータイ版 ミニタコ

  HTMLタグ > ネットマナー
「ネットマナー」というと、掲示板での礼儀とかそういうのが浮かびますが、 サイトを作る側としても、ある程度の環境を配慮したりなどのマナーがあります。
最低限、知っておいてほしいなーと個人的に思うものを書いています。

見る側のマナーも書いてるので、参考にしてもらえたらと思います。
レイアウト

スタイルシートは何かと便利ですが、「位置」を指定するものは環境によっては変なことになるので、 使わない方がいいと思います。
リンクで、クリックしたときに少し動くくらいのものなら全然大丈夫ですが。
文章や画像の表示の位置自体をそれで指定すると、 例えばこんな感じ↓に重なってしまったり、下に続きがあるのにスクロールバーが出なかったりなどします。



それから、モニターのサイズが小さいとレイアウトが崩れやすいです。
多少小さいモニターでも、読めないことはないくらいのものだといいなと思います。
いろいろ凝りすぎなければ、普通はそこまで崩れません。

モニターのサイズによる改行を防ぐには、<nobr>〜</nobr>という改行禁止タグがあります。
テーブルの中の改行禁止は、<td>内に「nowrap」というタグを使います。

参考に、あなたのモニターのサイズと解像度は、 です。
フレーム

フレームは昔はよく使われていたそうですが、今は賛否両論のようです。
私も一時期は反対派でしたが、今は両立かな?w

フレームの利点。
・作るのも管理も楽。
・それなりにレイアウトされていれば、見る側も楽。
・一部のフレームだけが読み込まれるだけなので、見る側の負担、サーバの負担も少なくなる。

フレームの不利点。
・小さいモニターでは表示できる範囲が狭くなるため、見づらくなる場合がある。
・スタイルシートなどの組み合わせによっては、下にメニューの続きがあるはずなのにスクロールバーが なくて全部見れない、などの不具合が起きることがある。(特に小さいモニターで起きやすい。)
・お気に入りに入れると、フレームの最初のページが登録される。 (特定のフレームをお気に入りに入れることはできるけど、少し面倒。)

商用サイトなど、どんな環境でも快適に見れることを重要視するならフレームは使わない方が無難かもしれませんが、 逆に、フレームを使ってもどんな環境でも問題なく見れるサイトを作れる技術が、 プロならあってもいいんじゃないかとも思います。
一般のサイトなら、見る側への配慮と作りやすさと管理のしやすさでバランスを考えて、 使うかどうかを決めていいと思います。
フレームを使う場合は、小さいモニターで見ることも配慮して、ブラウザを小さくした状態での確認もしておくとよいしょう。
(ブラウザ(InternetExplorerなど)の右下にカーソルを置くと矢印が出るので、左ボタンを押したままマウスで大きさを変えられます。)

知ってる人が多いかもしれませんが、フレームのお気に入りの入れ方。
1)お気に入りに入れたいフレームの中(画像やリンクのない部分ならどこでも)で右クリック。
2)「場所」の右側に書いてあるアドレス(http://…)を選択して右クリック>コピー。
3)アドレスバーにアドレスを貼り付け(右クリック>貼り付け)。
4)フレームがページ全体で表示されるので、その状態でお気に入りに入れる。これで完了です。
ブラウザ

ブラウザは、InternetExplorerで見ている人が大半です。
IEで見れない・崩れが大きいのはちょっと、つらいかもしれません。
逆に、IEで問題なければ、とりあえずいいかなと思います。
文字のサイズ

ごめんなさい、このサイトは悪い例です。
私も文字のサイズについては改善しようと思いつつw
文字のサイズを変えるとレイアウトが崩れる部分があるので、 まずその修正をしないといけないけどそれにかなり時間がかかりそうで、 なかなか実行できません(´・ω・`)
まぁそんなこともあるので、文字のサイズがどんなであっても影響を受けにくい、 柔軟なレイアウトすれば後々私のように困ることもないかと思います。

それで、文字のサイズは作る側としてはデザイン的にこだわる部分だと思います。
ですが、文字が大きくないと読みにくい、という方も多くいます。
ブラウザの表示>文字のサイズで大きくしたり小さくしたりすることはできますが、 スタイルシートで「○pt」や「○px」などで指定された文字サイズは、 この方法では変えることができません。
変える(自分の好きなサイズで見る)としたら、ユーザースタイルシートというのを使えばできますが、 そこまでする人はあまりいないと思います。
見る側で文字のサイズを変えられないようにしたい、という気持ちもわかりますが、 それは一部の人達にとってはとても不親切であることを知っておいて下さい。
そんなことを書きながら、胸が痛い今日この頃(´・ω・`)

スタイルシートでサイズを指定しても、ブラウザの表示>文字のサイズで変えられるようにするには、 「○%」で指定します。
または、スタイルシートを使わずHTMLタグだけで指定するか、になります。
HTMLタグの場合は「font size="+1"」や「font size="-2"」という感じです。

ただ、どんな指定方法であっても、モニターのサイズや解像度などによって見え方はどうしても変わります。
どんな環境でも全く同じように表示することはできません。
どうしても思うとおりにしたいなら、スタイルシートの「○%」指定かHTMLタグでの指定で 自分のモニターで納得できるサイズにして、それ以外のモニターでは見ないのがいいかもしれません。
他の方が小さすぎる、大きすぎると感じたら、それぞれでサイズを変えられるようにしておけば、 問題ないはずです。
結果的にそれがいちばんいいのかなとも思います。

上記で出てきた、見る側で設定できる「ユーザースタイルシート」。
ちょっと手間がいるし、万全ではありませんが、それでも使ってみたいという方は、 以下のサイト様を参考にしてみて下さい。
WEB工房 > スタイルシート > ユーザースタイルシートをご存じですか?
フォント

サイト開設当時、等幅フォントを使って、字数もそろえて行をきれいにそろえようなんてことをやっていました。
無駄なことに時間と労力を使ったものですw

フォントはWinとMacではまったく別のもので、両方で同じように表示するには両方の等幅フォントを指定しなければいけません。
幅をそろえたいだけなら、フォントの種類ではなく、等幅で表示する<tt>〜</tt>というタグもあります。

でも、行をそろえても、どうなの?wってw
テーブルとかで適度な長さで改行する方がよっぽど読みやすいかと、思いますw

余談ですが、私が好きなWinでのフォントは、「Tahoma」と「MS UI Gothic」です。
「Tahoma」は半角英数字だけだけど。

フォントにに関しては「文字の装飾」のページにもアドバイスを書いているので、 よかったら参考にして下さい。
機種依存文字

ハートマークや、ローマ数字、○や( )付きの修飾数字など。
HTMLでは出なかったと思うんです、確かw
掲示板などに機種依存文字を書いて投稿すると、Macから投稿した場合はMacからだけ、 Winから投稿した場合はWinからだけ、見れますが、その逆では文字化けします、確かw
あまりやってる人を見ないので…まぁいいことですw
HTMLで記号を使う場合は、タグで表示できるものがあります。
一覧を載せている以下のサイト様を参考にどうぞ。
特殊文字資料館
装飾・BGM

やりすぎに注意。
画像だらけでコンテンツがわかりにくかったり、ページが重くなるのはよろしくないと思います。
トップページに入る度にアラートとかは…もう行く気になりませんw

BGMをつけるときは、わかりやすい位置に操作パネルを貼っておきましょう。
音楽があるページの前に、音楽が鳴りますと先に知らせてあると親切です。
SPAMメール対策

ネット上のメールアドレスを拾ってきて、勝手にメールを送ってくるようなひどいツールがあるようです。
なので、メールのリンクを貼ったり、メールアドレスをサイトに載せたり、 掲示板などに書き込んだりしてはダメです。
メールアドレスを載せるなら、画像にするか、「@」を別の文字にするなどして下さい。
大文字で「@」では拾われてしまうのでダメです。
またはメールフォームを利用するなどして下さい。
バナー

ないよりあった方がいいかなと思いますw
サイズは、幅88×高さ31ピクセルのものがあれば、たいていの登録型検索エンジンなどで使えます。
イラスト系のところでは、幅200×高さ40ピクセルのところも多いです。

他のサイトさんのバナーを使う場合、サイズは変えないようにしましょう。
サイズを変えるとゆがんでしまうので、結構悲しいです(ノ_<。)

それから、バナーは直リンク推奨の方がいいのではないかと思います。
リンクするのも楽だし、バナーが新しくなるときもそのまま画像を入れ替えれば、 リンクする側される側とも手間が省けていいと思うし、移転や閉鎖もバナーで知らせることが できるからです。
他のサイトへのリンク

「リンクフリー」「リンクはご自由に」などと書かれてあれば、積極的にリンクを貼りましょう。
報告はしなくてもいいけど、すれば管理者さんは嬉しいと思います。
「必ず報告を」と書かれていたら、報告して下さい。
逆に「報告は不要」とわざわざ書いてある場合は、「リンクの貼り方などにとやかく言わない、 貼ってくれるというならそれでありがとう」、「確認してお礼を言う時間的な余裕がない」 などの理由があるのだと思います。
それでもやっぱり、自分のサイトを気に入ってリンクまで貼ってもらえるということは、 とても嬉しいことです。
私は上記のふたつともですが、たまに報告をいただいたときは嬉しくてサイト熱が上がりますw

それと、リンクを貼る場合はリンク先の管理者さんの指定するアドレスやバナーの使い方(直リンク推奨とか禁止とか) があればそれに従いましょう。

逆に、自分のサイトやブログにリンクを貼りたいという人がいたときのために、 希望することがあれば書いておくとよいでしょう。
でもあまり制約するのはどうかと思うし、それは良心のある人しか守らないということをわかった上で 書いておくといいと思います。
個人的な意見ですが、トップページのみではなくて、どのページでもリンク可能な方が、 見たい人に見せたいものを見てもらえる機会が増えるのではないかと思っています。

それから、今はアクセス解析をつけている方が多いと思うので、コメントには気を付けて下さいw
報告をしなくても、リンク先の管理者さん本人が見にくることがあるからです。
相互リンク

リンクをしてくれるならいくらでもこっちもリンクを貼ります、という人と、 お気に入りだけをリンクしたい、などの理由で相互リンクは選びたいという人と分かれます。

「相互リンク歓迎」など書いてあるサイトさんは、そのとおり歓迎してくれると思います。
特に何も書いてないサイトさんは、自分が気に入ったのでリンクしたということを報告するついでに、もし時間があれば、 と控えめに自分のアドレスを付け加えておけば、相手の方も気に入ってくれれば何も言わなくてもリンクしてくれるはずです。
相互でなければリンクしない、という考えなら、やめた方がいいと思います。

私は、後者です、すみません(´・ω・`)
リンク非フリー

あまり広めたくないということかもしれませんが… ネットで公開した時点で世界のどこからも見れる状況になっていて、 その中の記事が自分のサイトやブログで紹介したい内容だったら、 リンクを貼りたいと思う人がいるかもしれません。
それを知っていてほしいです。

また、リンクを貼ったときに必ず報告をしてほしいとお願いしている方も見かけます。
リンクの貼り方の確認をしたいなどの理由もわかりますが、守る人は守るけど、 守らない人は守りません。
守りたいけど、報告が面倒とか苦手という方は、それが理由でリンクを諦めるかもしれません。
そのあたりも頭に入れておくといいと思います。
直リンク

直リンクとは、自分以外のサーバのHTML以外のファイル(画像や音声など)へのリンクだと思って下さい。
ほとんどのサイトさんでは、画像への直リンクは禁止しています。
特に素材屋さんでは、禁止しているのに直リンクで素材を使われている方が多く、 迷惑しています。
知らずに直リンクになっている方も中にはいるので、気を付けて下さい。
直リンクについて詳しくは「直リンクとは?」を参照して下さい。
それ以外に、故意に直リンクで素材を使う人もいれば、 配布素材でもないのに勝手にイラストや写真を自分のサイトに直リンクして公開するような人もいます。
(海外のサイトに多いです。)

いろいろまとめているうちに、直リンク対策についてのサイトが独立しました(´_ゝ`)
直リンクを防ぎたい方は、以下へどうぞ。
直リンク対策委員会
直リンクをしない方法、直リンクから守る方法などを書いています。

直リンクではないけど、配布でもない画像をダウンロードして自分のサーバにアップして使っている人も 見たことがあります。
悪質な上に、手の打ちようがないです。
そういうことが可能で、どんな人が見ているかわからない世界なので、 公開する前にそういうこともあり得ることを知っておいて受け身がとれるようにしておかないと、 この世界では長くやっていけないかもしれません。
入り口ページ

入り口だけのページ…なくてもいいかなとも思うけど、それは作る人の自由。
でも、そのページをお気に入りに入れてって言われても、ごめんなさい、 私はその次のメニューのページをお気に入りに入れます(´・ω・`)
お気に入りはどこのページでも、見る人の自由だと思われます。
ただし、リンクを貼る場合は、管理者さんの指定するページがあればそれに従いましょう。
掲示板

おかしな内容の記事を見付けても、絶対に反応しないで下さい。
やるとすれば、何もなかったかのように新しい記事を投稿して、少しでもその記事を流すこと。
少しでも反応すれば、荒らしの思わくずばり成功ということになります。
それが自分の掲示板ならまだしも、よそ様の掲示板だったら、いちばんつらいのは管理者さんなのです。

それと、最近は勝手に投稿するSPAM投稿というのがあるようです。
しかもエロなんばっかりで(´_ゝ`)
レンタル掲示板の場合は、SPAM対策されたものを借りて下さい。
自作CGIの場合は、「掲示板のスパム投稿を防ぐ」に対策方法をに載せているので、 参考にして下さい。
キリ番

申告が強制的なのはいかがなものかと思います。
気楽にいきましょうw
「HTMLタグ」のトップに戻る
  サイト案内
■メインコンテンツ
イラスト / WEB素材 / CGIスクリプト / HTMLタグ / デスクトップアクセサリ / スナップ写真 / クローゼット / コスプレ写真 / ポストペット / エクセル・ワード / フォント / オークション用テンプレート / ナース勉強会 / ナチュラルライフ / 節約レシピ / リンク集 / 日記 / アルバム / エッセイ / サークル活動・通信販売 / トップページ





タコ缶メルマガ
毎週日曜日22時頃発行。
サイトの更新情報やその裏話、Q&Aなどをお届けします♪

twitterでフォロー facebookでシェア Googleブックマークに登録 Yahoo!ブックマークに登録 livedoorクリップに登録 はてなブックマークに登録 save to del.icio.us
更新情報はtwitterにものっけてるので、よかったらフォローして下さい♪

RSS管理 / RSSページ / RSSって?


  ご用達リンク
  QRコード


  カウンタ
Total:
Today:
Yesterday:

  通信販売
私がちまちま活動している同人サークル「タコの天ぷら」の発行物の紹介と通信販売です。


リメイク版みみ


プレみみ


  管理者別サイト