今天给各位分享HTML网站制作的知识，其中也会对html网站制作素材进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网页制作方法
• 2、html如何制作网站
• 3、html网页制作教程

网页制作方法

这个网站叫“一步一步教你创建自己的网站”你跟着做就行了。

一基本概念

1网页（WebPage)

网页就是（很难懂的概念，极其抽象，看得见摸不着），你为什么到互联网去，你在WWW上看到的就是网页。它是由HTML编写的文件，上面有贴图，有音乐，有、

2主页（HomePage）

主页（HomePage)它是一个网页，是进入一个网站的开始画面，就同“瘟酒吧”的蓝天白云一样。也就是说，主页是一个网站的门面，要想设计出一个优秀的网站，就必须有一个“要让浏览者想不看都难”的主页，它必须引人入胜，能吸引每一个来访者的注意力，引发人们的好奇心，能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。

3超级链接（Hyperlink)

超级链接是WWW的神经系统，它也是向导，把你从一个网页带到另一个网页，或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的，单击它就可以实现它的功能。

4超文本（HyperText)

超文本是一种新的文件形式，指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合，超文本系统允许用户任意构造链接，通过Hyperlink来实现。

5超文本语言（HyperTextMarkupLanguage）

超文本语言(HTML)是制作编写网页、包含超级链接的超文件的标准语言，它由文本和标记组成。超文本文件的扩展名一般为.html或.htm。

网站的组织结构

上网的网虫一定觉得网络上内容丰富、信息繁杂，但你是否想过一个网站的组织结构。网页的组织结构有以下四种：

1、线性结构

这是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序，也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构，复杂的结构也可以看成是由线性结构组成的。

2、二维表结构

这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表，如看课表一样。

3、等级结构

等级结构由一条等级主线构成索引，每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前，你必须完全彻底的理解你的网站内容，避免线性组织不严的错误，不方便浏览者。

4、网状结构

这是最复杂的组织结构，它完全没有限制，网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去，其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构。

开始构造你的网站

1、总体规划你的网站

当你想建立你的网站是你一定已经在网上浏览过n个小时了，当看见别人的网上之家的时候，或者受朋友“到我的网页看看”的精神刺激下，你开始产生网上建家的冲动了！但是这时候你并不知道你建网站的目的，你也不知道你该做成什么样的网页，“家里”该有些什么摆设。于是你应该静下来想一想，怎样规划你的网站。首先，你要有信心和知识。再次，你得有内容，网站应该有一个什么样的主题，别人来你的网页看什么。接着，你要组织你的网页了，它们该是什么结构，这种结构不仅要让访问者能感觉到你的风格，也要方便你自己维护网站。最后，构思出你的“引人入胜”的门面（HomePage)。

2、准备工具和材料

拿出扳手、电线、螺丝刀和......我们要制作网页了！安装好一种编写HTML语言的编辑器，你可以利用IE的frontpage，但是你应该有更好的，当然是Frontpage98了！Word一般的简易操作；支持Microsoft、Netscape的全部网页标签，极好的兼容性；提供多种设计样板，表单向导等傻瓜功能；强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择：Hotdog;Pagemill;Homesite......随便你。有了编程工具就该准备你的网页素材了！文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的Photoshop、做gif动画的GALE、制作imagemap的工具MapThis、中文字库也应该拿出来。

3、制作网页

当然要制作网页了！......于是你把网页制作好了！（以后再讲）

4、测试网站

网页做好了，链接做好了，测试工作必不可少。用Frontpage98的FrontPagewebServer（WEB服务器）可以对你的网页进行测试，看看链接是否正确发现问题及时改正。

5、上传你的网页

不对不对，你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多，回到我的主页去吧，我收集了一些。申请到空间后，带上ftp工具上路了！如cuteftp，先在sitemanage添上你的，填写上传主机服务器的地址，你的用户名，你的密码，就可以了。开始连接主机，登录用户，打开右边允许你上传的目录，

把你要上传的东东都拖过去。注意：你的主页名应该是index.htm；index.html或者default.htm；default.html，按申请地方的要求来，还有就是文件名的大小写，unix主机可区分严格哟。上传后你就可以欣赏你的作品了，怎么样？兴奋吧！

6、宣传你的网页

网页做好了，也上传了。但现在没人知道，怎样宣传你的主页呢？当然是上聊天室，到处贴帖子，发E-MAIL通知好友，登录搜索引擎，用免费广告，同别人互相交换连接......

7、网站维护和更新

要想访问量大，你得经常更新你的网页，增加网页内容，并弥补网站存在的缺陷。

html如何制作网站

1，可以直接新建一个.html结尾的文件，也可以打开编辑器之后，在里面新建一个文件，然后保存为 .html结尾的，结果都一样。

2，然后选择使用某种编辑器来打开它，如使用Notepad++编辑器来编辑它。

3，然后在这个文件中写入网页所需的基本代码。

4，写好之后，根据需要设置编码格式，一般是utf-8格式，格式设置不对，会出现乱码的情况；设置好格式之后，点击左上角的图标来保存或者是直接按下 ctrl+s快捷键来保存。

5，保存好之后，然后点击‘运行’菜单，在出现的菜单中根据需要选择不同的浏览器来查看刚才编辑好的网页，当然也可以按下快捷键，如 谷歌的是 shift+Ctrl+alt+R 来看看效果如何，这就是简单的html网页教程了。

以上就是西安文菲科技的html制作流程

html网页制作教程

html是编程语言之一。下面，我们来看看html网页制作教程吧。

01

新建记事本

在桌面上，新建一张记事本，如下图所示：

02

编写代码

打开记事本，编写代码，如下图所示：

03

修改后缀名

把记事本修改后缀名为.html，如下图所示：

04

网页

在桌面上就会有一张网页，如下图所示：

05

运行网页

最后在浏览器上运行该网页，如下图所示：

关于HTML网站制作和html网站制作素材的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。