html网页模板怎么使用，网页制作html教程

很多朋友对于html网页模板怎么使用和网页制作html教程不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

网页模板怎么使用

1、打开相关的网页制作软件，需要在菜单栏中点击文件并选择新建。

2、在弹出的对话框中选择网站模板，没问题的话点击右下角的创建。

3、这个时候会显示网页文件窗口，确定自己需要的文件并选择保存。

4、这样一来，即可使用网页模板在可编辑区域编辑内容制作网页了。

使用HTML代码编辑网页模板的注意事项

良好的HTML代码是一个漂亮网站的基础。当我教别人CSS的时候，我总是首先告诉他们：良好的CSS只存在于良好的HTML标记基础上。这就好像一间房子需要一个坚固的地基一样，对不？整洁、语义化的HTML标记具有很多的优势，但却还是有很多网站使用着并不友好的标记写法。

让我们来看一些写得并不友好的HTML标记，并针对这些问题进行讨论，从而学习如何书写整洁规范的HTML标记。

注： Chris Cyier在这里使用了两个文档来进行本文的代码说明： bad code和 good code。大家学习的时候请参考着这两个文件。

1.严格的 DOCTYPE

我们要做到这一点，只需要按正确的步骤来做即可。没必要去讨论是否使用HTML 4.01或 XHTML 1.0，两者都对我们书写正确的代码提出了严格的要求。

但无论如何我们的代码不应该使用任何Tables表格来进行布局，所以也就没必要使用Transitional DOCTYPE.

注：所谓的DTD就是文档类型声明，简单来说，就是对特定文档所定义的一些规则，这些规则包括一系列的元素和实体的声明。XHTML文档类型有三种： STRICT（严格类型）， TRANSITIONAL（过渡类型）和 FRAMESET（框架类型）。目前，我们使用最多的是TRANSITIONAL，比如本站目前也是使用 XHTML 1.0 TRANSITIONAL。如果你的HTML代码书写的还算良好，那把现有的TRANSITIONAL转为STRICT还是比较方便的。反之，也不用太急着转，个人觉得，STRICT更严谨，但用TRANSITIONAL也并没有太大影响。

2. Character set& encoding characters

在我们的《head》部份，第一件事情就是声明字符集。我们使用了UTF-8，但是把它放到了《title》后面。让我们把字符集声明移动到最上面，因为我们要让浏览器在阅读任何内容之前就应该知道以何种字符集来进行处理。

除了字符集声明的位置外，《title》中出现的奇怪字符也是需要注意的问题，比如最常用的”&“字符，我们应该使用字符实体”&“来替换它。

3.适当的缩进

在书写代码的时候，缩进并不会影响网页的外观，但使用适当的缩进能使代码更具可读性，标准的缩进方法是当你开始一个新的元素时缩进一个Tab位（或几个空格）。另外，记得，关闭元素的标签与开始标签对齐。

注：一些朋友会嫌书写代码的时候缩进比较麻烦，如果仅仅是你一个人阅读这份代码，那可能没什么问题，你自己觉得OK就好。但如果是协作或你的作品是公开发布分享的，那书写漂亮的可读化性更高的代码就很有必要了。

4.使用外部CSS和 JavaScript

我们有一些CSS代码已经延伸到我们的《head》部分。这是一个严重的犯规，因为它它只能适用于单一的HTML网页。保持独立的CSS文件意味着未来的网页可以链接到它们，并使用相同的代码。Javascript也是同样的道理。

注：当然，这个问题或许也并不是那么严重。比如作为WordPress主题来说，写在《head》里面的代码也就作用于所有WordPress页面。但把CSS写在《head》里面仍然是个非常不好的习惯。

如何使用网站模板

具体的使用情况告诉你：

1、下载模板之后，应该在文件中有一个说明，打开记事本样式的文件，首先看看里面的如何进入后台模板。一般情况是：首先下载一个asw文件（相当于iss），然后在地址栏中输入：回车。输入用户名或者密码（一般用户名：admin密码是：admin或者admin888)

2、进入后台之后，一般有“文章”“下载”之类的模块，在里面的相应位置添加内容，然后保存。

3、最后别忘记，重新生成首页功能。一般是在“管理”模块中。

说明：

如果不能生成，在每个模块中，有一个生成html功能，打开之后，先生成地图功能，然后点击生成全部模块。

上述说的应该算是很明白了，如果还是不明白，请给我留言，具体操作给你演示。

好了，文章到此结束，希望可以帮助到大家。