《网页设计技术》课程设计

20##-20##学年第二学期

电商20121班

一、设计形式

个人完成制作，要求一人一题。

二、设计技术

    Dreamweaver（含插件）＋HTML＋CSS＋JavaScript + 网页设计辅助软件（Photoshop图像处理、网页特效、Flash动画等）

三、设计主题

根据自己的兴趣爱好完成课程设计，可以发挥自己的创意、张扬自己的个性。以下是一些参考主题：

1、个人网站：介绍自己的学习、生活、兴趣、爱好、特长、作品等；

2、企业宣传网站：介绍企业形象、相关产品、企业文化、相关活动等；

3、电子商务网站：为某一知名企业重新设计一个网站；

4、旅游网站：介绍自己家乡风光、风土人情、景点等；

5、校园网站：介绍自己的学校、系、班级等；

6、课程网站：介绍某一课程的教学信息资源、学习交流等；

7、休闲娱乐网站：介绍音乐、动漫、游戏、体育、书籍等。

8、其他任何你感兴趣的主题。

四、基本要求

1、主题鲜明，思想明确，内容健康，积极向上；要突出主题，全站点围绕一个主题及其相关内容进行设计，设计思路清晰，明确表达设计意图。

2、各栏目功能明确，方便使用，页面内容清晰明了。

3、子页面及父页面方便返回访问，打开/关闭窗口方便。

4、网页上的图片、表格和框架等元素不变形，不错位。

5、没有空链接和错误链接，也没有多余的无效图片。

6、页面设计美观大方，图片使用得当，色彩协调，布局合理。

7、页面具有较强的个人设计创意。注意网页的适用性和丰富适当的艺术表现力，在艺术的表现上及技术与艺术的平衡上有进步和创意。

8、编写网站的策划书。在网页建设前进行需求分析、确定网页的目的和功能，并根据需要对网页建设中的技术、内容、费用、测试、维护等做出策划。网页策划对网页建设起到计划和指导的作用，对网页的内容和维护起到定位作用。具体格式和样例见附件。

五、具体要求

1、网站策划书合格后才能进行具体的设计实现。

2、首页以index.htm或index.html命名，主页需显示制作者的详细基本信息（学校、系别、班级、姓名、QQ或邮箱等联系方式）。

3、网站要有具体的名字，至少包含三层以上结构（例如：首页→二级页→内容页），且页面总数不少于20页（20～50页）。

4、网站中要求必须使用CSS层叠样式表来控制样式外观，包括字体，链接、图片等。

5、建议使用框架或模板实现网站整体风格的统一。

6、要求利用Flash实现导航栏设置；利用JavaScript设置状态栏滚动效果；利用层、行为实现网页动画效果；利用CSS实现图像和文字的特效。

7、除主页导航条上必须有的超链接外，首页中还必须要增加如下4个链接：

    ①链接一个“网站设计说明”网页。该网页用文字介绍自己设计的网站，包括：  a、网站的主题

      b、网站的主要特色

      c、网站的设计思路

      d、网站的整体组织结构（用树型图示表示）

      e、站点文件夹内文件的情况，包括网页个数、图片个数、CSS文件个数

      f、使用到哪些网页设计及相关的技术

      g、设计过程中碰到的问题及解决方法

      h、设计感想

    ②链接一个“联系我们”，即必需有一个电子邮件链接，可供给网站设计者发送电子邮件（只是做个链接，不是生成一个新页面）。

③链接一个“问卷调查”页面，此页面为一个表单，内容要求与网站主题相关，要把表单的各种元素尽量利用上。

④链接一个“Flash动漫作品”页面，该页面提交开放实验项目的结课作品，要求完成一个指定作品和一个自创作品，具体要求见开放实验结课作品通知。

8、设计好的网站必须经压缩之后再交，压缩后的文件大小不许超过10M（网络教学平台限制只能上传10M以内文件），不经压缩上传作业，一律视为无效作业。压缩文件名格式要求：班级学号姓名.rar，例如：电商20091班20090906张三。

六、评分标准

所有作业请于16周周四下课前交。所有人都要参加课程设计答辩，答辩时间暂定于16周周末，如有变动，另行通知。

    评分标准如下（总分100分）

七、注意事项

1、不得抄袭，或在网络上下载已有页面进行修改，可以参考，但不能完全照搬。最后所有的作品都要答辩，接受大家的考核，抄袭的作品会被视为无效作业。

2、设计中充分发挥想象和创意，结合所学技术进行原创，得分会更高。

3、善于利用互联网搜集有用资料和素材。

    4、现场答辩将邀请部分同学参与打分，具体方式答辩前通知。

                                       20##年4月11日

样例：

《网页设计技术》课程设计

XX网站策划书

20##-20##学年第一学期

姓    名：         X X           

学    号：      200717588         

姓    名：      电商20081        

指导老师：         X X           

  2011   年   X   月   X   日

目  录

前 言............................................................................................................................. 7

一、建站前的市场分析............................................................................................... 7

二、建站目的及功能定位........................................................................................... 8

1、目的.................................................................................................................. 8

2、主要功能.......................................................................................................... 8

3、网站的功能结构.............................................................................................. 9

三、网站技术解决方案............................................................................................... 9

四、网站内容规划....................................................................................................... 9

五、网页设计.............................................................................................................. 11

六、网站测试............................................................................................................. 12

七、网站维护............................................................................................................. 12

八、网站发布与推广................................................................................................. 12

九、网站建设日程表(可用表格来完成，要求时间安排为一段)......................... 12

前 言

汽车配件电子商务是一种B2C+B2B的电子商务模式。随着互联网技术应用的成熟，以及物流和支付系统的完善，可以预见， 随着互联网的普及和中国加入WTO，汽车零配件电子交易，为汽车行业增加更新的销售渠道，让更多汽车行业信息共享。较传统的宣传方式更直观，更快捷，减少投资，增加市场回报率。使宣传触及到每一个具有先进管理系统的企业，节省人力，物力， 财力。使企业知名度大幅度提高。汽配电子商务服务的B2B电子商务站点，是一个专业从事汽配行业产品的发布及企业的介绍推广、提供汽配行业相关动态查询、新闻信息发布、促进网上洽谈订货的专业汽配网站。

目前，我国商品市场业态发生了很大变化，由最初的传统地铺式小商业门店经营，发展到多级批发站点乃至大型商场经营，到如今形成了以连锁超市卖场专营业态为主，楼宇式店面与摊位制商业街道相配套的构架。市场发展的需求呼唤专业化市场的出现。随着社会的发展和人们生活水平的日益提高，汽车已进入寻常百姓家庭，汽车配件的需求也与日俱增，汽车配件市场也就应运而生了。

一、建站前的市场分析

在国内，真正汽车配件电子商务时代的到来，还有一段很长的路要走。但专业汽车网站与传统汽车产业，二者若能借鉴国外在这方面的成功经验，进行紧密结合，为汽车消费者提供切实的服务，开展多种服务方式的有益探索，中国汽车配件电子商务一定会有一个较好的发展前景。中国汽车市场潜能巨大，今年上半年，我国汽车产销量已经完成了154万辆，增幅约30%，形势出乎意料的好。

由于汽车市场的不断扩大， 跟随而来的汽车维修市场就同步成长。各种不同类别的维修和修理行业就有了发展的空间, 造就了很多的生意机会，对于汽车保修设备市场的领路人来说，广大的市场发展空间就是市场际遇。

汽车维修工作需要相当多的设备，并由受过专业训练的技术工作人员来执行。由于中国汽车工业的发展相对于欧美国家较为落后，对于许多新技术的引进，设备的更新和工作人员的培训等还无法跟上新车市场的成长速度，在汽车维修市场上出现了很大的落差，无法与国际接轨。

国内新型汽车的制造设备和技术等都自欧美国家引进，主要因为自行研发的费用非常高，借鉴国外先进技术，通过中国市场的互补，对于双方都有益处。尤其是在中国加入WTO 之后， 欧美国家先进的汽车维修行业都准备将最新的维修设备和技术引进中国， 对于原有的市场将会形成很大的冲击。随着中国汽车市场的不断扩大与中国汽车工业的发展，跨国公司将把相应的生产基地向中国转移，把更多的车型、更多的汽车零部件转移到中国生产,中国汽车工业的零部件将更多地进入跨国公司的全球采购系统。

汽车维修厂的增加必然会导致维修设备需求的增加，汽车高新技术的应用也将使维修企业只有依靠现代化的维修诊断设备才能完成对汽车的修理工作，实际上，作为需求的汽修企业设备陈旧，配套不足的仍然占有很大的比例，具有很大的更新和新增设备的需求空间。

据统计，一辆车从购买到报废，除了购车以外的开销将是产品本身的两倍。这个“70/30原则”说明了在汽车的整个生命周期内，用户70%的成本发生在购车之后。选择售后服务做得好的厂商对消费者意味着节省成本。国际上汽车业比较正常的利润来源中，汽车销售所占比例只有10%，售后服务却高达50%，零部件销售占10%，二手车经营占20%，在欧美等汽车业发达地区，汽车售后服务业被称为是利润丰厚的“大蛋糕”，整车销售的利润与它约为三七开。据统计，全球汽车零配件市场的年销售额目前是5500亿美元。业内人士认为，随着市场逐步走向成熟，汽车企业间的竞争将逐渐由产品竞争转向服务竞争，传统的利润链模式的中心也必将会往后推移，这也成为汽车产业可持续发展的关键环节。

二、建站目的及功能定位

1、目的

建立汽车配件电子商务网站和信息平台，为汽车行业增加更新的销售渠道，让更多汽车行业信息共享。较传统的宣传方式更直观，更快捷，减少投资，增加市场回报率。使宣传触及到每一个具有先进管理系统的企业，节省人力，物力， 财力。形成品种全、价格低、质量优、服务快、信息灵，并集批发零售于一体的汽配集散地，使汽车配件的经销从过去的封闭、单一模式向多元化、多品种的规模经营迈进，真正做到了“走万家不如进一家”。使企业知名度大幅度提高。并在信息服务和信息管理业务中实现网站运作。为汽车配件生产、应用、销售企业拓展网络市场渠道提供专业服务。为汽车配件生产厂家、经销商和汽车配件集团采购客户提供快捷、高效、持久的增值商务平台。汽车配件交易网为企业度身定做实用的电子商务解决方案，立足于汽车配件行业，定位为实现现代中小企业办公自动化以及开创新的商业经营模式，从而提高办公效率，跟上信息经济时代的步伐。以我们在汽车配件行业的优势、执着的进取精神、专业务实的服务态度，为行业内的企业提供全方位的软件系统服务，给企业带来零风险的电子商务实践良机，让汽车配件生产、应用、销售企业更快更强地步入网络经济的正轨。 

2、主要功能

会员管理系统为网站提供会员注册服务，根据注册会员的级别提供多级别的服务内容。方便的基于网页形式的管理方式，界面友好，根据网站风格特别定制。可在基本功能的基础上根据客户特殊需求扩充个性化的功能。产品展示系统，可根据客户需求，建立产品或服务库，通过页面方式对库进行管理，同时在网站上动态的展示新添加的产品信息，免去频繁更新页面的麻烦。

配件查询检索, 根据你所选择的查询条件进行详细查询。输入配件名称，可以查询出所有包含“关键字”的配件；

聊天室和论坛为会员提供在线交流场所，聊天室可以用来进行商务活动的洽谈等，您还可以在论坛里发表您的对汽配以及其他事物的看法、观点等。

商务信息发布,在产品信息详细页以及商务信息详细页，都有针对该产品发布商务信息的入口，具体为“供应此配件”、“求购此配件”、“促销此配件”，如果您还没有登陆，则会提示您登陆商户管理通道，如果您已登陆，则直接可以进入商务信息发布页面。

交互表单和数据库后台是动态网站交互性的基础，建立与内容相关的数据库平台，实现用户注册、用户登录、内容搜索、产品查询等服务，设立用户信息、用户调查和用户反馈表单及自动回复机制。对立动态文字和图片广告交换，实现友情链接网站自动登录。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。

3、网站的功能结构

三、网站技术解决方案

根据网站的功能确定网站技术解决方案。

1、 采用自建服务器。

2、 开发平台的选择：

3、 选择操作系统是用Windows 20## Server。Win2003 成本较低、功能强大、开发界面良好、易操作。Web服务器：IIS5.0 界面好、功能强、安全性好。数据库服务器：Access2000 功能强、界面好。

4、开发工具有：静态页面  Dreamwearver4.0

                图象处理   Photoshop7.0、Firework4.0

                动画制作   Flash5.0

5、 相关程序ASP、html、CSS、数据库程序等。

四、网站内容规划

1、 根据网站的目的和功能规划出网站内容，包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。

2、 本电子商务网站主要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。汽配行业新闻, 行业动态分析, 国内供求信息, 新产品展示台等服务。

3、 网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站发布后调查人们对网站内容的满意度，以及时调整网站内容。

    4、网站内容规划：

五、网页设计

1、 网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合CI规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。

2、 新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、 制定网页改版计划，如半年到一年时间进行较大规模改版等

主要页面的设置情况：

六、网站测试

网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：

1、 服务器稳定性、安全性。

2、 程序及数据库测试。

3、 根据需要的其他测试。

七、网站维护

1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。

2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。

3、内容的更新、调整等。

4、制定相关网站维护的规定，将网站维护制度化、规范化。

八、网站发布与推广 　　

1、网站测试后进行发布的公关，广告活动。

2、在国内众多的BBS上发布公司的最新信息。

3、搜索引擎推广，同搜索引擎商合作，进行网站进行推广型网站登录；同百度竞价排行搜索引擎商合作，使公司网站在数百家门户网站的同类行业搜索中排名前列。

4、 行业链接，广泛寻求同行网站联盟，进行行业链接。

5、有奖活动推广，策划开展系列有奖活动，在各大网站和平台宣传，推出天正集团网站和企业形象。

6、搜索引掣登记等。

九、网站建设日程表(可用表格来完成，要求时间安排为一段)

各项规划任务的开始完成时间。具体安排如下：