今度、ホームページを作成しようと思っています。

初めまして。私も加入しているちょっとしたネットのサークルの様な所で「ここのホームページを作成してみたら面白そう！」と話題になりまして、ブログや以前ホームページの作成経験のある私にその任が与えられました。
私も作ったことあると言ってもホームページの作成サイト等を何度も梯子しながらやっと作ったのでとても自力とはいえませんが、0から始めるよりはそういった言語や知識がある人が作ったほうが良いとの事で私も了承しました。そこで、久しぶりに作っていて今大まかな形は出来てきましたがテンプレートの入れ方が分からずに悩んでいます。一応テンプレートが無料のサイトをいくつかあたって見てテンプレートをDLしては居るんですが、それのindex.html等を自分用に変更していくとそれまであった画像や背景といった全てが消えて白い画面に私が変更した文章が載っているだけの状態になりました。以前はテンプレートを入れたことが無かったので苦戦しています。
私が作成から詰まっている所までを箇条書きにすると
・メモ帳であらかたの骨組みを作る
・それをFC2ホームページに移す
・テンプレートをダウンロードして、ダウンロードした画像以外を全てアップロードする
・最初に作った骨組みを全て削除、アップロードした物のみにする。
・アップロードした物をindex.htmlから変えていく
・途中経過でサイトを見てみると上記の様に白い画面に黒い文字で書いてある状態になる。

途中、前まで作った物を消した理由はテンプレートをダウンロードしてよく見ると自分が作っているのと同じ名称（index.html)があったのでこれを変えていけばそのまま出来るんじゃないか？と思ったからです。どのようにしたらテンプレートの画面を保ちつつ内容を変える事が出来るのでしょうか？　

乱文で申し訳ありませんが、この流れを分かりやすく教えてくださる方、ご回答お願いします。

No.3 回答者： aoyama984 回答日時： 2013/03/19 21:49

再現が可能ならこちらでもやってみます

どのテンプレートを使ったか
具体的には　どういう手順で作業を行ったか教えてください

消えちゃうタイミングというか　これをやったら変わってしまう
という作業があるはずですが
いつ　どういう作業によってそうなるかの問題だと思います

No.2 回答者： ORUKA1951 回答日時： 2013/03/19 18:36

　かっての経験はほとんど役に立たないでしょう。

　まったく知らないで無知(ゼロ)からはじめたほうがよかったですね。

　今は、HTMLは文書構造だけを記述してデザインをスタイルシートで行う。
そうすることでHTMLには一切手を加えないで、スタイルシートを変更することでサイト全体のデザインを一挙に変更できるようになります。
　他の回答でも紹介したのですが、
　⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
のページはブラウザの表示メニューからスタイルシートを選択すると、HTML自体はそのままで、様々にデザインが変わります。
　テンプレートと言う場合、このスタイルシートをテンプレートと考えて良いでしょう。

　そのためには、テキストエディタでHTMLを作成し、テンプレートを使用するなら文書構造やclass名などには手を加えてはなりません。

　多分、
・外部スタイルシートへのバスが通っていない
・文書構造が異なるためスタイルが適用されない
　の何れかが最も疑わしいです。

　firefoxにfirebugというアドオン( https://addons.mozilla.jp/firefox/details/1843 )を入れて、スタイルシートが適用されているかをチェックするのが良いでしょう。

No.1 回答者： dengaku10000 回答日時： 2013/03/19 17:18

まず拡張子が「.css」になるファイルがあれば、それをアップロードされてはどうでしょうか。

また、htmlの最初の方に書いてある.cssの拡張子を参照する部分のパスを見なおしてみられてはどうでしょうか。


というのも、昨今のホームページの色や形を指定するファイルは別ファイルになっていて、
本体であるhtmlファイルから参照する場合が多く、今回使われたテンプレートもそうなっているのでは
ないでしょうか。

参照先のcssを移動させたり、参照のさせかたが間違っていると、
色や形の指定がない状態となり、結果として白い画面に黒い文字で書いてあるシンプルなページが
表示されると考えられます。