[PR]
公認会計士
ホームページ練習部屋
ホームページを毎日、日記形式で更新していきます。私は初心者なので解らないことだらけですが、最終的にはSEO対策も施しアフィリエイトで収入を得られるまでにしたいと思います。
TOP
>>10回目
目次
1回目
ここまで作るのに3時間くらいかかりました。
とりあえずtableで枠をつくりタイトルと説明をそれぞれ<h1><h2>タグで囲ってみました。
htmlで見るとわけがわかりませんので適当に色分けをしました。
何しろ初めてなので説明もできませんが、だんだん用語とかも覚えて説明できるようにしたいと思います。
かなり見にくいと思いますが、だんだんと変えていきたいと思います。
次回は文字を小さくして、各枠の中にバランスよく納めたいと思います。
2回目
いろんなホームページ作成マニュアルをみると、スタイルシートなるものを使うとべし!と書いてあるので使ってみます。
別のメモ帳にbody{font-size:small;}と書いてファイル名をdouにして拡張子を.cssにして保存しました。
それからヘッドの部分に<link rel="stylesheet" type="text/css" href="dou.css">と書きリンクさせました。お〜文字が小さくなった!!
ついでに<h1><h2>タグもスモールにしてみました。お〜簡単にできました。
ついでにこのページをトップにして1回目にリンクできるようしました。1回目に作ったものをno1.htmlで保存して、トップの1回目の文字の前に<a href="no1.html">と書きました。リンクになったかな?
今日はこのぐらいにしときます。少し解ってきたので、次回はカウンターを設置して余裕があれば・・・今は思いつかないけど何かやりたいと思います。
3回目
今回はカウンターを設置してみました。
shinobiでカウンターをレンタルしてとりあえず一番上の灰色にしているテーブルの中
<table bgcolor="#c0c0c0" width="760"> <tr> <td height="10">1</td> </tr> </table>
の
2回目
までは
1
になっていたところに取得したソースを貼り付けて設置しました。
さっき気づいたのですが自動でつく広告が右側に表示されているので一番下に表示させたいのですが、やり方がわかりません・・・。
ちょっと調べてみます。どこで調べればよいのだろう??
4回目
前回からのつづき・・・広告を一番下に表示させるのに成功しました。
すっごく簡単でした。
3回目
までの<body></body>の中のものをさらにテーブルで囲ってしまえば良いだけでした。
これであっているかは、独学なので解りません?いつかコメントしてもらえるようにしたいと思います。
あと今回は、背景の色が悪くて見難いのでこの枠だけ白にします。
<td colspan="2" valign="top" bgcolor="#8080c0" width="608" height="500" style="padding:1em;">の
bgcolor="#8080c0"
を
bgcolor="#ffffff"
にかえました。
次回はさらに読みやすくするために改行とか文字間隔とかを考えたいと思います。
文章については勘弁してください。
5回目
今回は、すこ〜し見やすくする努力をしてみました。
目次の部分を3番目の見出し<h3>タグで囲い、スタイルシートのh3もsmallにしました。改行も増やしました。
行間をもう少し開けたいのですが、やり方がわからないので次回にします。
その他はちょっと色気をだしてみました。
マニュアルどうりSEO対策として<head></head>の中に
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords" content="キーワード,キーワード,キーワード">
<meta name="description" content="サイトの紹介文">
を書き込み、それぞれキーワードと紹介文を書きました。
次回はどうしようかな?下と右のテーブルに何か入れたいけど、何を入れれば?そろそろアフィリエイトに登録してみようか?まだはやいよな〜・・・う〜んだんだんはまってきました。
6回目
shinobi.jpのヘルプを見てたらバーチャルホストの設定というのがあったから試してみます。
このindex.htmlがあるところにフォルダを作成します。例えばshop。このshopフォルダの中にindex.htmlを作成すればshop.dou.rakugan.com/というindexページになるそうです。ちょっとつくってみます。
こうなりました。
どうでしょう?
それから、またまたさっき気づいたのですが、1回目〜5回目までのリンクをクリックすると、同じ画面の表示が変わり戻る時に面倒くさいことに気づきました。別ウィンドウで表示されるようにしたい!と思い調べたら・・・<a href="〜.html">の最後のところに
target="_blank"
を書き加えればよいようなので、すべて<a href="〜.html" target="_blank">としてみました。
余裕が出てきたのでもうひとつ・・・私がマニュアルにしているホームページに【パンくずリスト】とやらをつけなさいとありましたので・・・さっそく今まで作ったページすべての目次の上あたりに付けてみます。これもSEO対策になるようです?本当?ですか?
ちょっとだけカッコつけて,
<p align="center" style="font-size:x-small;">
として小さい文字で真ん中に表示してみました。
7回目
前回まですご〜く気になっていた一番上と左側の余白?(少し白色が見えるところ)をつめてみました。実はず〜っとどうやるのか悩んでたのですが・・・やっと分かりました。
まず一番最初の大枠(
4回目
で作ったテーブル)<table>タグの中に
cellspacing="0" cellpadding="0"
と書き込む。それから
2回目
で作ったスタイルシートのbodyのところに
margin-top:0;margin-left:0;
と書き込みます。そうすると、このページのように余白がなくなるはずです。(
余白ありはこちら
)
あと、
6回目
で設定した、各回数のリンクを別ウィンドウ表示するのは、うざいし必要ないような気がするのでやめます。
それから、いよいよ
ちょっと早いかな〜と思ったけど、アフィリエイトサイトに登録してみました。
いろんなマニュアルサイトで推薦されている
A8.net
にとりあえず登録してみました。特に審査は無くすんなりと、登録できました。
いくつかの企業と提携したので、下の枠に適当に貼ってみます。
適当に貼っただけあってものすご〜く見にくい!!次回はちょっと整理したいと思います。余裕があればトップページを一新し、おさらいのつもりで整理ページをつくりたいと思います。
8回目
審査が非常にきびしいことで有名な
バリューコマース
の登録に成功しました!こんな初心者サイトでもいいんだ・・・。
どこのマニュアルサイトをみても、この
バリューコマース
は上級者向けアフィリエイトサイトで審査が厳しいと書いてあるのでびっくりしました。
何か俄然やる気がわいてきました。この調子で、バンバン更新していきたいと思います。
9回目
さっきカウンター見たら!急に?初めて?閲覧者を発見!!したので、急遽アクセス解析を設置することにしました。
3回目
のカウンターをレンタルしたのと同じようにshinobi.jpで解析をレンタルしソースを取得して、<body></body>タグの中の一番上に貼り付けました。
う〜ん、またまた楽しみが増えました。
10回目
アクセストレード
とGoogle AdSenseとamazonに承認されました。早速(急いで!)わからないながらも広告を貼ってみました。
アフィリエイト
バリューコマース
/
A8.net
/
アクセストレード
旅行・出張・宿泊
トクー!トラベル
/
一休.com
/
ぐるなびトラベル
/
オズモール
/
楽天トラベル
/
空旅.COM
/
JTB
/
宿ぷらざ
/
メンズアパレルセレクトショップ「Fashionate(ファッショネイト)」
メンズエッグ系ファッション百貨店。JACKROSE、Vanquish、Graffityなど。
ポイントバックシステムが有るので公式サイトよりお得!
イーバンク銀行
/
ネット銀行のパイオニア『ジャパンネット銀行』!!
/
楽天
/
Yahoo!ショッピング
/
IMAGE
/
人気のイタリアンモダン家具
/
「まさかこんなに勝てるなんて」
あなたにも
1億円勝てるチャンス
があるかもしれません!
シェルマン・アンティークウォッチ
【じゃらん】東京ディズニーリゾート オフィシャルホテルを予約OK!