AWSのS3にて、ポートフォリオサイトを公開しようとしましたがうまくいきません。

Question

プログラミング初心者です。
AWSのS3を使い、ポートフォリオサイトを公開しようと思ったのですが、うまくいきません。
どなたか質問に答えていただければ幸いです。

AWSのS3について、いろんなサイトを調べましたが、どのサイトも「バケットにファイルをアップロードすると
以下のような画面になる」と言います。

しかし、私が同じ手順でこのページに来ても、このようなおしゃれで、カラフルな画面は表示されません。
以下が私の画面です。

表示のされ方は違いますが、ボタンについては、ほとんど同じですので、いろんなサイトに書かれてある手順を何度も試しましたが、アップロードを行い、バケットウェブサイトエンドポイントのURLに飛ぶと以下のような画面になり、サイトが表示されません。

アップロードしたファイルは、HTML.CSS.PHPのコードを使っております。

Answer 1

以下のリファレンスのように、バケット内にファイルが無いようなエラーを返しています。
https://aws.amazon.com/jp/premiumsupport/knowledge-center/404-error-nosuchkey-s3/

確認していただきたいこととして、
・オブジェクトURLを正しく踏んでますでしょうか？
・ファイルは1つでしょうか(HTMLなどの構成がわかりませんが、複数ファイルで構成されているのならば、各種ファイルの参照先を確認していただくこと。)

以上の2点を確認してみてください。