Dreamweaver 实时预览不使用 CSS 样式表和其他参考

编程问答 2022-06-02

问题描述

网页设计和 Dreamweaver 的新手！我正在使用一个简单的网站，其中包含一个名为 index.html 的 HTML 文件、一个名为 style.css 的样式表和一个名为 entry.js 的 JavaScript 文件。它们在我的项目中处于相同的目录级别，并且我在我的 index.html 中引用了它们。 Live 功能正确显示它，但是当我尝试在浏览器上打开它时，它只给我一个没有任何样式或功能的准系统 HTML 文件。你知道这是为什么吗？我在下面附上了我的 HTML 代码。

<html>
<head>
<Meta charset="UTF-8">
<title>The Field Book</title>
    <link rel = "stylesheet" type = "text/css" href = "/style.css">
    <script src = "/entry.js"></script>
</head>

<body>
    <center>
        <button onclick = "JavaScript:revealPage()">the field book</button>
    <p id = "hiddenPhotos" style = "display:none">      
        <img src="images/CypressHomePageButton.jpg" width="400" height="450" alt=""/>
        <img src="images/NasturtiumHomePageButton.jpg" width="450" height="550" alt=""/>
        </p>
        
    </center>

</body>
</html>

解决方法

由于您的文件都在同一目录中，请尝试去掉 Javascript 和 css 文件前的斜杠 (/)。相对 URL 中的“/”表示站点的根目录，但您需要当前目录。因此，您的代码应如下所示：

<link rel = "stylesheet" type = "text/css" href = "style.css">
<script src = "entry.js"></script>