要设计出一个精美的网站，前期的规划是必不可少的，此时往往需要和客户进行沟通并确定网站的风格，然后就是搜集、整理素材从而可以减少后期制作网页的工作量，接下来就可以规划站点并制作网页，完成之后进行网站的测试并发布，最后便是后期的更新、维护及推广工作。

确定网站风格和布局“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等诸多因素。网站可以是平易近人的、生动活泼的，也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是网站独有的，这就形成了网站的“风格”。一个网站风格的确定主要和网站类型、服务对象有很大关系。如果网站面向的对象是儿童，很明显应该是生动活泼的风格更易于吸引小朋友，如下图所示；如果面向的对象为女性朋友，则温婉、清新秀丽的风格很明显是受人欢迎的。打开一个网站，首先呈现在眼前的就是网站的布局，同样也可以使访问者比较容易在站点上找到他们所需要的信息。网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。

⑴ “国”字型也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，左右分列一些小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。

⑵ 拐角型：这种结构与“国”字型只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。

⑶ 标题正文型：这种类型最上面是标题或类似的一些东西，下面是正文。比如，一些文章页面或注册页面等就是这种类型。

⑷ 左右框架型：这是一种左右分为两栏的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。大部分的大型论坛都是这种结构，有一些企业网站也喜欢采用这种结构。这种类型结构非常清晰，一目了然。

⑸ 上下框架型：与左右框架型类似，区别仅仅在于是一种上下分为两页的框架。

⑹ 综合框架型：由左右框架型和上下框架型两种结构结合，是相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构，只是采用了框架结构。

⑺ 封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果处理得好，会给人带来赏心悦目的感觉。

⑻Flash型：其实这与封面型结构是类似的，只是这种类型采用了Flash动画。与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

⑼ 变化型：即上面几种类型的结合与变化，在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。一个好的网站风格和布局要起到的作用：加强视觉效果，加强文案的可视度和可读性，页面具有统一感，鲜明的个性。说明在实际应用中，可以根据自己的需要将各种网页布局进行交叉融合，发展具有个性特色的网页布局类型。

搜集、整理素材要想设计出漂亮的页面，素材的整理和收集是首先要学会的基本功之一。学会将网上的素材下载整理，在有需要时可以不费太长时间找到所需的素材或者参考模板，这无疑会使网站设计事半功倍。素材的搜集是不难理解的，就是在平时看到吸引人眼球的图片或网页模板时下载保存起来。保存的方法可以是保存单张图片或者保存整个页面（可以使用360浏览器中自带的功能或图片另存操作）。当然，如果只是杂乱保存的话，后期在使用时查找是很费时间的。所以对素材的整理尤为重要，整理的方法及归类的方式有很多，大家可以在不断地摸索中总结适合自己的收集整理素材的方式。常用的方法包括将素材分类放在不同的文件夹中，如矢量和PSD文件，然后又可分为花纹类的、背景类的、标志类的、炫光类的，等等；或者按照素材的用途进行分类，如新年图片、日落图片、大海图片、高山图片等；或者按图片颜色分类，如红色、蓝色、紫色等。具体使用哪种方法就要看个人的爱好了。

规划站点并制作网页一般，一个站点包含的文件很多，大型站点更是需要对站点的内部结构进行规划。应该将各个文件分门别类地放到不同的文件夹中，如果将所有的文件混杂在一起，则整个站点显得杂乱无章，且不易管理。因此，站点结构要条理清晰，井然有序，使人们通过浏览站点的结构，就可知道该站点的大概内容。一般情况下，将站点中所用的图片和按钮等图形元素放在Images文件夹中，HTML文件放在根目录下，而动画和视频等放在Flash文件夹中。对站点中的素材进行详细的规划，是为网页设计人员在修改管理页面文件时提供方便。在计算机中除C盘外要新建一个站点的文件夹，命名如Myweb，也可以叫“我的站点”。制作网页是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序来制作。所谓先大后小，就是在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题能及时修改。在网页排版时，要尽量保持网页风格的一致性，不至于在网页跳转时产生不协调的感觉。在制作网页时灵活地运用模板，可以大大地提高制作效率。将相同版面的网页做成模板，基于此模板创建网页，以后想改变网页时，只需修改模板就可以了。

网站的测试与发布网站的测试包括以下几个方面。

⑴ 网页测试：一般的网页设计工具中均自带有测试工具，如Dreamweaver的【文件】菜单中的【检查目标浏览器】子菜单即可完成测试功能。

⑵ 本地站点测试：主要包括检查链接、检查浏览器兼容性、检查多余标签、检查语法错误等。

⑶ 用户测试：以用户身份测试网站的功能。其主要测试内容有评价每个页面的风格、颜色搭配、页面布局、文字的字体和大小等方面与网站的整体风格是否统一、协调，页面布局是否合理，各种链接所放的位置是否合适，页面切换是否简便，对于当前访问位置是否明确等。

⑷ 负载测试：安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。其主要测试内容有网站在多个用户访问时访问速度是否正常，网站所在服务器是否会出现内存溢出、CPU资源是否不正常等。网站的发布是指将网站内容使用FTP上传到网站空间当中，网站空间可以在网络上的一些网页空间提供商处购买。若制作的网站还需要数据库，但购买的网站空间不自带数据库，就需要另外购买数据库。FTP、数据库的账号和密码信息都会在申请网站空间时得到。

后期更新与维护网站制作好后，日后的更新和维护才是最重要的。更新和维护的目的是为了能够使网站长期稳定地在互联网上运行，并为用户持续不断地提供新的网站内容。一个好的网站需要定期或不定期地更新内容，才能不断地吸引更多的浏览者，只有不断地更新内容，才能保证网站的生命力。更新和维护的主要工作内容包括对网站重新进行规划与设计、增加网站内容、扩大服务范围以及增添服务项目等。内容更新是网站维护过程中的一个瓶颈，网站的建设者可以考虑从以下几个方面入手，使网站能够长期顺利地运营。网站建设初期，需要对后续的维护工作给予足够的重视，保证网站在建设完成后，后期更新和维护能够简单、方便地进行。有规律地对网站增加内容，增加的内容要及时、准确，要进行统筹考虑，确立一套从信息收集、信息审查到信息发布的良性运转的管理制度。尽量不要对网站做很大的变动，可以进行局部更新，在未更改网站架构的情况下增添内容。这样不仅充实了网站的内容，也对搜索引擎的收录有利。对于经常变更的信息，尽量用结构化的方式（如建立数据库、规范存放路径）管理起来，以避免出现数据杂乱无章的现象。

网站推广网站制作好之后，还要不断地对其进行宣传，这样才能让更多的朋友认识它，以提高网站的访问率和知名度。推广的方法很多，如到搜索引擎上注册、与别的网站交换链接或加入广告链接等。网站推广是企业网站获得有效访问的重要步骤，合理而科学的推广计划能令企业网站收到接近期望值的效果。网站推广作为电子商务服务的一个独立分支正显示出其巨大的魅力，并越来越引起企业的高度重视和关注。