ホームページ練習部屋

ホームページを毎日、日記形式で更新していきます。私は初心者なので解らないことだらけですが、最終的にはSEO対策も施しアフィリエイトで収入を得られるまでにしたいと思います。

TOP>>4回目

目次
  • 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"にかえました。
    次回はさらに読みやすくするために改行とか文字間隔とかを考えたいと思います。文章については勘弁してください。
23
45
67