2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2004年10月の記事
全16件 (16件中 1-16件目)
1
-
タグ講座ではないのですが・・・お役立ち情報です(〃⌒▽⌒)
今日は「ウィンドウ」の各部位についています名前を紹介しましょう。例ではWindows＋IEの画像ですが、他のOS、他のブラウザでもたいてい似た作り、似た名称となっています。まずは何も考えず眺めてください。全てわかりましたか？パソコンを触る上で基本中の基本なのですが、意外と知らない名前多いですよね。実際、知らなくてもさほど困らないのですが・・・他人に説明をするとき他人の説明を聞くとき知ってた方が便利ですよね(￣▽￣人)余裕があるようでしたら覚えてみてはいかがでしょうか(〃⌒▽⌒)
Oct 27, 2004
コメント(2)
-
リンク禁止について
最近、他人の批判をすることがどうも流行っているらしいですね。テレビのエンターテイメント然り政治屋の演説然り企業の広報活動然り自分を売るものがないからそう言った方向に走るのでしょう。で、今回の私の話題も然りです（笑唯一救いがいがあると自認している点は、今回の話題は不特定多数に対する批判でありこのことによって自分を押し上げようとするつもりは全くないと・・・まぁ、言い訳はこのくらいにしておき特に個人のページに多いのですが、「勝手にリンクをしないで下さい」「無断リンク禁止」というフレーズ、よく目にしませんか？私が作ったページだから著作権が・・・私が嫌だと言うのだから尊重して・・・トップページ以外にリンクをはらないで下さい！などなどリンク系の「注意書き」は挙げたらきりがありません。注）直リンクだけは話が別です。http://plaza.rakuten.co.jp/hacdic/diary/200410170000/これらの主張をすることはもちろん管理人の自由ですが、何ら強制力はありません。元々インターネットは自由なリンクによって効率的に情報を共有することを目的として作られた道具です。そのインターネットにページを公開しておきながら「リンクするな！」なんてまかり通りませんよね。もちろん、正当な理由がある場合は別ですし（直リンク、インラインフレームへの無断リンクなど）、「無断リンク禁止」と書いてあるサイトにわざわざリンクをはろうなどと思いません。私が言いたいのは、記述するだけ無駄ですよ！ってことです。いくら禁止したところでリンクされてしまえば仕方のないことなのですから（笑
Oct 23, 2004
コメント(14)
-
ランダムで遊んでいて思うこと
自分ルールをＨＰに設けておられる方って多いですよね。まぁ、色々な事を書かれているわけですが…。なんかおかしくないですか？・素通り禁止・きり番踏んだら要報告・興味のない方は入室禁止などなど。私自身楽天のＨＰに出入りを始めたのはつい最近なのですが「素通り禁止」の文言には特に驚きました。どこのコミュニティにでも無意味な習慣ってありますがこれはあんまりです（笑ランダムでたまたま開いてしまった興味の無いページに、無理矢理コメントを書かないといけない者の身にもなって下さい。え？ここは私のページだからどんなルールを作ろうが勝手だろう？インターネットにページを公開している以上、そんな理屈は通りませんのでアシカラズm（_ _）m
Oct 21, 2004
コメント(13)
-
タグを覚えよう【第５８回目】 - マウスカーソルの形をいろいろ変えてみよう
当サイトのトップの注意書き。マウスをのせると「はてな」のカーソルになりますよね(￣▽￣人)今日はその方法をお教えしましょう。たくさん登場しますがびっくりしないで下さい（笑必要なものだけ覚えればいいだけのことですから(〃⌒▽⌒)例）<div style="cursor: auto;">ブラウザが自動的に選択</div><div style="cursor: default;">利用環境の標準</div><div style="cursor: pointer;">リンク</div><div style="cursor: crosshair;">十字</div><div style="cursor: move;">移動</div><div style="cursor: text;">テキスト編集</div><div style="cursor: wait;">待機・処理中</div><div style="cursor: help;">ヘルプ</div><div style="cursor: n-resize;">北方向のリサイズ</div><div style="cursor: s-resize;">南方向のリサイズ</div><div style="cursor: w-resize;">西方向のリサイズ</div><div style="cursor: e-resize;">東方向のリサイズ</div><div style="cursor: ne-resize;">北東方向のリサイズ</div><div style="cursor: nw-resize;">北西方向のリサイズ</div><div style="cursor: se-resize;">南東方向のリサイズ</div><div style="cursor: sw-resize;">南西方向のリサイズ</div> <div style="cursor: hand;">指型</div> <div style="cursor: no-drop;">ドロップ禁止（IE6以上）</div><div style="cursor: all-scroll;">全スクロール（IE6以上）</div><div style="cursor: col-resize;">横方向のリサイズ（IE6以上）</div><div style="cursor: row-resize;">縦方向のリサイズ</div><div style="cursor: progress;">進行中（IE6以上）</div><div style="cursor: not-allowed;">禁止（IE6以上）</div><div style="cursor: vertical-text;">縦書き（IE6以上）</div><div style="cursor: url('./samp.ani');">オリジナルカーソル（IE6以上）</div>表示結果）別窓でサンプルページが開きます。サンプルは見やすいように少し加工しています。いろいろな形に変わるのが分かったでしょうか？今回は「DIV」タグに指定をしましたが、「P」「SPAN」「IMG」「A」「TD」などなどにも指定することができます。色々試してみてくださいね(￣▽￣人)
Oct 19, 2004
コメント(3)
-
タグを覚えよう【第５７回目】 - 直リンクってなに？
直リンクとは「直接リンク」の略で「ちょくりんく」「じかりんく」と読みます。また、別名で「直リン」「ダイレクトリンク」などと呼ばれることもあるようです。で、実際どのようなことを指して「直リンク」と呼ぶかと言いますと、「他人のサーバにある画像やファイルを自分のサーバにアップロードせず、自分のサイト上で使用すること」です。こんな表現では分かりにくいと思いますので、実例を挙げて具体的に説明しましょう。あなたはある素材屋さんを見ているとき、とてもすばらしい写真を見つけました。あなたは一目でその写真を気に入ってしまい、自分のページでもその写真を表示したいと思いました。そこで、そのサイトにある画像のＵＲＬを直接指定して、自分のページにその画像を表示させました。この行為が直リンクです。なぜここまで強調して説明をしているかと言いますと、直リンクはＨＰを作成する上で絶対に行ってはいけなことだからです。素材屋さんはある条件さえ守れば自由に画像などの素材をあなたのサイトで使用してもいいよ、と言ってくれています。でも、決して直リンクをすることを許してくれているのではありません。Ｗｅｂサイトはアクセスが多くなればなるほど使用しているサーバに負担がかかり、処理が重く（表示が遅く）なる、ということを知っていれば、直リンクを行ってはいけない理由はおのずと分かるでしょう(´･ω･`)考えてもみてください。直リンクを行いますとあなたのページが開かれるたびに、被害者となっているサーバはアクセスを受けることとなります。つまり、見ず知らずのあなたのせいでサイト全体が重くなってしまうことになりますよね。Ｗｅｂサイトの管理人の多くは、訪問者が快適に自分のサイトを見てくれるように見やすいページを目指し、場合によっては有料のＷｅｂサーバをレンタルすることもあります。このように苦労してサイトを運営しているにもかかわらず直リンクのせいで、自分のページを見てももらえないのにページが重たくなれば・・・管理人としては面白くないでしょう。面白くないだけならまだしも、Ｗｅｂサーバに処理が集中しすぎて、最悪の場合そのサーバーを追い出される、なんてこともあるのです。 以上のような理由から、多くのＷｅｂサイトで直リンクを禁止しています。特に注意書きが無い限り、直リンクはマナー違反行為だということを覚えておいて下さい。では、この辺りで素材屋さんが提供してくれている画像やファイルを直リンクではなく正しく使う方法を紹介します。ただ、以下の方法は素材屋さんなど「その画像をあなたのページで使うことを許可します」と明言されているページにのみ使ってください。言うまでもありませんが、他人の作成した画像（ファイル）を勝手に（無断で）使用することは大問題です。これは直リンク以前に「著作権法違反」と呼ばれる立派な犯罪です(´･ω･`)直リンクに当てはまらなくても、絶対に行ってはいけません。１．素材屋さんのサイトから使いたい画像（ファイル）をダウンロードする。２．そのダウンロードした画像をあなたのＷｅｂサーバにアップロードする。３．２でアップロードした画像（ファイル）に対してリンクを張る。アップロードとダウンロードはこちら、画像にリンクを貼る方法はこちらを参照ください。
Oct 17, 2004
コメント(2)
-
休業
ちょっぴり多忙につき今日、明日と日記お休みします。質問の方は遠慮なくどうぞ(￣▽￣人)
Oct 15, 2004
コメント(0)
-
タグを覚えよう【第５６回目】 - ＨＰで使える画像の形式
今回はＨＰで使える画像の形式（種類）について解説しましょう(〃⌒▽⌒)パソコン上で使える画像には色々と種類がありますよね。ただ、「画像を表示しなさい」と言う命令文を記述すれば、どのような形式でも表示されるわけではありません(´･ω･`)一般的にＷｅｂページ上へ貼り付けることができる画像は、今から紹介します３個の形式だけです。GIF 形式（拡張子：gif）イラストや幾何学模様など色数が少なく、色と色の境がはっきりとした画像に適した形式です。画像の一部を透明にしたり、アニメーション画像を作成したりすることもできます。256色以上の色を使用できない、と言う欠点もあります。(8.24kb) (8.37kb)JPEG 形式（拡張子：jpg、jpeg）写真など色数が多く色が複雑に絡み合っている画像に適した形式です。1670万色まで表示できます。イラストや幾何学模様など平坦な画像をこの形式で保存すると、境目がにじんだようになりますので注意が必要です。(16.7kb) (24.4kb)PNG 形式（拡張子：png）イラストや幾何学模様など色数が少なく、色と色の境がはっきりとした画像に適した形式です。理論上最大で280兆色まで扱うことができます。また、圧縮率が高く同じ画像のGIFファイルより10％～30％程度ファイルサイズが小さくなります。複数の透過色を指定できる、という特徴もあります。ただし、アニメーションできない、フルカラーにするとJPEGよりファイルサイズが大きくなる、古いブラウザでは表示できないなどの注意点もあります。（表示できるブラウザはIE5.5以降、NN4以降です）(14.0kb) (19.4kb)それぞれ微妙に感じが違うの分かりますか？もし、自分で画像を作成・加工される場合は、それぞれの形式をよく理解したうえで次のいずれかの中から最適な形式で保存するようにして下さい(〃⌒▽⌒)
Oct 14, 2004
コメント(8)
-
タグを覚えよう【第５５回目】 - いろいろ動かせるタグ（復習）
今日は「MARQUEE」タグの復習をしましょう(〃⌒▽⌒)「MARQUEE」タグって覚えていますか？JavaScriptを使用できないここ楽天で、見た目上何かを動かそうと思うとアニメーションＧＩＦを使うか、この「MARQUEE」タグを使うかのどちらかしか選択肢がありません。そうです。この「MARQUEE」タグを使うことによって、簡単に色々なものを動かすことができるのでしたよね(￣▽￣人)早速例をみてみましょう。例）<marquee behavior="alternate" direction="right">ここに書いた文字が動くよー</marquee>表示結果）ここに書いた文字が動くよー思い出しました？ただ、このタグ注意点がありましたよね。それは、対応していないブラウザーもあるってことです。（ブラウザについてよく分からない方はこちらを参照下さい）ブラウザによって動きが違いますし、そもそも「MARQUEE」タグで囲んだ内容を表示しないブラウザも存在します。全ての人が同じように見えているわけではないことをしっかり覚えておき、見えない人のために重要な内容を「MARQUEE」タグで囲むことは避ける、くらいの心遣いはＨＰを作る側として持っておきたいですよね(〃⌒▽⌒)次に動くスピードを変えてみましょう。例）<marquee behavior="alternate" direction="right" scrollamount="20">ここに書いた文字が動くよー</marquee>表示結果）ここに書いた文字が動くよーずいぶんと早くなりましたよね(〃⌒▽⌒)「scrollamount」というのは、ある一定の時間の間に進む距離を指定することができるものです。何も指定しなければ（記述しなければ）初期値として「6」が適用されますので、目安として覚えておくと便利かもしれませんね。次に、動く幅を指定してみましょう。例）<marquee behavior="alternate" direction="right" width="200">ここに書いた文字が動くよー</marquee>表示結果）ここに書いた文字が動くよーもうそろそろ見飽きてきたかもしれませんが、「width」で動く幅を指定することができます。更に動く方向を指定してみましょう。例）<marquee behavior="alternate" direction="left">ここに書いた文字が動くよー</marquee><marquee behavior="alternate" direction="right">ここに書いた文字が動くよー</marquee>表示結果）ここに書いた文字が動くよーここに書いた文字が動くよー違いが分かりましたでしょうか？「direction」で「left」を指定すれば右端から左に向いて動き出し、「right」を指定すれば、左端から右に向いて動き出す・・・というわけですね(〃⌒▽⌒)ちなみに、こんなこともできます。例）<marquee behavior="alternate" direction="up" height="100">ここに書いた文字が動くよー</marquee><marquee behavior="alternate" direction="down" height="100">ここに書いた文字が動くよー</marquee>表示結果）ここに書いた文字が動くよーここに書いた文字が動くよー細かい説明はもういりませんよね（笑「width」が「height」になり、「left」「right」の変わりに「up」「down」を指定する、ってことです。更に、動く回数を指定することまでできちゃいます。例）<marquee behavior="alternate" direction="right" loop="1">ここに書いた文字が動くよー</marquee>表示結果）ここに書いた文字が動くよー何も指定しなければえんえんと動き続けますが、「loop」で繰り返し回数を指定してやることもできます。ちなみに繰り返し回数終了後は終了した場所で止まってしまいます。次に、動作の仕方に多少変化をもたせてみましょう。例）<marquee behavior="side" direction="left" width="300">ここに書いた文字が動くよー</marquee><marquee behavior="scroll" direction="left" width="300">ここに書いた文字が動くよー</marquee><marquee behavior="alternate" direction="left" width="300">ここに書いた文字が動くよー</marquee>表示結果）ここに書いた文字が動くよーここに書いた文字が動くよーここに書いた文字が動くよー「behavior」に指定できるのは次のとおりです。behavior="side"：スクロールの端までくると停止するbehavior="scroll"：横切る動作を繰り返すbehavior="alternate"：往復動作を繰り返す「side」と「scroll」に大差は無いような気がしますが（笑こんなこともできますよ、ってサンプルでした(〃⌒▽⌒)そして、動かせるのは文字だけではありません。例）<marquee behavior="alternate" direction="up" height="170"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></marquee>表示結果）例はちょっと画像がでかくて・・・なんか見た目悪いですが・・・きっと小さな画像などに使うとおしゃれに見えると思いますよ(￣▽￣人)そして、最後に・・・動く範囲に背景色をつけてみましょう。例）<marquee behavior="alternate" direction="left" bgcolor="#000000"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></marquee>表示結果）いかがでした？使いすぎるとなんか酔ってしまいそうになるこのタグですが、ちょっとしたワンポイントにはもってこいですよね(￣▽￣人)上記は基本中の基本です。これらを応用してぜひおもしろい活用方法を編み出してください(〃⌒▽⌒)
Oct 12, 2004
コメント(6)
-
タグを覚えよう【第５４回目】 - テーブルの応用２
なんと、HD 本館に引き続きほーむぺーじ作成の第一歩もYahoo!Japanディレクトリに登録されました(￣▽￣人)トップ > コンピュータとインターネット > インターネット > WWW > ホームページ作成 > の中のビギナーズガイドってとこなんですがね。興味のある方はほーむぺーじ作成の第一歩も宜しくお願いしますm（_ _）mさて、今日はテーブルの応用としましてテーブルに背景画像を付けてみましょう。まずはテーブル全体に背景画像を指定する方法(￣▽￣人)例）<table border="1" style="background-image: url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:150px;height:150px;"><tr><td>○</td><td>×</td><td>○</td></tr><tr><td>×</td><td>○</td><td>×</td></tr><tr><td>○</td><td>×</td><td>×</td></tr></table>表示結果）○×○×○×○××窓枠に使えるような使えないような？背景画像を薄く淡い感じにしたら通常の表として使ってもおしゃれかもしれませんね(￣▽￣人)次にセルに背景画像を指定する方法です。例）<table border="1"><tr><td style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:150px;height:150px;">○</td><td>×</td><td>○</td></tr><tr><td>×</td><td>○</td><td>×</td></tr><tr><td>○</td><td>×</td><td>×</td></tr></table>表示結果）○×○×○×○××もちろんセルごとに違う背景を指定することもできます。これらは主に背景の上に文字を書きたい場合などに便利かもしれませんね(〃⌒▽⌒)もちろん使い方次第でおもしろいことができると思います。色々チャレンジしてください(￣▽￣人)
Oct 10, 2004
コメント(0)
-
タグを覚えよう【第５３回目】 - テーブルの応用
今日はテーブルを使ってこんなことまでできちゃいます･･･って紹介です(￣▽￣人)内容的には既に紹介したものばかりですので復習がてら眺めてください(〃⌒▽⌒)例）<table border=4 cellpadding=5 cellspacing=0 bordercolor="#6666ff"><tr><td colspan=3 bgcolor="#00ff00">今日ひま？お月さまが綺麗やからでーとしよ(￣▽￣人)</td></tr><tr bgcolor="#ffcccc"><td>１</td><td>２</td><td>３</td></tr><tr bgcolor="#ffcccc"><td>４</td><td>５</td><td>６</td></tr><tr bgcolor="#ffcccc"><td>７</td><td>８</td><td>９</td></tr><tr bgcolor="#ffcccc"><td>＊</td><td>０</td><td>＃</td></tr></table>表示結果）今日ひま？お月さまが綺麗やからでーとしよ(￣▽￣人)１２３４５６７８９＊０＃例）<table border=1 cellpadding=5 cellspacing=3 bordercolor="#666666" bgcolor="#333333"><tr><td bgcolor="#999999"><br><br><br></td></tr><tr><td>● □□□□□</td></tr></table>表示結果）● □□□□□どうですか？携帯電話とテレビでした(〃⌒▽⌒)テーブルだけで意外と色々なものを表現できますので何かおもしろいアイデアがあったら作ってみてはいかがでしょう(￣▽￣人)
Oct 8, 2004
コメント(4)
-
タグを覚えよう【第５２回目】 - 特殊文字
最近どうも体調がすぐれません。熱がぱーっと出るわけでもなく、倒れこむほどでもなく(´･ω･`)微妙に調子が悪い日が・・・もう何日続いているのでしょう。季節の変わり目だからでしょうか。ここを読んで頂いている皆様方も十分体調には気を付けてくださいね(￣▽￣人)とまぁ、初めてでは無いですかね？冒頭でページ作成以外のことを話したのも（笑たまにはこんなのも日記ぽくって良いかもね(〃⌒▽⌒)さて、題名にも記しました「特殊文字」これは御存知でしょうか？あまり聞きなれない、見なれない単語かもしれませんが、Webページを作るうえでかなり有効に使えます(〃⌒▽⌒)全部覚える必要はありません。よく使うものだけ持って返ってください(￣▽￣人)例）♠♣♥♦"&<>表示結果）♠♣♥♦ "&<>どうです、おもしろいでしょ(￣▽￣人)よく私がタグの解説で「<br>」などと記述していますよね。これを普通に「<br>」と記述してしまいますとHTMLタグと認識されます。結果ただ改行が挿入されるだけとなっちゃいます(´･ω･`)ですから、実際の記述は「<br>」と記述するわけですね(〃⌒▽⌒)では、問題です・・・「<br>」を記述する際はどのようにソースには書くでしょうか？もちろんソースを覗けば答えは書いてありますので、どうしても分からない方は見てくださいね(〃⌒▽⌒)そして、おもしろいのが「♠」「♣」「♥」「♦」ですね(〃⌒▽⌒)これは普通に文字として認識されていますので例）<font style="font-size:30px;color:black;">♠</font><font style="font-size:30px;color:black;">♣</font><font style="font-size:30px;color:red;">♥</font><font style="font-size:30px;color:red;">♦</font>表示結果）♠♣♥♦ なんてこともできます(〃⌒▽⌒)ぜひいろいろ使ってみてくださいね(￣▽￣人)興味のある方は特殊文字一覧表も参照下さい（別窓で開きます）。
Oct 7, 2004
コメント(12)
-
タグを覚えよう【第５１回目】 - 表示位置を変える復習
今日は表示位置を変更するタグの復習をしましょう。通常ページに文字を記述したり画像を貼り付けたりすると、画面の左から順番に表示されていきますよね？普段はこれで何も気にならないのですが、ページ全体のデザインなどを考えだすと「この画像は画面の真ん中に表示したいなー」とか「この文字は画面の右端に表示したいな」とか・・・左寄せ表示ばかりでは思うようにいきませんよね。そこで今回は表示位置を指定するタグをご紹介します(〃⌒▽⌒)例）<div align="left">左寄せ表示</div><div align="center">中央表示</div><div align="right">右寄せ表示</div>表示結果）左寄せ表示中央表示右寄せ表示どうです？思い出しました？当然、文字だけではなく画像などなどいろいろな物の表示位置指定できます(〃⌒▽⌒)例）<div align="right"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></div>表示結果）例）<div align="right"><table border=1 cellpadding=10><tr><td>ぴよぴよ</td></tr></table></div>表示結果）ぴよぴよ例）<div align="right"><hr style="width:200px;">ぴよぴよ<hr style="width:200px;"></div>表示結果）ぴよぴよ特に難しい記述でもなく、簡単な英語そのまんまなので覚えやすいでしょ(￣▽￣人)しっかり覚えて活用して下さいね(〃⌒▽⌒)
Oct 6, 2004
コメント(0)
-
タグを覚えよう【第５０回目】 - リンクを作ろう（復習）
今日はリンクを作る復習をしましょう(〃⌒▽⌒)皆さんリンクって知っていますか？文字や画像をクリックすると別のページに飛ぶ・・・あれのことですね。「楽天」でＨＰを作っていたら、特にタグを記述しなくてもリンクって作れてしまいますよね。ただ、自動でできてしまうからその分覚えにくいって欠点もあるでしょう。そんなわけで今回はリンクの作り方の復習です(〃⌒▽⌒)まずは基本から。例）<a href="http://www.7key.jp/" target="_blank">ここをクリックしてみてー</a>表示結果）ここをクリックしてみてー実際にクリックすると「http://www.7key.jp」というページにジャンプしたと思います。「href」で指定するのは見てのとおり、ジャンプしたいページのＵＲＬですね(〃⌒▽⌒)（URLについて詳しく知りたい方はこちらを参考にして下さい。）そして、「target="_blank"」と言う記述は、新しいページを別の窓で開いてね(￣▽￣人)って指定となっています。なので、リンクを作った窓と同じ窓で新しいページを開きたい場合は、この「target="_blank"」という記述を削除してやって下さい(〃⌒▽⌒)画像を使ったリンクも上の例を応用すれば簡単ですね。例）<a href="http://www.7key.jp/" target="_blank"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></a>表示結果）文字であろうが、画像であろうが同じってわけです(￣▽￣人)でもちょっと待ってください。なんだか画像の周りにおかしな線が表示されていますよね(´･ω･`)この線を無くなしてしまいますとリンクであることが分かりづらくなるのですが・・・あったらあったで邪魔ですよね（笑不要な場合は取っ払ってしまいましょう(￣▽￣人)例）<a href="http://www.7key.jp/" target="_blank"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" border="0"></a>表示結果）画像の周りの線幅を「０」にしてね(￣▽￣人) って記述でした。リンクの説明はこれでおしまいです。楽天内ではあまり記述することが無いかもしれませんが、この「リンク」こそインターネットの醍醐味です。次から次へと別のページにジャンプしておもしろいサイトを発掘できるからおもしろいですよね(￣▽￣人)しっかりマスターしましょう(〃⌒▽⌒)
Oct 5, 2004
コメント(2)
-
タグを覚えよう【第４９回目】 - 嫌われるページ・・・
今日は「タグ」に関することは休憩して嫌われるページとは？ということについてお話しましょう(〃⌒▽⌒)とは言いましてもあくまで客観的に・・・世間で言われていることをまとめるだけにとどまろうと思っています。私が嫌いなサイトの特徴を羅列したのでは「講座」になりませんからね（笑まぁ、この「嫌われるページ」を読まれて・・・世間で言われていることなんて気にしない！私は私の道を行くからほっといて！これが個性なのよ！なんて思われる方もいるとは思います。でも、ちょっと待ってください。Webサイトと言うものは人に見てもらうためのものでしょ？インターネット自体がそういうものですからね。人に見てもらうためのサイトが嫌われるページでは意味がありませんよね(´･ω･`)客観的に自分のサイトを見つめなおす指針とでもして下さい(〃⌒▽⌒)文字が見えにくいこれは本当に嫌われます。背景色と文字色が近い色になっていませんか？文字の大きさは読み易い大きさですか？背景画像が派手過ぎて文字が見えにくくなっていませんか？この辺りを目安に自分のページを振り返ってみてください。デザインにこだわるあまりせっかくの文章を読んでもらえないのではつまらないですよね。これは自己判断よりも友達等に意見を聞いてみるのが良いかもしれません。リンク切れだらけこれは言い訳のしようがないと思います。画像がことごとく表示されていないサイト様。どこをクリックしても「ページが見つかりません」と出るサイト様。あまり長居したくないですよね（笑画像を貼り付けたら表示されるか確かめる、リンクを貼ったらまずは自分でクリックしてみる、くらいのチェックは必ず行いましょう(〃⌒▽⌒)トップページにでかい画像ページを開いた瞬間にいきなりでかい画像が表示されるのも世間では結構嫌われるようです。あと画像だらけなページ、広告だらけなページ・・・と、とにかく開くのに時間がかかるページになっていませんか？ブロードバンドが大分発達したとはいえ、まだまだナローバンド接続の方は多数います。実際私もモバイル環境（PHS）でページ回ることがあるのですが広告だらけなページは１分経っても開きません(´･ω･`)せっかくのお客さんを逃さないためにもページ全体の容量には気を付けたいですよね。MARQEE を使いまくっている度を過ぎると嫌われる・・・ってことで参考までに読み物サイトの癖に文書の近くで画像が点滅目が痛いらしいです（笑以上が一般的に言われています「嫌いなページ」らしいです。既述ですが、見てもらうためのページなのに・・・デザインで嫌われたらおもしろくないですよね(´･ω･`)外見が第一印象となり、中身さえ見てもらえなくなるのはオンラインもオフラインも同じと言うことです。ちょっとだけ気を付けてみましょうね(〃⌒▽⌒)
Oct 3, 2004
コメント(14)
-
タグを覚えよう【第４８回目】 - テーブルの属性
今まであまり触れずにここまできましたが、テーブルに指定できる属性ってこ存知ですか？まぁ、実際はたくさんあるのですが・・・今日は３つほど紹介しようと思います(〃⌒▽⌒)BORDERこちらは今まで何回か紹介してきましたよね(〃⌒▽⌒)例）<table><tr><td>○</td><td>×</td></tr><tr><td>◇</td><td>△</td></tr></table><table border=10><tr><td>○</td><td>×</td></tr><tr><td>◇</td><td>△</td></tr></table>表示結果）○×◇△○×◇△のように指定しなかった場合と比べると一目瞭然ですよね(〃⌒▽⌒)念のため解説しておきますと、テーブルの境界線の太さとなっています。CELLSPACING例）<table><tr><td>○</td><td>×</td></tr><tr><td>◇</td><td>△</td></tr></table><table border=1 cellspacing=30><tr><td>○</td><td>×</td></tr><tr><td>◇</td><td>△</td></tr></table>表示結果）○×◇△○×◇△これも見てもらえば分かるでしょう(￣▽￣人)セルとセルの間隔を示すものとなっていますね(〃⌒▽⌒)CELLPADDING例）<table><tr><td>○</td><td>×</td></tr><tr><td>◇</td><td>△</td></tr></table><table border=1 cellpadding=30><tr><td>○</td><td>×</td></tr><tr><td>◇</td><td>△</td></tr></table>表示結果）○×◇△○×◇△こちらはセル内の余白を表します。セルの中身と境界線までの余白をどれだけとるか・・・ってことですね(〃⌒▽⌒)以上３点ですが、当然組み合わせて使うことも出来ます(〃⌒▽⌒)いろいろと試してみてくださいね(￣▽￣人)
Oct 2, 2004
コメント(1)
-
タグを覚えよう【第４７回目】 - テーブルのセルを結合
今日は久しぶりにテーブルを勉強しましょう(￣▽￣人)とは言いましても、既に解説したことの復習です。セルの結合ってどうするのか覚えていますか？これも知っていると意外と便利ですよ(〃⌒▽⌒)□ 横方向の結合１<table border="1"><tr><td colspan=2>○</td><td>×</td></tr><tr><td>×</td><td>○</td><td>×</td></tr><tr><td>○</td><td>×</td><td>×</td></tr></table>□ 表示サンプル○××○×○××横方向にセルを結合したい場合は「colspan」にて指定します。この「colspan」に「2」を指定した場合は、セルがテーブルの列を 2 つ使用することを示します。□ 横方向の結合２<table border="1"><tr><td colspan=3>○</td></tr><tr><td>×</td><td>○</td><td>×</td></tr><tr><td>○</td><td>×</td><td>×</td></tr></table>□ 表示サンプル○×○×○××同様に「colspan」に「3」を指定した場合は、セルがテーブルの列を 3 つ使用することを示します。気をつけてもらいたいのは、（当たり前なのですが）セルを結合するとセルの数が一つ減ります。３つのセルを結合した場合には、２つのセルがなくなっているということを忘れないで下さい。そうしないといびつな形のテーブルができあがってしまいます(´･ω･`)□ 縦方向の結合<table border="1"><tr><td colspan=3>○</td></tr><tr><td>×</td><td rowspan=2>○</td><td>×</td></tr><tr><td>×</td><td>×</td></tr></table>□ 表示サンプル○×○×××縦方向にセルを結合したい場合は「rowspan」を使います。使用方法や注意事項は「colspan」と同様です。セルが減ったときのつじつまが合うようにだけ気をつけて下さい(￣▽￣人)□ 縦と横方向の結合<table border="1"><tr><td>○</td><td>×</td><td>×</td></tr><tr><td>×</td><td rowspan=2 colspan=2>○</td></tr><tr><td>×</td></tr></table>□ 表示サンプル○×××○×「rowspan」と「colspan」の両方を指定することにより縦方向と横方向のセルを結合することもできます。どうでした？慣れれば簡単なのですがどうも最初はとっつきにくいようです。この手段もいろいろ応用できますのでいざと言うときにはこちらまでお越し下さい（笑では、またあしたー(ﾟ▽^*)ﾉ⌒☆
Oct 1, 2004
コメント(5)
全16件 (16件中 1-16件目)
1
-
-
- しんくぱっど
- T540pにwin11をうまくインストールで…
- (2026-08-09 15:35:17)
-
-
-
- 楽天ラッキーくじ
- 楽天ラッキーくじ更新情報（2026/9/2…
- (2026-09-21 14:28:45)
-
-
-
- 3DCG作品
- 戦うイボイノシシ １２
- (2026-10-04 06:30:04)
-
