テキスト通りに操作しているがCSSが反映されない。

[きり]

今日、『個人サイトを作ろう！テンプレートですぐできる！すぐに身につく！HTML&CSS』を購入して勉強を始めたものです。

ご著書のChapter1-07でつまづいています。
デスクトップ上にフォルダ（test）を作成し、フォルダ内に「test.html」を作成し、
見出しなどの設定までは記載の通りサイト上で再現できました。

「CSSも書いてみよう」の部分で、testフォルダに「test.css」を作成し、
記載のとおり見出しをピンクに変更したことはローカルで確認できたのですが、
「サーバーにアップロードして」とあるので、FTPクライアントソフトを通じて、
「test.html」をアップロードし、https://自分のサイト/test.htmlにアクセスしてみたのですが、色の変更が反映されてきません。
もしかして、testフォルダごとアップロードが必要でしょうか？

P41の「サーバーにアップロードして、公開された『test.html』にアクセス」するというのは、testフォルダごとアップロードし、https://自分のサイト/test/test.htmlと
太字部分を追記して、アクセスすると確認できますよ、という意味合いであっていますか？

どこか読み落としがあり、https://自分のサイト/test.htmlと
検索ボックスに打ち込むだけでCSSが反映される方法があるのでしょうか。

もし、お分かりの方がいらっしゃいましたらご教示ください。
よろしくお願いいたします。

[佐高]

もしかしたらもうご自身で解決されているかもしれませんが、通りすがりに失礼いたします。
ひとまず該当のチャプターをざっと見直しただけなので間違っていたら申し訳ありません。

「test.html」のみをアップロードしたということでよろしいでしょうか？

cssファイルを反映させるためには、お作りいただいた「test.css」もアップロードする必要がございます。

もしアップロードしていないのでしたら「test.html」と同じ階層に「test.css」もアップロードして「https://自分のサイト/test.html」にアクセスすると確認できるかと思います。
（Chapter2-01とも関連してきますが、イメージとして、「https://自分のサイト/」が一つのフォルダと考えると分かりやすいかもしれません）

 

説明下手で申し訳ないです。
別の可能性を書くと長くなりそうなので、もし見当違いでしたり、解決できなかったりした場合はまたお教えください。

[投稿者]

投稿