ホームページ練習部屋

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

ＴＯＰ>>７回目

目次

  • １回目

    • ここまで作るのに３時間くらいかかりました。
    とりあえずtableで枠をつくりタイトルと説明をそれぞれ<h1><h2>タグで囲ってみました。
    htmlで見るとわけがわかりませんので適当に色分けをしました。
    何しろ初めてなので説明もできませんが、だんだん用語とかも覚えて説明できるようにしたいと思います。
    かなり見にくいと思いますが、だんだんと変えていきたいと思います。
    次回は文字を小さくして、各枠の中にバランスよく納めたいと思います。
  • ２回目
    いろんなホームページ作成マニュアルをみると、スタイルシートなるものを使うとべし！と書いてあるので使ってみます。
    別のメモ帳にbody{font-size:small;}と書いてファイル名をdouにして拡張子を.cssにして保存しました。
    それからヘッドの部分に<link rel="stylesheet" type="text/css" href="dou.css">と書きリンクさせました。お〜文字が小さくなった！！
    ついでに<h1><h2>タグもスモールにしてみました。お〜簡単にできました。
    ついでにこのページをトップにして１回目にリンクできるようしました。１回目に作ったものをno1.htmlで保存して、トップの１回目の文字の前に<a href="no1.html">と書きました。リンクになったかな？
    今日はこのぐらいにしときます。少し解ってきたので、次回はカウンターを設置して余裕があれば・・・今は思いつかないけど何かやりたいと思います。
  • ３回目
    今回はカウンターを設置してみました。
    shinobiでカウンターをレンタルしてとりあえず一番上の灰色にしているテーブルの中<table bgcolor="#c0c0c0" width="760"> <tr> <td height="10">1</td> </tr> </table>の２回目までは1になっていたところに取得したソースを貼り付けて設置しました。
    さっき気づいたのですが自動でつく広告が右側に表示されているので一番下に表示させたいのですが、やり方がわかりません・・・。
    ちょっと調べてみます。どこで調べればよいのだろう？？
  • ４回目
    前回からのつづき・・・広告を一番下に表示させるのに成功しました。
    すっごく簡単でした。３回目までの<body></body>の中のものをさらにテーブルで囲ってしまえば良いだけでした。
    これであっているかは、独学なので解りません？いつかコメントしてもらえるようにしたいと思います。
    あと今回は、背景の色が悪くて見難いのでこの枠だけ白にします。
    <td colspan="2" valign="top" bgcolor="#8080c0" width="608" height="500" style="padding:1em;">のbgcolor="#8080c0"をbgcolor="#ffffff"にかえました。
    次回はさらに読みやすくするために改行とか文字間隔とかを考えたいと思います。
    文章については勘弁してください。
  • ５回目
    今回は、すこ〜し見やすくする努力をしてみました。
    目次の部分を３番目の見出し<h3>タグで囲い、スタイルシートのh3もsmallにしました。改行も増やしました。
    行間をもう少し開けたいのですが、やり方がわからないので次回にします。
    その他はちょっと色気をだしてみました。
    マニュアルどうりＳＥＯ対策として<head></head>の中に
    　　<meta name="robots" content="INDEX,FOLLOW">
    　　<meta name="keywords" content="キーワード,キーワード,キーワード">
    　　<meta name="description" content="サイトの紹介文">
    を書き込み、それぞれキーワードと紹介文を書きました。
    次回はどうしようかな？下と右のテーブルに何か入れたいけど、何を入れれば？そろそろアフィリエイトに登録してみようか？まだはやいよな〜・・・う〜んだんだんはまってきました。
  • ６回目
    shinobi.jpのヘルプを見てたらバーチャルホストの設定というのがあったから試してみます。
    このindex.htmlがあるところにフォルダを作成します。例えばshop。このshopフォルダの中にindex.htmlを作成すればshop.dou.rakugan.com/というindexページになるそうです。ちょっとつくってみます。こうなりました。どうでしょう？
    それから、またまたさっき気づいたのですが、１回目〜５回目までのリンクをクリックすると、同じ画面の表示が変わり戻る時に面倒くさいことに気づきました。別ウィンドウで表示されるようにしたい！と思い調べたら・・・<a href="〜.html">の最後のところに target="_blank"を書き加えればよいようなので、すべて<a href="〜.html" target="_blank">としてみました。
    余裕が出てきたのでもうひとつ・・・私がマニュアルにしているホームページに【パンくずリスト】とやらをつけなさいとありましたので・・・さっそく今まで作ったページすべての目次の上あたりに付けてみます。これもＳＥＯ対策になるようです？本当？ですか？
    ちょっとだけカッコつけて,<p align="center" style="font-size:x-small;">として小さい文字で真ん中に表示してみました。
  • ７回目
    ちょっと早いかな〜と思ったけど、アフィリエイトサイトに登録してみました。
    いろんなマニュアルサイトで推薦されているA8.net にとりあえず登録してみました。特に審査は無くすんなりと、登録できました。
    いくつかの企業と提携したので、下の枠に適当に貼ってみます。
    適当に貼っただけあってものすご〜く見にくい！！次回はちょっと整理したいと思います。余裕があればトップページを一新し、おさらいのつもりで整理ページをつくりたいと思います。
イーバンク銀行
ネット銀行のパイオニア『ジャパンネット銀行』！！
楽天 IMAGE 人気のイタリアンモダン家具
メンズアパレルセレクトショップ「Fashionate（ファッショネイト）」
メンズエッグ系ファッション百貨店。JACKROSE、Vanquish、Graffityなど。
ポイントバックシステムが有るので公式サイトよりお得！
「まさかこんなに勝てるなんて」
あなたにも１億円勝てるチャンスがあるかもしれません！ 		【じゃらん】東京ディズニーリゾート　オフィシャルホテルを予約OK!