-2

我正在为一家公司（我的第一个网站，除了我自己的网站）工作，我有点困惑。我知道我以前知道这一点，但我忘记了。

我将在网站上创建许多不同的页面，我想为每个页面创建一个新文件不是一个好主意。

我认为最好的方法是在索引文件中为每一页制作一个“div”，然后以某种方式将所有这些放在一起，然后在我单击菜单中的正确内容时一一显示...我该怎么做呢？

我可以只使用 CSS 还是需要一些 Java 脚本，以及如何编写代码？

非常感谢您的快速帮助！:)

4

2 回答 2

2

您正在谈论制作一个包含公司网站所有内容的 HTML 页面。以这种方式建立公司网站是一个坏主意，原因如下：

  • Web 浏览器希望浏览具有多个页面的站点，这就是它们具有位置栏和前进/后退按钮的原因。你的方法打破了这两个。
  • 这个单一页面会更大，并且需要更长的时间才能加载到用户的 Web 浏览器中。
  • 页面的 SEO 会很差，因为它的内容很难让谷歌和其他蜘蛛从语义上理解。包含如此多文本的大页面对于 Google 来说就像是关键字填充，并且会受到惩罚。
  • 很难保持这样的页面井井有条；对任何内容进行任何更改都需要您编辑单个文件，因此您将更难跟踪和/或合并对不同文档的更改，并且公司更难进行内容更改。
  • 最后，这种方法是不合适的。您说得对，为每个页面创建一个静态 HTML 文件并不太好。但解决方案不是制作单个网页；解决方案是使用 CMS！

Wordpress是世界上最受欢迎的 CMS。它专为博客而设计，但可用于任何网站。 Drupal是一个功能强大的 CMS，具有许多您可能不需要的功能，但它比 Wordpress 更现代，并且在视觉上可能更灵活。

如果您不想使用成熟的 CMS，并且想调整一些编程技巧，则可以尝试使用开箱即用的 MVC 框架，例如Rails或Django，但请记住，这些都需要您学习一点 Ruby 或 Python。

主要的是您应该使用服务器端模板来解决您遇到的问题，而不是客户端 JavaScript。

（一些非常大的网站确实使用基于 JavaScript 的页面导航方法，但这些通常是 Twitter 等Web 应用程序。这种方法不适合企业网站。）

于 2012-11-10T20:45:33.267 回答
0

您可以使用 Javascript 更改元素的 innerHTML。例如，创建一个 div 并为其指定 ID“myDiv”：

<div id="myDiv"></div>

然后，当用户单击按钮时，您可以像这样更改“myDiv”的 innerHTML（通过调用函数）：

function show(){
   document.getElementById("myDiv").innerHTML="html code here";
}

我希望我有所帮助:-)

于 2012-11-10T20:47:21.940 回答