現在知り合いのWebページを保守運用しているのだが、新たにWebページを作成する必要ができた。
そのため、以前と同じ方法で公開しようとしたのだが、だいぶ前に公開していたこともありほとんど覚えていない。
なので、備忘録も兼ねてここに記載します。

前提として

すでにHTMLファイルとCSSファイルは作成済みです。

主にこちらの記事を参考にさせていただきました！
https://opt-p.co.jp/blog/aws/post-693/#outline__3_4

というか、上記のページだけで大丈夫でしたね（笑）

S3でバケットの作成

S3からバケットを作成をクリック
バケット名には自分が取得したドメイン名を入力
AWSリージョンは東京or大阪を選択
「このバケットのブロックパブリックアクセス設定」で「パブリックアクセスをすべてブロック」のチェックを外す
「パブリックアクセスのブロックをすべてオフにすると、このバケットとバケット内のオブジェクトが公開される可能性があります。」のはチェックを入れる
バケットを作成をクリック

以上でバケットの作成は完了

静的ウェブサイトホスティングの設定

先ほど作成したバケットをクリック
プロパティタブをクリック
「静的ウェブサイトホスティング」の編集をクリック
「静的ウェブサイトホスティング」は「有効にする」を選択
「ホスティングタイプ」は「静的ウェブサイトをホストする」を選択
「インデックスドキュメント」は公開したいWebサイトのホームとなるページ名を入力
「変更の保存」をクリック

以上で静的ウェブサイトホスティングの設定は完了

バケットのアクセスポリシーの設定

アクセス許可タブを選択
バケットポリシーの編集押し、以下のポリシーを設定

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadForGetBucketObjects",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::バケット名/*"
        }
}

3.変更の保存をクリック

以上でバケットのアクセスポリシーの設定完了

htmlファイル等をアップロード

オブジェクトタブを選択
アップロードをクリック
ファイルを追加をクリック
アップロードしたいファイルを選んでアップロード

以上でファイルのアップロード完了

Webページへのアクセスを確認

プロパティタブを選択
「静的ウェブサイトホスティング」にある「バケットウェブサイトエンドポイント」のURLをクリック

無事Webページが表示されました！