网页设计与制作:Dreamweaver CC标准教程(第3版)
上QQ阅读APP看书,第一时间看更新

1.5 网站制作流程

网站制作已经逐渐发展成为一个由网页界面设计、网页制作、数据库开发和动态应用程序编写等一系列工作构成的系统工程。

1.5.1 前期准备工作

在网站制作之前,需要对与网站制作相关的互联网市场进行调查和分析,同时收集各种相关的信息和资料,为项目提供必要的前期数据,为项目决策提供依据。

1. 市场调研与分析

市场调研包括用户需求分析、企业自身情况分析和竞争对手情况的调查与分析。

企业网站能被目标用户接受是网站生存和发展的前提。网站客户需求分析是实现这一目标的关键环节。在建设网站之前,必须明确网站为哪些用户提供服务,这些用户需要什么样的服务,要充分挖掘用户表面的、内在的、具有可塑性的需求信息,明确用户获得信息的规模和方式,如信息量、信息源、信息内容、信息表达方式和信息反馈等。只有这样,企业网站才能够为客户提供最新、最有价值的信息。

从建设互联网平台的角度,对企业自身情况进行分析和评价,充分了解企业能够向目标用户提供什么样的产品、什么样的服务、实现产品和服务的业务流程是什么,以及企业其他可用资源等。另外,有些产品和服务适合于实体销售,有些产品适合于网络平台销售,因此有必要明确哪些产品和服务由网站提供,以什么方式提供。

通过互联网或其他渠道对竞争对手情况,尤其是竞争对手的网络平台情况进行调查和分析。了解同类企业或主要竞争对手企业是否已经建设了网站,其网站的定位如何?提供了哪些信息和服务?这些网站有哪些优点和缺点?从中获得建设自身网站的启示。

市场调查后进行综合分析,应该确定建设企业网站能否做到对企业产品的整合,对产品销售渠道的扩充,能否为提高企业利润、降低成本发挥作用。

2. 收集资料

收集和整理资料为网站制作提供基础素材。

需要的资料从内容形式上,包括文字资料、图片资料、视频资料和音频资料;从内容分类上,包括企业基本情况介绍、产品分类、产品信息、服务项目、服务流程、联系方式、企业新闻、行业新闻等。资料的收集尽量全面完整,从方便后期使用的角度,尽量收集电子数码资料,如数字照片等。

收集和整理资料是一个持续的过程。在制作网站之前,尽量收集相关资料;在制作网站过程中,还需要进一步补充和完善,不断丰富网站内容。

3. 网站定位

在市场调查和分析以及资料收集的基础之上,初步确定网站的定位,包括大致内容和结构、页面创意的基调,以及基本技术架构。

网站内容包括各种文本、图形图像和音频视频信息,它直接影响到网站页面创意、布局以及技术架构的确定,也影响到网站受欢迎程度。基于市场调查和分析,对页面创意的风格和色彩基调有一个基本设想,对网站的栏目设置、页面结构和页面创意要做到心中有数。在技术架构方面,需要明确的是制作动态网站还是静态网站,以及网站规模大小等。采用何种技术架构将决定网站制作和维护的成本,是企业必须关注的问题。

1.5.2 方案实施

在方案实施过程中,根据前期准备工作,具体规划网站的栏目和布局、页面设计风格和外观效果;确定网站所使用的各种技术,完成网站制作的全部工作。

1. 网站规划

网站规划实际上是网站定位的一个延续。网站定位是网站规划的基础和前提,网站规划将全面落实网站定位。网站规划越详尽,方案实施就越规范。

无论开发静态网站还是动态网站,开发者必须明确开发网站的软硬件环境、网站的内容栏目和布局、内容栏目之间的相互链接关系、页面创意风格和色彩,以及网站的交互性、用户友好性和功能性等。如果制作动态网站,还需要对数据库和Web应用技术,以及脚本语言的选择和使用做出规划。

根据网站规划,撰写网站开发时间进度表,指导和协调后续的工作。

2. 页面设计

现在网站制作越来越重视页面的创意和设计外观效果,尤其一些个性化的网站、提供时尚类产品和服务的网站和具有美术和艺术背景的网站等,都非常关注页面布局和画面创意的艺术效果。独到的创意和优美的画面有助于提升企业的个性化形象。

通常,采用图形图像类软件进行创意和设计。对页面中的色彩、网页设计元素以及结构布局进行尝试、编排和组合,形成静态的设计效果。确定页面设计效果后,可以使用切片等功能,导出网页制作所需的网页文档格式。

有时,也可以采用动画软件设计动感十足、富于变化的页面效果。但动画效果的页面容易造成下载速度慢、等待时间过长的现象,影响浏览效果。

3. 静态网页制作

如果网站用户交互要求低或网站数据更新少,可以采用静态技术制作网站。静态技术相对简单,如各种布局方式(CSS+Div方式、表格方式、框架方式等),模板和库技术,以及各种导航条的设计和制作方法等。

4. 动态网页制作

在一些大中型网站建设中,除了使用静态网页技术之外,更重要的是采用动态网页技术。Web应用技术、数据库技术以及前后台页面设计在动态网站建设中尤为重要。

比较小型的网站可以使用ASP技术,而对于大中型网站,可以采用ASP.NET技术,能够获得更高的安全性和可靠性。当然,也可以使用JSP技术或PHP技术等。

数据库的选择要考虑数据规模、操作系统平台以及Web应用技术等因素。小型应用可采用Access数据库,大型应用选择SQL Server数据库,或者更大型的数据库,如Oracle。还可以使用MySQL数据库等。

前台设计更关注用户的需要和感受,也是实现与用户交互的场所。可以先制作静态页面,再应用脚本程序和数据库技术,完成动态内容的设计与制作。后台设计侧重于满足管理和维护系统的需要,开发数据库和数据表,编写各种管理和控制程序等。

5. 整合网站

当设计、制作和编程工作结束后,需要将各部分按照整体规划进行集成和整合,形成完整的系统。在整合过程中,需要对各个部分以及整合后的系统进行检查,发现问题及时调整和修改。

在网站制作过程中,前期准备工作中的网站定位具有承上启下的作用,它与方案实施阶段的网站规划密切相关。网站定位指导网站的规划,网站规划是网站定位的具体实现。有时,这两个环节相互交叉融合,没有明显的界线。

1.5.3 后期工作

网站建成后,还要完成一系列的网站的测试、网站的发布、网站的推广和维护等后期工作。网站后期工作进展得是否顺利,完成得是否到位,直接影响到网站各种设计和功能的发挥,影响到用户的认知度、满意度和美誉度,最终影响到网站的营利能力和发展空间。

1. 网站测试

网站测试的范畴包括网站运行的每个页面和程序。兼容性测试、超链接测试是必选的测试内容。

测试兼容性就是测试网站在不同操作系统,使用不同浏览器情况下的运行情况。超链接测试确保网站的内部链接和外部链接源端和目标端保持一致。在Dreamweaver中,提供了浏览器兼容性测试和链接检查的命令,方便易行。

对于动态网站,测试每一段程序代码能否实现其相应功能,尤其是数据库测试和安全性测试极其重要。数据库测试主要检查在极端数据情况下,数据读取等操作的可行性。安全性测试主要检查后台的管理权限能否被突破,防止管理员账户被非法获取。

2. 网站发布

完成网站测试后,将网站发布到互联网上,供用户浏览。目前大多数ISP(Internet Service Provider)公司都向广大用户提供域名申请、有偿或免费的服务器空间申请等其他配套服务。

网站发布包括申请域名、申请服务器空间和上传网站内容。

首先,企业需要申请一个或多个域名,域名应简单易记,最好与企业名称和品牌相关,可以保证与企业标识的一致性。其次,根据网站规模和需要,向互联网数据公司申请服务器空间。对于不以营利为目的的个人,可以申请免费的服务器空间,从几兆字节到几百兆字节不等。对于小型企业,可以申请到物美价廉的服务器空间,从几百兆字节到几吉比特字节,甚至更多。第三,完成远程站点的设置。为方便网站的调整和维护,可以使远程站点与本地站点保持同步,Dreamweaver提供了多种方式,其中FTP方式最为方便。第四,将网站内容上传到服务器。一般地,第一次要上传整个站点内容,以后在更新网站内容时,只需要上传被更新的文件即可。

3. 网站推广

网站推广的目的是让更多用户浏览网站,了解网站的产品和服务内容。常用的网站推广方式包括注册搜索引擎、使用网站友情链接,以及利用论坛、博客和电子邮件等方式推广等。

注册搜索引擎是最直接和有效的方法。在知名的搜索引擎(如百度、谷歌等)中,主动注册网站的搜索信息,达到迅速推广的目的。

通过在同行或相关行业网站中,建立网站的相互链接,或通过论坛、博客、QQ和电子邮件等方式,发布网站信息,是低成本的推广方式。

4. 网站维护

网站不是一成不变的,要随着时间的推移,市场的变化,对网站做出适当的变化和调整,给人以新鲜感。在日常维护中,更新网站栏目,如行业新闻,添加一些活动窗口,如新春寄语等。

当网站发布较长时间以后,需要对网站的风格和色彩、内容和栏目等,进行较大规模的调整和重新设计,让用户体会到企业和网站积极进取的风貌。在网站改版时,既要让用户感觉到积极变化,又不能让用户产生陌生感。