关于网站制作过程，相信很多站长都看过这个相关视频，所以今天小编就跟大家分享一下网站制作过程的经验，希望对大家有用。
一、简介
网站的整体规划设计不仅是网站发展的重要组成部分，也是网站吸引人们浏览的地方。随着Internet/Intranet技术的日益发展，人们意识到Internet/Intranet的优势，数据库与Web的连接已成为数据库开发中的热门技术之一。
通常，通过浏览器看到的大部分网页都是静态的。所谓“静态”，是指网站的网页内容是“固定的”。当浏览器通过 Internet 的 HTTP（超文本传输协议）协议请求 Web 服务器提供网页时，服务器只将原本设计的静态 HTML 文档传输给浏览器。它的页面内容只使用了标准的HTML代码，最多加上流行的gif89a格式的动态图片，比如几只猫狗跑来跑去的动画效果。如果网站维护者想要更新网页的内容，他必须手动更新所有的 HTML 文档。静态网站的致命弱点是不易维护。为了更新网页内容，网站维护者必须反复制作 HTML 文档。随着网站内容和信息的日益扩展，我们可以想象这项工作是多么的复杂和繁琐。
那么，什么是动态网站？小编认为，所谓“动态”，并不是说放在网页上的图片会动。动态页面应具备以下特点：
（1）交互性：即网页可以根据客户的要求和选择动态变化和响应。浏览器是客户端界面，是未来Web发展的大趋势。
（2）自动更新：即无需手动更新HTML文档即可自动生成新页面，大大减少了工作量。
（3）因人而异：即不同的人在不同的时间访问同一个网站，会产生不同的页面，尤其适用于需要对用户进行授权的网站。
随着互联网的飞速发展，无论是专业的ISP（互联网服务提供商）还是ICP（互联网内容提供商），以及一般的政府机构、银行、交通部门、学校、医院、服务商，甚至大家都在积极寻求发布互联网上的信息，并提供新的在线管理和服务。可以说，网站设计和网站编辑正在成为一个新兴的热门行业。
二、网站系统分析
（一）项目启动
在接到客户的业务咨询后，通过双方不断的接触和了解，并通过基本的可行性讨论，我们达成了初步的生产协议。这时候，我们需要设置项目。最好成立一个专门的项目团队，包括项目经理、网页设计、程序员、测试员、编辑/文档和其他必要的人员。
（2）客户要求规范
第一步是要求客户提供完整的需求描述。很多客户对自己的需求不是很清楚，需要您不断的指导和帮助进行分析。有些客户可能对自己建什么样的网站没有明确的目的，对建好网站后做什么一无所知。为了让客户有明确的目的，我们需要耐心解释，仔细分析，挖掘客户潜在和真实的需求。这对每个人都有好处。我们的宗旨应该是“客户一清二楚，双方皆大欢喜”。这是对客户和自己的一种责任。
跟客户合作写一个详细完整的需求描述会花很多时间，但小编认为这样做是值得的，一定要让客户满意并签字认可。如果我们把这点做好，就可以消除很多因需求不明确或理解偏差而导致的错误和项目失败。糟糕的需求意味着不可能有高质量的网站。那么需求规范应该满足哪些标准呢？简而言之，它包括以下几点： 正确性：每个功能必须清楚地描述交付的功能；可行性：保证每个需求在当前的开发能力和系统环境下都能实现；必要性：功能是否必须交付，是否可以延迟，成本降低时是否可以“切断”；简洁：不使用专业的网络术语；可检测性：如果开发完成，客户可以根据自己的需求进行测试
三、施工方案
（一）站楼理念
（一）前期规划
设计一个主页可能并不难。但这项工作，就像传统宣传材料的准备一样，需要我们精心的处理和策划。换句话说，我们首先要确定我们需要传达的主要信息，然后仔细考虑并合理地组织所有的想法；然后设计一个页面样式，在有代表性的用户身上试用，然后反复修改，达到完美。
(2) 尽量简化
首页的功能就像一本书的封面，就是吸引用户浏览你网站的内容。因此，首页的设计要醒目、一目了然。不要堆积太多不必要的细节或使画面过于复杂。在首页清楚列出三个要点，例如组织名称、提供的产品或服务、首页的内容（即您的其他页面包含哪些信息）。小小的新年祝福提醒我们，页面的第一印象是最重要的。许多人浏览互联网。如果您的主页真的没有吸引力，他们很难深入观看。
(3) 尽量简单
如今，大多数用户使用调制解调器连接到万维网，因此他们通常花费大量时间等待主页传输到自己的系统。首页的图形要尽量简洁，以免耽误用户的时间。图像越大，颜色越深，页面的传输时间越长。这并不是说您应该完全省略图像，只是提醒您注意使用图像造成的效果。主页上的颜色不应超过 64，顶部图像应保持在 10KB（千字节）以下。不要试图放大图；只应考虑三个或两个短而清晰的图像。主页作为一个整体应该能够快速传输。如果加载时间超过 10 到 15 秒，很多用户会不耐烦。如果条件允许，最好在稍微差一点的条件下，使用 14.4 千波特调制解调器，或通过 prodigy 等在线服务连接到万维网，来测试您的主页的传输速率。
此外，我们还必须注意最低级别的设备，例如标准的小型显示器。我们不应该假设每个人都使用高分辨率的大屏幕。高级浏览软件提供的一些前沿功能是可以使用的，但是你要保证你的主页在二级浏览软件（比如一些在线服务提供的特殊浏览软件）上仍然可以流畅出现。
(4) 善用形象
当用户在 Internet 上漫游时，您必须尝试吸引并保持他们对您的主页的关注。万维网最重要的资源之一是它的多媒体功能，所以无论如何我们都应该好好利用它。首页最好有醒目的图片、新颖的图片和优美的文字，使其独特而难忘。图片内容应具有一定的实用性，切忌浮夸。最好的形象应该结合美感和交流。注意图片可以弥补文字的不足，但不能完全替代文字。许多用户将他们的浏览软件设置为跳过图像以节省时间。他们只阅读文本。所以在做首页的时候，一定要注意把图片所承载的重要信息或者用文字连接其他页面的说明重复一遍。用“纯文本”模式测试主页，确保它到达所有信息。
(5) 使主页易于导航
主页的主要功能之一是充当漫游工具，引导用户查看存储在您的网站或其他地方的信息。尝试使漫游过程毫不费力。考虑到清晰度和速度，主页上的连接项应限制在几个高级类别，如公司、产品、服务、支持等。六到八个连接项是理想的。
此外，小编认为您提供的信息不应该被埋没在重叠的页面之下。跨越五个以上的连接项目就够无聊了。因此，您必须在广度和深度之间取得平衡。如果您的网站信息过多，您可能不得不创建更长的页面或使用更多链接，甚至创建多个主页，每个主页上的信息都不同。如果用户可以在主页上通过关键字或词找到所需的信息，就会受到用户的欢迎。
如果您有足够的资源，您应该找专家评估您的主页是否易于使用。尝试找一些对首页不熟悉的用户来试用你的初步产品。
（六）提网
主页一般应包含以下内容：
标题，必须清楚地表明您的网站。标题可以是名称、口号、徽章或图像。
电子邮件地址，以便用户在遇到问题时可以通知您。
版权材料，即适用于主页内容的版权条款。您可以在主页上标记简短的版权声明，并使用链接的方式带出另一个页面，其中包含详细的使用条款，以免主页混乱。
联系信息、列表邮寄地址、电话号码等。
(7) 回收现有信息
做首页的时候，我们一般不用从头开始，因为有很多现成的文字、图片等资料供我们重复使用，比如宣传册、公关文件、技术手册、数据库等等.在许多情况下，这些材料可以毫不费力地转移到网页上。
(8) 保鲜
万维网上每天都有新事物和新技巧。如果你的主页从不改变，用户很快就会感到厌烦。在首页通知即将推出新素材，吸引用户再次浏览。您不妨在标题中以大标题宣布新消息。您可以定期更改主页上的图像或更改主页的样式。有趣的项目可以连续或自动更新，例如列出将访问您网站的人。
同样，为了保持新鲜感，我们应该始终确保首页提供最新信息。将首页信息的更新纳入既定的公关和材料准备计划中，即当您使用传统方式（如新闻稿）传递新信息时，它会出现在您的首页上。确保连接项目的顺利运行，以免用户在屏幕上收到“无法访问所需文件”的消息时感到无聊。
（九）履行承诺
不要轻易承诺你做不到的事情。不要要求用户回应，例如要求用户填写贷款订单表，除非您已经制定了处理这些订单的方法和交付程序。如果您在线列出联系电话，请确保您可以快速解决来电者的问题。
(10) 吸引用户浏览
既然你绞尽脑汁把首页做的漂亮实用，可惜没人欣赏。为了吸引互联网上的所有人浏览，主页必须易于找到。通知其他网站（例如与主题相关的网站）他们可能想要连接到您的主页。安排在所有相关的网址目录、索引、查找器和“最新消息”页面上列出您的网址。尽量传播网站，使其出现在互联网和所有传统的煤炭主体上，如书籍和广告、公关文件、宣传资料等。
在网站上，在每个页面上设置“首页”按钮，方便用户随时返回首页。
万维网充满活力，不断发展。因此，一些目前适用的经验在未来可能不适用。比如，未来家庭用户会有高速线路连接互联网，可以消除目前对数据传输的限制，让主页变得更长更华丽。新的浏览功能，例如sun 的hotjava 浏览软件提供的高级功能，将使万维网更强大、更易于交流。 Hotjava将首页从静态文件转化为动态实体，提供即时动画、背景音乐、素材即时存储（如不断更新股票价格）、语音播报等功能，为用户带来更多乐趣在线用户。要有好的主页和精良的设备支持。网站服务器的不断创新，让网站建设变得越来越容易。
（2）网站整体设计
在得到客户的需求描述后，我们不直接开始制作，而是需要对项目进行整体设计，并为客户详细设计一个网站建设方案。整体设计是非常关键的一步。主要决定：网站需要实现哪些功能；网站开发使用什么软硬件环境；需要多少人和多少时间；需要遵守哪些规则和标准。同时，您需要编写一份总体规划规范，包括：网站的栏目和版块；网站功能及相应程序；网站的链接结构；如果有数据库，进行数据库的概念设计；网站的交互式和用户友好设计。
整体设计完成后，一般需要给客户一个网站建设方案。许多网络制作公司在联系业务时，都被客户要求提供解决方案。当时方案一般，在客户需求不是很明确的情况下，提交的方案往往与实际生产结果相差很大。因此，在明确需求和整体设计后，尽量得到客户的理解，提交方案，对双方都有利。网站建设计划包括以下几个部分： 客户情况分析；网站的目的和目标；网站图片说明；网站的栏目部分和结构；网站内容安排及相互链接关系；软件、硬件和技术分析的描述；开发时间表；推广计划；维护计划；生产成本;公司简介：成功作品、技术、人才介绍等。当你的方案得到客户认可后，就可以开始做网站了。但这并不是真正的制作。您需要进行详细设计。
（3） 网站详细设计
在整体设计阶段，以更抽象的方式提出问题的解决方案。详细设计阶段的任务是具体化解决方案。详细设计主要针对程序开发部分。但是这个阶段并不是真正的编写程序，而是设计程序的详细规范。该规范的功能与其他工程领域的工程师经常使用的工程蓝图非常相似。它们应该包含必要的细节，例如程序接口、表单、所需数据等。程序员可以根据它们编写实际的程序代码。这次我们主要使用ASP来实现相关功能，解决相关问题。例如，公告牌、BBS、聊天室、信息发布系统、网上超市等都使用ASP来实现人机交互功能，包括调用数据库的技术。
ASP（active server pages）是微软公司推出的一种网络应用开发技术。它也是一个服务器端脚本运行环境。使用这项技术，可以开发动态和交互式的 Web 应用程序。
（四）关于网站制定标准的探讨
(1) 网站目录规范
目录建立原则：以最少的层次提供最清晰、最简单的访问结构。
一个。根目录。根目录是指DNS域名服务器指向的索引文件的存放目录。根目录只能存放 index HTML 和 main HTML 文件以及其他必要的系统文件；
湾。每个语言版本都存储在一个独立的目录中；
C。为每个主要功能（主菜单）建立对应的独立目录；
d。当页面超过20页时，每个目录存放自己独立的图片目录，共享图片放在根目录下的images目录下；
e.所有的JS文件都存放在根目录下的统一目录脚本中；
F。所有的 CSS 文件都存放在每个语言版本下的 style 目录中
G。所有CGI程序都存放在根目录和并行目录CGI_bin目录下
(2) 文件命名约定
文件命名原则：用最少的字母达到最易懂的意思。
一个。索引文件统一使用 HTML 文件名（小写）。指数。 HTML 文件统一用作“桥页”来产生特定的内容，仅作为跳转页面和元选项卡。主要内容页面是main htm；
湾。菜单图片名称根据菜单名称的英文翻译成名称。例如：关于我们；信息反馈产品；所有单个英文单词文件名必须小写，所有组合英文单词文件名的第一个字母必须从第二个开始大写；
C。所有文件名都有下划线；
d。图片以图片英文字母命名，大小写原则同上；
e. JS的命名原则是以function的英文单词命名的。比如广告栏的js文件名为ad.js
F。所有的 CGI 文件都以 cgi 为后缀。
(3) 链接结构规范
链接结构原则：用最少的链接，使浏览效率最高。首页与首页之间采用星形链接结构，主次页面之间采用树形链接结构。如果页面多于三级，则将导航栏设置在页面顶部。
(4) 尺寸规格
一个。页面标准按800*600分辨率制作，实际尺寸为778*434px；
湾。每个标准页面为 A4 尺寸，即 8.5x11 英寸；
C。大横幅为 468 * 60px，小横幅为 88 * 31px。
(5)首页头部区域规范
一个。公司版权说明
湾。网页显示字符集
简体中文：
繁体中文：
英语：
C。网络制作人信息
d。网站介绍
e.搜索关键字
F。网页的 CSS 规范
G。页面标题
四、网站设计与制作
一、整体形象设计
在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和主页。
整体形象设计包括标准文字、标志、标准颜色、广告语言等。首页设计包括布局、色彩、图像、动态效果、图标等风格设计，以及横幅、菜单、标题、版权等模块设计。首页一般设计成1-3种不同的风格。
二、开发生产
网站规划设计采用软件工程的设计方法。设计团队在系统分析和整体设计的基础上，分解设计任务，分配给设计团队的每一位成员。每个模块都有一个设计团队成员分别承担设计和调试，分工协作。最后将各个模块上传到服务器进行链接和整体调试。
3、完美调试
各模块初步完成后，上传到服务器，对网站进行全方位测试。包括速度、兼容性、交互性、链接正确性、程序健壮性、溢出测试等，发现问题要及时解决并记录。
网站建设实际上是一个不断丰富和完善的过程。通过不断的发现问题、解决问题、修改补充，使网站结构趋于合理、内容更丰富、形式更具感染力。
4、宣传推广
新建的网站就像一个新注册的电话号码。没有人会自动上门。这时候就需要做好一些网站推广工作。这里有很多方法，例如：
一个。在网页中设置适当的元标记；
湾。交换链接。这是一种免费且高效的方式，就像把你的广告放在别人的商店里，别人的广告放在你的商店里一样。这样，当网民访问别人的网站时，他们就会知道你的网站。如果你的广告不错，一半以上的人会访问你的网站。这是一件好事，没有成本，互惠互利。推荐。
C。在各大搜索网站（如sohu.com、Yahoo.com）注册您的网站，以便其他人在搜索类似信息时，会找到您的网站；
d。准备新闻文章并在每个新闻公告板上发布；
e.合理使用邮件列表；
F。付费广告是最有效的方法，但它是有偿的；
G。在论坛发帖。这种方法效率低且累人。有时会被别人删除，所以不推荐。
另外需要注意的是，请不要使用垃圾邮件来宣传您的个人主页，这不会让别人喜欢您的网站，反而会引起别人的极度反感。这是一种不道德的行为。
至此，网站项目的建设已经完成。
5. 维护
该网站是否打算一劳永逸地做到这一点？不，如果网站更大，网站维护也是一项艰巨的任务。当网站变得非常大时，就会出现无数的图片、网页文件等内容。如果其中一个丢失或链接失败，将导致网页错误。想想如果我们制作不止一张照片会是什么样子？因此，我们必须确保整个网站的“健康”和完整性。为了使网站健康完整，我们通常认为应该在DW中建立一个“本地网站”，也就是我们电脑上的网站副本，这样可以有效减少网站错误。刚才我们做网站的时候，我们是在做网页之后才建网站的。其实这种建站方法是错误的，正确的做法是先建站，再添加内容。此外，我们应该经常检查网站的链接是否错误。在这里，我们可以使用DW网站程序的网站菜单中的检查链接全站选项来检查网站中是否存在损坏的链接，以便及时修复。
此外，我们还应该科学地存储不同类型的文件，例如将网站中的图片放在一个文件夹中，将网页放在另一个文件夹中。而如果以后网站真的“肥沃”，我们甚至需要为每一栏建立一个文件夹。例如，将音乐栏相关的文件放在文件夹中，将图片栏的文件放在文件夹中。这样，我们的维修工作就会减少很多不必要的麻烦！
关于网站维护，最后要说的是网站文件的备份。如果发生电脑灾难，我们的网站很可能会瘫痪，所以不时备份网站文件也很重要。
网站成功上线后，长期的维护工作才刚刚开始。我们需要做的是：及时响应客户反馈；比如可以使用邮件自动回复功能，然后尽快解决问题再回复；网站流量统计分析及相应对策；尝试推广和使用您的网站；及时更新和维护网站内容。
五、网站安全问题及对策
防火墙是阻止外人访问您的网络的任何设备。该设备通常是软件和硬件的组合。它通常根据一些规则选择想要的或不需要的地址。
首先，大多数简单的身份验证过程都基于 IP 地址。 IP 地址是 Internet 上最常见的身份索引。它可以分为静态和动态。静态IP地址是固定IP地址；它可以是连接到 Internet 的主机的地址。静态 IP 地址分为几类。一个可以通过whois查询命令获取；而这种地址主要是互联网上最高级别主机的IP地址。这些主机可以是域名
为了网站的安全，除了在互联网服务管理器的网站属性中设置目录安全外，还要选择防护性好的防火软件。由于时间关系，我们这次使用网络保护神lockdown 2000，可以清除所有已知（553种）和未知的木马和邮件病毒，防止网络炸弹攻击在线检测和控制所有访问机器，以及跟踪入侵者并留下其犯罪证据。
Lockdown2000是目前世界上最有效、最完善的Windows操作系统安全防护软件。它可以智能地跟踪和识别未经授权的用户。 Lockdown2000 可以保护 Internet 用户免受最老练的黑客的攻击，防止任何人闯入您的计算机，并保护您的文件不被偷看或删除。如果您想与他人共享您的资源，只需列出他们的地址，他们就可以访问您的计算机。 Locking2000 的功能就像您的计算机和 Internet 之间的防火墙。它将自动为您实时搜索世界上的各种黑客程序。
如果您允许某人访问您的计算机，Lockdown 2000 将保留完整记录并简要报告连接到您计算机的用户的身份。通过反登录，详细记录他们的连接时间和地址，以及他们在你的电脑上做了什么。
其主要功能包括：
1. 能够完全关闭远程用户（这些用户很可能是黑客）对您的计算机系统的访问；
2、实时监控并记录远程用户在您电脑中的活动；
3、自动跟踪所有连接并记录黑客的IP地址、域名和计算机名；
4. 如果有人连接到您的计算机或试图闯入，Locking 2000 会发出不同的声音警告。如果有人未经您的许可连接到您的计算机，它会立即在屏幕上弹出警告窗口和实时监控窗口；
5. 完全控制互联网或局域网的任何连接；
6.可以自动断开任何用户或所有用户，这对于计算机共享资源非常重要；
7、能够记录之前连接到您电脑的用户数据，并限制连接到您电脑的次数；
8、如果您喜欢使用ICQ与外界联系，lockdown 2000可以将无效的文件包发送给黑客，从而保护您的计算机免受黑客ICQ炸弹的攻击；
9.您可以检测并停止在您的受限程序列表中秘密运行的任何程序。该程序很可能是未知的黑客程序或病毒。
此外，lockdown 2000还具有安装方便、与其他程序不冲突的特点。
