在AWS S3中显示图像时出现问题：找不到404错误

Question

我在Dreamweaver中用html和css编写了我的网站。当我在计算机上本地打开html文档时，图像全部加载（无处不在，包括在Art / Design页面上）。当我将所有文件上传到AWS时，只加载了16个图库中的三个（第7,8和9个）。对于每个图库div，包括其中的图像，代码是相同的。在chrome中打开时，开发人员工具会显示无法加载的图像（404错误）。图像不会通过直接网址或我的域加载。画廊外的其他图像装得很好。

这是html：

<section id="full-width">
        <div class="title2">
            <p>Fine Art</p>
        </div>
        <section id="pictures">
        <div class="column">
            <div class="gallery">
                <a href="Images/Gallery/1.jpg" target="_blank"><img src="Images/Gallery/1.jpg" alt="" class="gallery-image"></a>
                <div class="title4">
                    <h>Study of the Eye</h>
                    <h1>2016</h1>
                    <p>Graphite on paper.</p>
                </div>
            </div>
            <div class="gallery">
                <a href="Images/Gallery/2.jpg" target="_blank"><img src="Images/Gallery/2.jpg" alt="" class="gallery-image"></a>
                <div class="title4">
                    <h>Study of the Iris</h>
                    <h1>2016</h1>
                    <p>Hard pastel on paper</p>
                </div>
            </div>

                ...    <!--skipping a few elements-->

                <!-- The following three images load without fail-->

                <a href="Images/Gallery/9.jpg" target="_blank"><img src="Images/Gallery/9.jpg" alt="" class="gallery-image"></a>
                <div class="title4">
                    <h>Fahrenheit 451 Alternate Cover</h>
                    <h1>2013</h1>
                    <p>Spray paint on newspaper on canvas</p>
                </div>
            </div>

        </div>
        <div class="column">
            <div class="gallery">
                <a href="Images/Gallery/12.jpg" target="_blank"><img src="Images/Gallery/12.jpg" alt="" class="gallery-image"></a>
                <div class="title4">
                    <h>Glint</h>
                    <h1>2015</h1>
                    <p>Acrylic on illustration board</p>
                </div>
            </div>
            <div class="gallery">
                <a href="Images/Gallery/10.jpg" target="_blank"><img src="Images/Gallery/10.jpg" alt="" class="gallery-image"></a>
                <div class="title4">
                    <h>Impressionist Self-Portrait</h>
                    <h1>2015</h1>
                    <p>Soft-pastel on illustration board.</p>
                </div>
            </div>

            <!-- the following, again, do not load -->

            <div class="gallery">
                <a href="Images/Gallery/8.jpg" target="_blank"><img src="Images/Gallery/8.jpg" alt="" class="gallery-image"></a>
                <div class="title4">
                    <h>Self-Portrait: Creation</h>
                    <h1>2016</h1>
                    <p>Graphite on paper</p>
                </div>
            </div>

            ... <!-- skipping more elements -->

                    </div>
                </div> 
         </div>

我不明白一些图像可以加载而其他图像不能加载。加载的图像不是该组的最小尺寸图像，也没有任何东西将它们分开。

奖金问题：为什么我的error.html页面无法加载样式表？ （同样，Chrome声称404错误，无法找到）？