Html 奇怪的原因让我的照片赢了'；不显示_Html_Css_Image

Html 奇怪的原因让我的照片赢了'；不显示

html css image

Html 奇怪的原因让我的照片赢了'；不显示,html,css,image,Html,Css,Image,我是一个初学者，但我已经建立了网站，所以，我知道HTML，CSS，和服务器和FTP的工作。我在写我的html，一些奇怪的事情发生在我身上（对我来说，因为我真的不明白发生了什么，这很奇怪…）因此，在本地，“projets”一节中的我的图像按照代码的要求显示。但是，在我的服务器上，图像不会显示。它们是相同的行，图像被正确命名（01.jpg.02.jpg…）并放置在服务器上，图像1和4显示正确，但其他图像没有。我试着把图片1的线条复制到图片2的线条上，网站显示了图片1两次，所以，我真的一点也不明

我是一个初学者，但我已经建立了网站，所以，我知道HTML，CSS，和服务器和FTP的工作。我在写我的html，一些奇怪的事情发生在我身上（对我来说，因为我真的不明白发生了什么，这很奇怪…）

因此，在本地，“projets”一节中的我的图像按照代码的要求显示。但是，在我的服务器上，图像不会显示。它们是相同的行，图像被正确命名（01.jpg.02.jpg…）并放置在服务器上，图像1和4显示正确，但其他图像没有。我试着把图片1的线条复制到图片2的线条上，网站显示了图片1两次，所以，我真的一点也不明白是什么错了

我的代码：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Web Agency</title>
    <link rel="stylesheet" type="text/css" href="./style.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

</head>

<body>

    <header style="background-color: #fafafa"> <!-- entête du site, contiendra le menu de navigation ainsi que le carrousel-->
        <nav class="nav" role="navigation"> <!-- navigation-->
            <a href="#"><img src="./webagency_images/images/logo.png" /></a>
            <ul clas="menu">
                <li><a href="#">Accueil</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
        <div id="slider"> <!-- carrousel-->
            <figure>
                <img src="./webagency_images/images/slider/bg1.jpg" alt="Images Slider">
                <img src="./webagency_images/images/slider/bg2.jpg" alt="Images Slider">
            </figure>
            <figcaption><h1><span style="color:#62a8d0">WEBAGENCY</span> : L'AGENCE DE TOUS VOS PROJETS!</h1><p>Vous avez un projet Web? La WebAgency vous aide à le réaliser!</p><br/><br/>
                <button class="button" type="button"><a href="#">Plus D'infos</a></button>
            </figcaption>
        </div>
        <!-- navigation dans le carrousel-->
        <div class="slider_navigation">
            <div class="fa fa-chevron-left" aria-hidden="true"></div>
            <div class="fa fa-chevron-right" aria-hidden="true"></div>
        </div>
    </header>

    <!-- section services de la page du site-->
    <section class="services">
        <h1 style="text-align: center">NOS SERVICES</h1>
        <div class="point_bleu"></div>
        <hr/>
        <p class="bloc_centre">Nous proposons les meilleurs services et en plus, aux meilleurs prix!! Nous avons une équipe de professionnels tous prêt à accueillir votre projet et lui donner vie selon vos souhaits. N'hésitez pas à nous contacter pour un devis, un projet web ou pour un magasin web. Les éléments pris en charge par l'UX vont de la partie commerciale à l'accessibilité.</p><br/>
    </div>
    <div class="assides">
        <img src="./webagency_images/images/main-feature.png" />
        <div class="blocs"><h1>UX Design</h1>
            <p><b>U</b>ser e<b>X</b>périence : son rôle à pour but de faire la liaison entre l'interface construite, et l'utilisateur. Il est chargé de rendre l’expérience d'utilisation fluide, simple, intuitive, de faciliter l'utilisation de l'utilisateur, de réfléchir pour lui à tout ces moyens là d'avoir la meilleure expérience possible sur son support.</p>

            <div class=""><h1>UI Design</h1>
                <p><b>U</b>ser <b>I</b>nterface : son rôle est là pour rendre accessible, optimale et facile, l'accès et l’exécution des dispositifs liés à l'interface des applications et machines.</p>
            </div>
            <div class=""><h1>SEO</h1>
                <p><b>S</b>earch <b>E</b>ngine <b>O</b>ptimization : son rôle est d'optimiser au mieux le référencement des outils web, d'un site... Le travaille se fait sur les mots clés, la sémantique, l'étude de la concurrence, du marché actuel et doit être fait régulièrement pour mettre à jour les données importantes au référencement.</p>
            </div>
        </div>
    </section>

    <!-- section portfolio de la page du site -->
    <section class="projets">
        <h1 style="text-align: center">NOS PROJETS</h1>
        <div class="point_bleu"></div>
        <hr/>
        <p class="bloc_centre">Lorem Ipsum et tout le tralala blablabla à remplir plus tard.</p><br />
        <div class="row">
            <div><img src="./webagency_images/images/portfolio/01.jpg" alt="Image1"/></div>
            <div><img src="./webagency_images/images/portfolio/02.jpg" alt="Image2"/></div>
            <div><img src="./webagency_images/images/portfolio/03.jpg" alt="Image3"/></div>
            <div><img src="./webagency_images/images/portfolio/04.jpg" alt="Image4"/></div>
        </div>
        <div class="row">
            <div><img src="./webagency_images/images/portfolio/05.jpg" alt="Image5"/></div>
            <div><img src="./webagency_images/images/portfolio/06.jpg" alt="Image6"/></div>
            <div><img src="./webagency_images/images/portfolio/07.jpg" alt="Image7"/></div>
            <div><img src="./webagency_images/images/portfolio/08.jpg" alt="Image8"/></div>
        </div>
    </section>

    <!-- bas de page contenant un iframe google maps et un formulaire de contact-->
    <footer>
        <form method="post">
            <div>
                <h1>Contact Info</h1>
                <h4>WebAgency SAS<br /> 25 rue d'Hauteville 75010 Paris<br /> Tel : 01 02 03 04 05</h4>
            </div>
            <label for="Nom"></label>
            <input type="text" name="Nom" placeholder="Nom"><br/>
            <label for="E-mail"></label>
            <input type="text" name="E-mail" placeholder="E-mail"><br />
            <label for="Sujet"></label>
            <input type="text" name="Sujet" placeholder="Sujet"><br />
            <label for="Message"></label>
            <textarea type="text" rows="10" cols="35" placeholder="Votre message"></textarea><br />
            <input class="button" type="submit" value="Envoyer" style="width: 50%">
        </form>

        <div class="google_iframe">
            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d11139.440186098542!2d4.878186999999999!3d45.73390145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sfr!4v1524499866273" width="100%" height="650" frameborder="0" style="border:0; opacity: 0.7" allowfullscreen></iframe>
        </div>
    </footer>

    </body>
    </html>


网络代理






网络代理：我们的项目代理 你有联合国项目网吗？网络代理你的助手
 


NOS服务

关于美勒服务和附加服务、美勒大奖赛的Nous提案！！我们的职业生涯是一个项目，我们的职业生涯是一个项目。我们的联系人是我们的设计，我们的项目网络和我们的杂志网络。Le'Le'sRealsPusiaPr.I'V.T.L.
亲和设计
用户体验：在界面设计和使用过程中，用户体验是公平的。这是一种简单、直观、方便的使用体验和使用工具的使用方式，可以在支持的情况下为您提供更多的体验
用户界面设计
用户界面：可访问、优化和方便，应用程序和机器界面的设计和执行
搜索引擎优化
搜索引擎优化：son rôle est d'Optimizer au mieux le référencement des outils web，d'un站点。。。《劳动法》规定了劳动合同、劳动合同、劳动合同、劳动合同和劳动合同，并规定了劳动合同和劳动合同的有效期限
项目编号

Lorem Ipsum et tout le tralala blablaáremplir plus tard.


联系方式
巴黎豪特维尔街25号网络代理SAS
75010
电话：01 02 03 04 05

指向我的网站页面的链接：

我是否犯了一些“愚蠢的小错误”？

或者图像不存在于您认为存在的位置，或者传输/设置权限出现问题：

http://web-tool-box.com//openclassrooms/projets/webagency/webagency_images/images/portfolio/02.jpg

返回403。尝试删除该文件夹中的所有图像并重新上载。您的图像02.jpg、03.jpg、05.jpg、07.jpg 08.jpg似乎没有上载到您的服务器。再次尝试上载。检查您的图像上载是否成功原因

http://web-tool-box.com/openclassrooms/projets/webagency/webagency_images/images/portfolio/02.jpg

03.jpg

等不可访问。好的，事实上，问题是关于权限的。链接很好，图片已经放在正确的地方了。我以前从未遇到过的新问题，我学到了一些东西，感谢你们=）