ホームページ練習部屋
|
ホームページを毎日、日記形式で更新していきます。私は初心者なので解らないことだらけですが、最終的にはSEO対策も施しアフィリエイトで収入を得られるまでにしたいと思います。
|
TOP>>6回目
目次
- 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;">として小さい文字で真ん中に表示してみました。
| |
2 | 3 |
4 | 5 |
6 | 7 |
|