一、网站制作前的准备工作

1， 知道目标

制作网站，要知道网站的目标。是展示企业形象、销售产品，还是提供信息交流平台？知道目标可以方便后续的设计、开发工作。

2， 确定网站类型

目标，选择合适的网站类型。目前常见的网站类型有企业官网、电商平台、信息门户、个人博客。

3， 竞争对手

了解竞争对手的网站，其优点和不足，为自己的网站提供借鉴。

4， 制定网站规划

目标、类型和竞争对手，制定的网站规划，网站结构、功能模块、页面风格。

二、网站设计阶段

1， 确定网站风格

网站风格应与企业的形象、行业特点相符合。参考风格简洁大气、时尚动感、温馨亲切。

2， 设计网站布局

网站布局要合理、清晰，方便用户浏览。常见的布局有T型布局、三列布局、响应式布局。

3， 制作网站原型

原型设计工具，再将网站布局、功能模块、页面元素进行视化呈现。

4， 设计网站界面

原型，制作网站界面。界面设计要注意用户体验，色彩搭配、字体选择都要符合用户审美。

三、网站开发阶段

1， 选择开发语言和框架

网站类型和需求，选择合适的开发语言和框架。如HTML、CSS、JavaScript、PHP、Python。

2， 网站前端开发

实现网站界面，页面布局、交互效果、动画效果。

3， 网站后端开发

开发网站功能模块，如用户登录、注册、商品管理、订单处理。

4， 数据库设计

网站需求，设计数据库结构，实现数据存储和查询。

四、网站测试与上线

1， 功能测试

对网站各项功能进行测试，网站运行稳定。

2， 性能测试

对网站进行性能测试，优化加载速度、响应时间。

3， 用户体验测试

邀请用户对网站进行体验测试，收集反馈意见，对网站进行优化。

4， 上线部署

再将网站部署到服务器，进行上线。

五、网站运营与维护

1， 内容新

定期新网站内容，保持信息时效性。

2， 数据统计与

数据，了解网站访问量、用户行为，为网站优化提供依据。

3， 安全防护

加强网站安全防护，防止黑客攻击、数据泄露。

4， 技术升级

行业发展和用户需求，对网站进行技术升级。

网站制作是一个复杂的，涉及众多环节。掌握网站制作方法，可以方便提高网站质量，提高用户体验。制作中，要注意细节，不断优化，才能打造出的网站。

网页的设计有方法

、靠前、无边框设计。无边框设计近几年比较流行，设计页面的时候，再将页面中的风格线、边框删掉，用间距来代替的设计方法。无边框设计是以大图为主，图片本来是分割元素。而内容是有规律的，留白间距的内容相对一致、重复、紧密，这样用户浏览的时候才认为这些内容是一体的。，小众垂直的产品适合用无边框设计。

第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式，提高了版面的用率，给网站建设增加多的惊喜。那么卡片设计有哪些优势呢？1、提高页面的用率。卡片好像是一个容器，再将类型不一样的内容设置不一样的卡片中，这样很好地区分内容，还可以统一页面的风格。比如传统列表，内容是纵向滚动的方式，可以展示的内容比较有限，卡片式的设计采用的滑动方式，有效地解决空间问题。2、区分卡片上的内容。卡片好像是一个容器，再将不同的内容放置不同的卡片，好地区分内容的类型。卡片的维度是不一样的，而且相对独立、有互相有联系，卡片归纳网站的内容，整个网站显得有秩序。3、卡片式设计提高控性、提高体验度。卡片式设计的用范围比较广泛，覆盖、滑动、堆叠，有良好的扩展性和操作性。

第三、分割线的设计。这也是常见的页面布局设计方式，好地帮助用户快速熟悉页面的布局，有良好的内容组织性。分割线贯穿整个页面，再将不同的内容进行分割，成为独立的信息。

网站建设中的页面布局，有不同的设计方式，而且设计的趋势不断变化，设计页面布局，要考虑好合适的样式，不能一味地追求潮流，产品的实际需求，选择合适的设计方式。而分割线的设计，想要做得出色，要处理好线的间距、粗细、颜色

制作网站有方法

是用WORD制作很简单的，还有用DREAMWEAVER展业软件做的制作流程有搜集素材、制作步骤大搞是

网页制作的流程

2、架构（或者《网站建设方案》）完成初稿设计

首页风格

各频道首页风格

网站架构图的栏目、子页面一一列出

这是网站的前台设计，属于美工的范畴；数据库的前台页面也要设计制作！

3、审核确认前台设计后进行整体网站数据库的开发制作；

4、前后台里链接；

5、上传至空间，测试数据库！

需求

项目立项

我们接到客户的业务咨询，经过双方不断的接洽和了解，并的行性讨论够，初步达成制作协议，这时再将项目立项。较好的做法是成立一个专门的项目小组，小组成员项目经理，网页设计，程序员，测试员，编辑/文档人员。项目实行项目经理制。

客户的需求说明书

1，正确性每个功能清楚描写交付的功能；

2，行性当前的开发能力和系统环境下实现每个需求；

3，必要性功能交付，推迟实现，削减开支发生时"砍"掉；

4，简明性不要用专业的网络术语；

5，检测性开发完毕，客户需求检测。

三.系统

网站设计

拿到客户的需求说明后，并不是直接开始制作，而是对项目进行设计，设计，出一份网站建设方案给客户。设计是非常关键的一步。它确定

1，网站实现哪些功能；

2，网站开发用什么软件，什么样的硬件环境；

3，多少人，多少时间；

4，遵循的规则和标准有哪些。

写一份规划说明书，

1，网站的栏目和版块；

2，网站的功能和相应的程序；

3，网站的链接结构；

4，有数据库，进行数据库的概念设计；

5，网站的交互性和用户友好设计。

网站建设方案

设计出来后，给客户一个网站建设方案。很多网页制作公司接洽业务时被客户要求提供方案。那时的方案比较笼统，而且客户需求不是十分知道的下提交方案，往往和实际制作后的结果有很大差异。应该尽量取得客户的理解，知道需求并设计后提交方案，这样对双方都有益处。网站建设方案的几个部分

1，客户；

2，网站实现的目的和目标；

3，网站形象说明；

4，网站的栏目版块和结构；

5，网站内容的安排，相互链接关系；

6.用软件，硬件和技术说明；

7.开发时间进度表；

8.宣传推广方案；

9.维护方案；

10.制作费用；

11，本公司简介成功作品，技术，人才说明。

当的方案客户的认，那么恭喜你！开始动手制作网站了。可还不是真正意义上的制作，你进行设计

网站设计

设计阶段以比较抽象概括的方式提出了解决问题的办法。设计阶段的任务是把解法具体化。设计是针对程序开发部分的。可这个阶段的不是真正编写程序，而是设计出程序的规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常用的工程蓝图，它们应该包含必要的细节，例如程序界面，表单，的数据。程序员它们写出实际的程序代码。

四.项目

整体形象设计

程序员进行设计的网页设计师开始设计网站的整体形象和首页。

整体形象设计标准字，Logo，标准色彩，广告语。首页设计版面，色彩，图像，动态效果，图标风格设计，也banner，菜单，标题，版权模块设计。首页设计1-3个不同风格，完成后，供客户选择。

记住客户确定首页风格之后，请客户签字认。以后不得再对版面风格有大的变动，否则视为第二次设计。

开发制作

到这里，程序员和网页设计师进入全力开发阶段，提醒的是，测试人员随时测试网页与程序，发现Bug立刻记录并反馈修改。不要到完全制作完毕再测试，这样浪费大量的时间和精力。项目经理经常了解项目进度，协调和沟通程序员与网页设计师的工作。

调试完善

网站初步完成后，上传到服务器，对网站进行全范围的测试。速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试，发现问题解决并记录下来。

为什么要记录文档呢？其实本软件工程本身是一个文档，是一个不断充实和完善的标准。不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。

宣传推广

宣传推广的方法有

1，网页里设置适当的META标签；

2，各搜索引擎登录；

3，准备新闻稿件各新闻公告板发表；

4，合理用Email邮件列表；

5，广告条交换；

6.付费广告。

至此，网站项目建设完毕，再将有关网址，用操作说明文档提交客户验收。维护，另行签定维护项目。

维护

网站成功推出后，长期的维护工作才刚刚开始，我们做到的是

1，响应客户反馈；例如采取Email自动回复功能，然后1-3个工作日里解决问题，回复；

2，网站流量统计和相应对策；

3，尽量推广和用的网址；

4，网站内容的新和维护。

五.遵循的规范

1，网站建设目录规范

2，网站文件命名规范

3，网站建设尺寸规范

4，网站首页head区代码规范

5，网站连接结构规范

网站建设方法有哪些

网站建设不找建站公司的、网站建设直接用第三方的CMS系统来搭建的、不同的建站需求、选择的CMS系统都不一样的

企业、政府、学校、团体门户网站pageadmin cm

论坛dicuz cm

博客wodpre cm

商城hopex cm、ECShop cm