2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
全11件 (11件中 1-11件目)
1
今日はスタイルシートを使った便利な小技を紹介してみます。いえ、小技というほど大袈裟なものでもないのですがかなり使用頻度が高いと私が勝手に思っている記述方法です(〃⌒▽⌒)では早速。記述例)<p style="border:1px solid #0000ff;margin-top:50px;">ここに文章</p>表示結果)ここに文章border~なんてのは分かり易く外枠を付けてみただけですので、今回の話には関係ありません。今回問題なのは「margin-top:50px;」という記述です。これを指定したタグの「上余白」を50pxにしなさい、という指定になります。余白をあけたい場合に<br><br><br><br><br>なんてことやっていませんか?スタイルシートで指定する方が随分とスマートですよね( ̄▽ ̄人)更に…。記述例)<p style="border:1px solid #0000ff;margin-left:100px;">ここに文章</p>表示結果)ここに文章なんて記述をしますと、左余白を指定することもでき、MSWord などで言います「インデント」のような指定もすることができます。他にも「margin-bottom」「margin-right」のように、下余白、右余白も指定することができます。前々から何回か言っています「見た目はスタイルシートで」。<br>や全角スペースの連記なんて大抵の場合は見た目を指定するものです。これらで余白を調整しても、ブラウザによっては省略されてしまいますし、そもそも環境によって見た目も変わってきますので細かい指定をすることは不可能です。余白を指定する場合には「margin」で( ̄▽ ̄人)しっかり覚えておきましょう(〃⌒▽⌒)
Feb 23, 2005
コメント(9)
今日はここ、楽天ブログのアクセス数について考えてみましょう。せっかくがんばって作ったページ(ブログ)です。色々な方に見てもらいたいですよね(〃⌒▽⌒)言わばアクセス数はページの認知度のようなもの。あるに越したことはないですよね。特に楽天アフィリなんてやってる方にとってみればアクセス数=お客様数気にならないほうがおかしいもの。今日はちょっとしたコツでそのアクセス数を上げる、そんな方法をお教えしましょう。その方法を語る前にまずはアクセス数アップの仕組みから。仕組みが分かれば方法もおのずとわかるものです。アクセスを上げるために必要な物は次の二つです。はじめて来る人の数を上げる。リピータの数を上げる。何を当たり前のことを…と言われるかもしれませんがこれが全てです。ただ、リピータの数を上げる唯一の方法はページの中身の充実あなたのページが見る人にとって「もう一度訪れたいページ」にならないとリピータ数は上がりません。即ち、簡単なアドバイスなどありません(笑皆様にそれぞれがんばって頂くしかないのです。追記)毎日コツコツと更新すること、これがリピータを増やすコツかも。詳細は下のコメント参照。ってなわけで、ここで教える簡単な方法とは初めて来る人の数を上げる方法。日記のタイトルに凝って下さいたったこれだけです。でもこの日記のタイトル、実は楽天ではとても重要な役割を果たしていますよね。新着に載るのはその日書いた日記のタイトル日記リンクを貼って頂いている方のページに新着表示されるのもその日書いた日記のタイトルぱっと見てクリックしてもらえるか見過ごされるかここが大きな違いとなります。「今日の日記」「最近思うこと」こんな日記のタイトルつけていませんか?これではタイトルから内容なんて分かりませんし、クリックする気も起きませんよね。まずは日記のタイトルを誰もがクリックしたくなるものにしてみてください(〃⌒▽⌒)え?具体的にどうすれば良いか?そんなものは自分で考えて…と言いたいのですがここでも一つコツをお教えしましょう。何のために楽天にはカウンタがついているのでしょう?しかもご丁寧に日別のアクセス数まで表示してくれます。これを使わない手はないですよね(〃⌒▽⌒)即ち…自分がつけた日記タイトルの点数が翌日には出ているってことです。色々思考錯誤してください。一気にアクセス数が上がった日記のタイトル。これが「アクセス数を稼げるタイトルのこつ」となるのです。自分のページ、自分の日記にあったタイトルのこつを分析してみて下さいね(〃⌒▽⌒)
Feb 20, 2005
コメント(14)
同じ楽天でブログを書いている人がどんなサイトを作っているのか。そんなことが気になったときに便利なのが「ランダム」機能。広い楽天内のランダムなページにジャンプできる便利なリンクです。風呂上りにタバコを吸いながらこのランダムで遊んでいて気が付いたことをちらほらと。まず一つ目。随分前にここでも書いた記憶があるのですが、うっかり次の「ランダム」をクリックしてしまい一つ前の(ランダムで表示した)ページをもう一度開きたい場合。ブラウザの戻るボタンを押しても戻れませんよね。そんなときに便利なテクニック。IEではブラウザの戻るボタンの右横に「▼」がついていますよね。それを押してみてください。何個か前に表示したページにも戻ることができますよね。二つ目これを書きたかったのですが、あまりにもくだらない内容なので一つ目でテクニックを紹介しました(笑法則と言うよりは自己分析なのですが、ランダムをじゃんじゃん押していって開いたページの何を見ているか。何もみていないのですよ。文字なんて特に。ぱっと見のデザイン写真(広告は論外)この二つをぼーっと眺めつつ、上の二つの内どちらかに興味があれば落ち着いてページのタイトルを見るこんなことを無意識に繰り返していたのです。私だけに限らず、ランダムで遊ぶような人はそんな行動パターンをとっているのではないでしょうかね?ランダムで遊んでいてふと立ち止まる瞬間。皆様はどのようなときでしょうか?ちなみに私は…女の子の写真が載っていたページ音楽機材の写真が載っていたページこんなサイトばかりでした(´・ω・`)
Feb 19, 2005
コメント(0)
50件頂きました。ネット友達の少ない私にとって、この数は十分過ぎるもの。御入用の方、http://www.7key.jp/にありますメールアドレスまで連絡頂けましたらInvite 送付します。ちょこっとでもこのページの感想などでも書いて頂けたら幸いですm(_ _)m
Feb 18, 2005
コメント(2)
以前ちょこっと触れたIE7。どうも夏くらいに出すみたいですね。http://www.itmedia.co.jp/news/articles/0502/16/news029.htmlベータ版ということですし、まだまだ海のものとも山のものとも分かりませんが、果たしてどうなることでしょうか。
Feb 16, 2005
コメント(2)
IE だけでページの動作確認をしていませんか?IE はかなり大雑把にHTML タグやスタイルシートを解釈します。即ち…嘘だらけの記述をしていても多めに見て適当に表示するのです(いや、本当に)。「今は」という条件付ですがね。まぁ、その話は後に回し、題名にも書きましたが本当にあなたのページは正しい記述で作られていますか?Mozilla FireFox興味のある方はダウンロード→インストールしてみて下さい。そしてあなたのページやあなたが参考にしている「HP 作成 HP」などを見てみて下さい。あなたの思惑通りに表示されていますか?されていないのであればこのFireFoxでも動作確認しつつページ作りをすることをお奨めします。# 結構厳格にHTML やスタイルシートを解釈してくれますのでここからは私の勝手な推測。IEの最新バージョンであるIE6はリリースして早4年(5年だったかな?)が経過しています。今年末には次期WindowsであるLonghoneのベータ版もリリースされる予定になっており、何らかの新しいブラウザもそれに組み込まれるのでは…。と言うより組み込まれて当然でしょうね。Microsoft はIEシリーズを作るのはもうやめる、なんて噂も実しやかに囁かれていましたし(MSN8)、例えIE7なんて名前が仮についていたとしても、IE6とはまったく異なるものになるのではないでしょうか。さて本題。どういった部分で異なるものになるのでしょう。タブブラウザ化、マウスジェスチャ、セキュリティの強化などなど。色々思い付くこともあるのですが正しいHTMLとスタイルシートの解釈これも強化されて然りだと思いませんか?IE 6がリリースされて時間が経っていることもあり、「IEはW3C の仕様書通りに表示されない」との批判も根強いものとなっています。もしMicrosoft がこれらのいわゆるバグを修正したブラウザを次期Windows に搭載したら…。決して私の杞憂ではないと思うのですが皆様はどう思われるでしょう?どのブラウザからでも同じように見え、そして何年経っても困らない、そんなページ作りをするには正しい記述方法でWebページを作る以外に考えられません。1年ほどで飽きるページならばそんな心配も不要でしょうが、「末永いインターネット上の自分のスペース」を作りたいのであれば、正しい記述でのページ作りを心がけてはいかがでしょうか?
Feb 14, 2005
コメント(7)
今日は「S」タグの復習です。以前説明した時は軽く流した程度だったのですが覚えていますか?「Strike」の「S」らしく、囲んだ範囲に打消し線がつきます。百聞は一見にしかず。とりあえず例を見てください。例)定価<s>\20,000</s>→特別価格\9,880表示結果)定価\20,000→特別価格\9,880余り使い道無いかもしれませんね(笑HTMLのタグにはこのように1文字だけのタグが何個かあります。覚えてしまえば記述が楽なので良いのですが、なんとも覚えにくいですよね。しかもこんな滅多に使わないタグならなおさら(´・ω・`)「線」の「S」とでも覚えれば少しは覚え易いかもしれません。補足)余裕のある方は以下も参照下さい(〃⌒▽⌒)このタグは「意味」を加えるのではなく「見た目」を変えるタグです。でもHTML の本質は「文章に意味をつけること」。こんなときどうするか覚えていますか?ページの見え方に関する指定は全てスタイルシートにて行うのだったですよね(〃⌒▽⌒)1文字で終わるタグをスタイルシートで長々と記述するのもめんどうなのですが、余裕のある方は覚えてみてはいかがでしょうか。例)定価<span style="text-decoration:line-through;">\20,000</span>→特別価格\9,880表示結果)定価\20,000→特別価格\9,880
Feb 13, 2005
コメント(4)
昨日GMAILをとある方から頂きました。今更の感もあるのですが、兼ねてより雑誌などで見ていた画面を自分のパソコンから見るのは何とも言えないもの。インバイト権が一気に増えたらしいのですがそろそろ本格稼動なのでしょうか。http://gmail.google.com/gmail/help/terms_of_use.html
Feb 11, 2005
コメント(0)
英語くらい読めないでどうする(´・ω・`)話せる必要は無い、何を書いているか読めないと何も始まらない。英語の翻訳サイトの性能が悪いなんてぼやいてみたり翻訳本の日本語が読みにくいなんて不平を言ってみたり自分中心に世界が回っていると思うな。文句があるなら自分で訳せるようになれよ(´・ω・`)他人に頼っている甘えの分だけ入ってくる情報も遅くなる。自戒日記でした。
Feb 8, 2005
コメント(10)
今回は「H1」とか「H3」など見出しを付けるタグの復習です。これは「Heading」の略となっていて、1~6の範囲の整数値で見出し位を指定します。Hタグで囲まれた部分は文字サイズが変化し太字になり、前後に改行がはいる例)<h1>見出し1</h1><h2>小見出し</h2>表示結果)見出し1小見出し決して文字を大きくするためのタグではないことに気を付けてください。あくまで「囲まれている部分が見出しであることを表す」ためのタグなのです。
Feb 5, 2005
コメント(2)
今日は文字の種類を変えてみます。部分的に変更すればページのアクセントになりますよ(〃⌒▽⌒)例)<font face="MS ゴシック">ゴシック体</font><font face="MS 明朝">明朝体</font><font face="HG創英角ポップ体">ポップ体</font>表示結果)ゴシック体明朝体ポップ体文字の大きさや色なども変えてみると面白いかもしれませんよ( ̄▽ ̄人)例)<font size="7" color="#0000ff" face="HG創英角ポップ体">さんぷる</font>表示結果)さんぷるただ、この方法は見る側のパソコンに同じ文字が導入されていることが条件となりますので注意下さい。
Feb 3, 2005
コメント(2)
全11件 (11件中 1-11件目)
1

![]()
![]()