《网站设计与制作》课程设计指导书

1、网页制作与网站设计 网页制作与网站设计课程设计指导书 目录课程设计的目的与要求3网站项目管理规范4网站开发规范7案例剖析14课程设计评分细则19课程设计选题20课程设计的目的与要求一、 课程设计目的因本课程是IT相关专业学生的专业必修课。本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站，包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具（Macromedia DreamWeaver 8，Macromedia Flash 8，Macromedia FireWorks 8）的使用，特别是掌握Macromedia Dr

2、eamWeaver 8软件的使用技巧，掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。二、课程设计的基本要求1、 了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。 2、 能够使用相关工具（Macromedia DreamWeaver 8，Macromedia Flash 8，Macromedia FireWorks 8）的熟练制作网页。3、 尽量运用业界默认的网站开发规范，努力使自己的站点专业化。20网站项目管理规范一.概念 网站项目管理就是根据特定的规范、在预算

3、范围内、按时完成的网站开发任务。 二.需求分析 1.项目立项 我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 2.客户的需求说明书 第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分

4、析，挖掘出他潜在的，真正的需求。 配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点： 1.正确性：每个功能必须清楚描写交付的功能； 2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求；3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；4.简明性：不要使用专业的网络术语； 5.检测性：

5、如果开发完毕，客户可以根据需求检测。 三.系统分析 1.网站总体设计 在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定： 1.网站需要实现哪些功能； 2.网站开发使用什么软件，在什么样的硬件环境；3.需要多少人，多少时间； 4.需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书，包括：1.网站的栏目和版块； 2.网站的功能和相应的程序；3.网站的链接结构； 4.如果有数据库，进行数据库的概念设计；5.网站的交互性和

6、用户友好设计。 2.网站建设方案 在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分： 1.客户情况分析； 2.网站需要实现的目的和目标；3.网站形象说明；4.网站的栏目版块和结构； 5.网站内容的安排，相互链接关系；6.使用软件，硬件和技术分析说明；7.开发时间进度表；8.宣传推广方

7、案；9.维护方案； 10.制作费用；11.本公司简介：成功作品，技术，人才说明等。当您的方案通过客户的认可，您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计：3.网站详细设计总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。 四. 项

8、目实施1.整体形象设计 在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。开发制作 2.开发制作到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测

9、试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。 调试完善 3.调试完成在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。 4.宣传推广 宣传推广的基本方法有： 1.网页里设置适当的META标签；

10、0;2.各搜索引擎登录； 3.准备新闻稿件在各新闻公告板发表；4.合理使用Email邮件列表；5.广告条交换；6.付费广告。 至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。五.维护 网站成功推出后，长期的维护工作才刚刚开始，需要做到的是:1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复； 2.网站流量统计分析和相应对策； 3.尽量推广和使用您的网址；4.网站内容的及时更新和维护。 六.遵循的规范 1.网站建设目录规范2.网

11、站文件命名规范 3.网站建设尺寸规范 4.网站首页head区代码规范5.网站连接结构规范网站开发规范任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则，包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制，将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范，一个优良可行的规范可以使我们工作得心应手事半功倍，

12、这些规范都不是唯一的标准不存在对与错，也许有些地方与你当前使用的习惯相驳，很多地方都有争议。非常明显在Web项目开发中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的，这些规范是工作中总结的一点经验，本文档比较适合中小型网站或者Web项目的开发规范。一组建开发团队在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人，也有可以是只有几个人的小团队，在团队划分中应该含有6个角色，这6个角色是必须的，分别是项目经理

13、，策划，美工，程序员，代码整合员，测试员。也许你的团队还没有6个人，没有关系一个人可以有多个角色，比如项目经理还可以有策划这个角色，如程序员还可以含有代码整合和测试这2个角色，如果你的项目够大人数够多那就分为6个组，每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。项目经理，项目总体设计，开发进度的定制和监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员(小组)之间开发。策划，提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工，根据策划和需求设计网站AI，界面，Logo等。程序员，根据项目总体设计来设计数据库和功能模块的实现。代码整合员，负责将程序员的代码和界

14、面融合到一起，代码整合员可以制作网站的相关页面，测试员，负责测试程序。二开发工具Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver 8、Flash 8等。网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： PowerDesigner（数据库建模），PowerDesig

15、ner在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，我最喜欢的还是它生成数据库Report的功能太方便了，设计数据库强烈推荐用它。Rational Rose（程序建模），如果你的项目功能模块不是特别复杂那就剩了它吧，这样会节省一些时间和开发的复杂度，不过我个人认为不管是大项目还是小项目都应该画画Rose图。网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定，代码版本控制采用Visual SourceSafe，当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft

16、 Application Center Test，它可以进行并行、负载测试等。程序文档编写采用Word，用WPS也可以。三.网站开发流程在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。图 1从图1可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在

17、项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。四数据库开发规范数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。数据库表命名规范，表

18、名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间

19、用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别名。视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddD

20、ata。SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：SELECT user_id, user_name FROM User WHERE user_id = tom五文件夹文件名命名规范文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情况才使用中文拼音，一些常见的文件夹命名如：images(存放图形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript脚本），inc(存放include文件)，link（存放友情链接）,media(存放多媒体文件)等。文件名称统一用小写的英文字母、数字和下划线

21、的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。1、图片的命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。放置在页面顶部的广告、装饰图案等长方形的图片取名： banner标志性的图片取名为： logo在页面上位置不固定并且带有链接的小图片我们取名为 button 在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu 装饰用的照片我们取名： pic 不带链

22、接表示标题的图片我们取名： title 下面是几个范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。2、动态语言文件命名规则性质_描述，描述可以有多个单词，用”_”隔开，性质一般是该页面得概要。范例：register_form.asp，register_post.asp,topic_lock.asp六程序代码编程规范一个良好的程序编码风格有利于系统的维护，代码也易于阅读查

23、错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量，无需定义就可以直接使用，而且代码不区分大小写。但其他语言一般这些都要定义的，为了养成良好的编程习惯，编写代码务必按照一下规则。1、每个变量名必须定义，在ASP文件的最开始添加语句，强制定制每个变量。2、出于易读和一致性的目的，在代码中使用以下变量命名约定：子类型前缀示例BooleanblnblnFoundBytebytbytRasterDataDate (Time)dtmdtmStartDoubledbldblToleranceErrorerrerrOrderNumIntegerintintQuantityLonglnglngD

24、istanceObjectobjobjCurrentSinglesngsngAverageStringstrstrFirstName3、程序代码需要有缩进，缩进采用键盘Tab键，不采用空格键。并且”或者链接字符串时需要左右空一格，如下：4、函数过程编写的约定。函数或者过程命名采用动作+名词，每个函数需要给出相应的注释，函数功能，传入变量，以及作者和修改相关信息。如下面函数:<%'功能 返回一个参数的值'参数 strParameterName 参数名称'作者 icefire 2002/8/20 amFunction GetParameterValue(strPara

25、meterName)Dim objRS, strSQL, strParameterValuestrSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'".GetParameterValue = strParameterValueSet objRS = NothingEnd Function5、ASP内置对象区分大小写。如下代码片断strUserName = Request.Form(

26、“UserName”)Set conn = Server.CreateObject("ADODB.Connection")6、数据库连接一个库只能有一个数据库连接文件，创建数据库对象得原则是尽可能晚地打开数据库，尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下：Sub OpenConn(ByRef conn)Dim strDBPath, strDBConnectionstrDBPath = Server.MapPath("database/tax.mdb")strDBConnnection = "Driver=Microsoft A

27、ccess Driver (*.mdb); DBQ=" & strDBPathSet conn = Server.CreateObject("ADODB.Connection")conn.Open strDBConnnectionEnd Sub7、当一个对象不在使用时要释放对象资源，比如objFSO,objRS对象等。采用统一函数调用。函数如下：Sub CloseObj(ByRef obj)If IsObject(obj) Thenobj.CloseSet obj = nothingEnd IfEnd Sub8、时间全部以字符串的形式保存到数据库中，这样做

28、能够是日期在不同的数据库中都能良好地保存，也方便数据库地迁移。时间用14位字符串保存，日期用8位字符串保存。七网站首页head区代码规范head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签 1.公司版权注释 <!- The site is designed by Maketown,Inc 06/2004 -> 2.网页显示字符集 简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

29、; 繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息 <META name="author" content="webmaster"> 4.网站简介<META NAME=

30、"DESCRIPTION" CONTENT="本站是一个医疗站点"> 5.搜索关键字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.网页的css规范 <LINK href="style/style.css" rel="stylesheet" type="text/css"> (参见目录及命名规范) 7.网页标题 <title>xxxxxxx

31、xxxxxxxxxxx</title> 8.可以选择加入的标签 1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。 <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 2.禁止浏览器从本地机的缓存中调阅页面内容。 <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 3.用来防止别人在框架里调用你的页面。 <META HTTP-EQUIV=&

32、quot;Window-target" CONTENT="_top"> 4.自动跳转。 <META HTTP-EQUIV="Refresh" CONTENT="5;URL="> 5指时间停留5秒。 5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 <META NAME="robots" CONTENT="none"> CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是a

33、ll。6.收藏夹图标 <link rel = "Shortcut Icon" href="favicon.ico"> 所有的javascript的调用尽量采取外部调用. <SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT> 附<body>标签： <body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFF

34、FF">八网站建设尺寸规范1. 页面标准按800*600分辨率制作，实际尺寸为778*434px2. 页面长度原则上不超过3屏，宽度不超过1屏 3. 每个标准页面为A4幅面大小，即8.5X11英寸 4. 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px5. 另外120*90，120*60也是小图标的标准尺寸 6. 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K案例剖析（一）电机电器精品课程网站项目背景精品课程是具有一流教师队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范性课程

35、。精品课程建设是高等学校教学质量与教学改革工程的重要组成部分。为了紧密配合教育部实施高等学校教学质量与教学改革工程，充分发挥国家级精品课程的示范辐射作用，带动和促进各高等学校精品课程建设工作，实现优质教学资源的广泛共享，提高高等学校教学质量和人才培养质量，特建立精品课程网站，实现精品课程的资源共享。网站建设的目标为实现精品课程建设的可持续发展，为更好地建设优质资源和共享优质资源，提高教学质量，特建设界面清晰，功能完备，被广大用户欢迎的精品课程网站。相关网站借鉴国家精品课程 /Spectacle/东南大学精品课程 30/jpk

36、c/default.asp西北大学精品课程网 陕西科技大学精品课程 清华大学精品课程 0/index.jsp网站建设的架构浏览器Web服务器Internet这是目前得到广泛的一种标准结构。在这种结构中，用户使用标准的浏览器（如IE浏览器）通过internet和http协议访问服务方提供的Web服务器, Web服务器分析用户浏览器提出的请求，如果是页面请求，则直接用http协议向用户返回要浏览的页面。系统采用win2000 Server 的IIS作为服务器。站点设计精品课程主页教学大纲授课计划授课标准培养方案电子教案电子课件试卷库实验考核课程总结网站风格遵循网

37、站CIS尤其是VI设计风格，主色调选择绿色与白色，要求结构严谨而简洁。采用模板及CSS网页风格技术，基于IE 5.0 800*600真彩平台开发，标准格式和压缩率网络图片等多媒体。网站建设进度周一（上午）明确课程设计的目的与方向，在网络上搜索类似的相关资料，确定课程设计的框架，确定网站的设计风格。周一（下午）搜集相关的网站资源，开始制作网站的素材与整理现有的素材，确认目标，书写课程设计任务书。周二（上午）利用搜集的相关网站，开始设计主页的效果图。周二（下午）制作主页的效果图，教师局部点评。周三（上午）利用photoshop 或Fireworks 软件最终确定效果图，制作局部的特效，进行网页输出

38、。周三（下午）利用Imageready或Flash软件制作网站所需的网站动画，教师进行局部点评。周四（上午）定义站点，利用DreamWeaver软件进行对网页的最后编辑修正与编辑，制作或调用样式表文件，制作网站模板。周四（下午）利用模板，进行内容页的制作，确认网页的超级连接，进行网站的发布育测试，教师点评。周五（上午）整理相关的网页材料，书写课程设计的相关文档，总结心得体会，进行答辩。周五（下午）优秀作品进行答辩，教师点评作品，讨论心得体会。课程设计的心得体会课题立意：精品课程建设是高等学校教学质量与教学改革工程的重要组成部分，网页制作是整个网站建设的重要环节，而Adobe Photoshop

39、，Macromedia DreamWeaver 8，Macromedia Flash 8，Macromedia FireWorks 8等工具的熟练使用又是网站建设的保障。技术难点：难点一难点二技术体会：经过一周的学习，觉得在技术上我的到了提高，认为还有.不足。思想体会：经过一周的课程设计使我彻底了解了网站的开发过程与网站的开发规范，提高了很多今后打算：经过一周的课程设计使我了解了IT实践课程的学习方法，今后我打算教师对网站的总结评价优 良 中 及格 不及格简短评语：教师签名：签名日期：（二）上海创实医疗设备有限公司项目背景上海创实医疗设备有限公司成立于 2002 年 , 是随着中国加入 WTO

40、 的步伐一起诞生在中国最大的商业城市同时也是中国和世界的桥梁 - 上海。为加强和世界顶级公司合作，主要从事临床检验产品的的进口、销售和服务，现建设改网站。系统名称：上海创实医疗设备有限公司门户网站开发负责人：刘万辉用户：上海创实医疗设备有限公司网站建设的目标为宣传上海创实医疗设备有限公司，同时达到拓展该公司的业务的目的，构建该公司信息业务平台，加强与客户联系沟通，搭建改门户网站平台。网站建设的架构浏览器Web服务器Internet这是目前得到广泛的一种标准结构。在这种结构中，用户使用标准的浏览器（如IE浏览器）通过internet和http协议访问服务方提供的Web服务器, Web服务器分析用

41、户浏览器提出的请求，如果是页面请求，则直接用http协议向用户返回要浏览的页面。系统采用win2000 Server 的IIS作为服务器。相关网站借鉴：深圳傲华医疗设备发展有限公司海南澳霖医学科技有限公司 江西盈科科技有限公司 中国医疗设备网 北京华士信医疗设备有限公司 站点设计网站主页公司简介产品介绍公司架构售后服务营销业务新闻快报资料下载客户留言联系我们网站风格用白色配绿色系，设计以白色为主，绿色系的明度较高。因为蓝色具有清凉、自由的感觉，使人们容易联想到天空、海洋；而绿色具有新鲜、清爽的感觉，容易联想到大自然、春天；和白色搭配，就会感觉清新、爽快，从而给人一种健康的感觉。网站建设进度周一（上午）明确课程设计的目的与方向，在网络上搜索类似的相关资料，确定课程设计的框架，确定网站的设计风格，搜集相关的网站资源，开始制作