详解网站制作的基本流程

网站制作基本流程详解，新手必看！

基本概念

1 个网页

网页是.（很难理解概念，极其抽象，摸不着），你为什么要上网，你在WWW上看到的就是网页。这是一个用HTML 编写的带有贴纸和音乐的文件。

2 主页

首页（Home Page）是一个网页，是进入一个网站的起始画面，就像“火焰吧”里的蓝天白云。也就是说，首页是一个网站的门面。要想设计出一个优秀的网站，就必须要有一个“浏览者看不看都难”的主页。它必须有吸引力并吸引每一位访客的注意力。动力，引起人们的好奇心，可以让人产生深入探索你的网站的冲动。一个优秀的首页是一个好的网站必须具备的第一要素。

3 超链接

超链接是WWW 的神经系统，它们也是将您从一个网页带到另一个网页，或从网页的一部分转到另一部分的指南。超链接使用特殊的文字或图片来实现链接，点击即可实现其功能。

4 超文本（HyperText）

超文本是一种新的文档形式，这意味着文档的内容可以无限链接到相关资料。超文本是自然语言文本与计算机交互、传输和动态显示能力的结合。超文本系统允许用户任意构造链接，这是通过超链接实现的。

5 超文本标记语言（Hyper Text Markup Language）

超文本语言(Hypertext Language, HTML) 是制作和编写网页和超链接的标准语言，它由文本和标签组成。超文本文件的扩展名通常为.html 或.htm。网站的组织结构

网络蠕虫肯定觉得互联网内容丰富，信息丰富，但是你有没有想过一个网站的组织结构呢？网页有四种组织结构：

1.线性结构

这是网站结构的最简单形式，它按某种顺序组织，可以按时间顺序、逻辑顺序甚至字母顺序排列。通过这些序列线性连接。例如，通用索引采用线性结构。线性结构是组织网页的基本结构，复杂的结构也可以看作是由线性结构组成的。

2.二维表结构

这种结构允许用户横向和纵向浏览信息。它就像一个二维表，就像在看课程表。

3.层次结构

年级结构由年级主线索引，每个年级点由线性结构构成。比如网站导航等就是这种结构。在构建层次结构之前，您必须充分了解您网站的内容，以避免不方便浏览者的线性组织的错误。

4. 网络结构

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

1. 总体规划您的网站

当你想要建立你的网站时，你必须浏览互联网n 个小时。当你看到别人的网上家园，或者受到朋友“去我的网页”的刺激，你就开始有了上网的体验。冲动建房！但是这时候，你并不知道自己做网站的目的，不知道自己应该制作什么样的网页，不知道自己的“家”里应该摆设什么样的装饰品。所以你应该停下来想想如何规划你的网站。首先，你需要有信心和知识。同样，你必须有内容，网站应该有什么样的主题，以及人们来到你的网页是为了看什么。接下来，你要组织你的网页，它们应该有什么样的结构，这种结构既要让访问者感受到你的风格，又要让你自己维护网站更容易。最后，提出您的“迷人”门面（主页）。

2.准备工具和材料

拿出你的扳手、电线、螺丝刀……我们要制作一个网页！装个写HTML语言的编辑器，可以用IE的frontpage，不过要有更好的，当然是Frontpage98了！ Word操作简单；支持Microsoft和Netscape的所有网页标签，兼容性极佳；提供多种设计模板、表单向导等傻瓜功能；强大的管理工具可以检查网页链接，查看组织结构，甚至在线发送检查你的拼写错误； “所见即所得”，您可以在普通视图、HTML 和预览之间自由切换。当然你也可以根据自己的喜好选择：

热狗；翻页机；主页.随你便。有了编程工具，是时候准备你的网页素材了！文本、图片、动画、midi 和mp3 音乐等都准备好转移到Internet 上。做这些东西可能需要用Photoshop做图片，用GALE做gif动画，用Map This做图片贴图，还有一个中文字体库。

3.制作网页

当然要做网页啦！您已经制作了您的网页！ （稍后会详细介绍）

4.测试网站

网页做好了，链接做好了，测试必不可少。使用FrontPage98的FrontPage web Server（WEB服务器）测试您的网页，查看链接是否正确，发现问题及时更正。

5. 上传您的网站

不行，要先申请空间才能放网页。现在网上有很多网站提供免费的主页空间，回到我的主页