1、如有帮助欢迎下载支持网页设计技术课程设计2013-2014学年第二学期电商20121班一、设计形式个人完成制作，要求一人一题。二、设计技术 Dreamweaver（含插件）HTMLCSSJavaScript + 网页设计辅助软件（Photoshop图像处理、网页特效、Flash动画等）三、设计主题根据自己的兴趣爱好完成课程设计，可以发挥自己的创意、张扬自己的个性。以下是一些参考主题：1、个人网站：介绍自己的学习、生活、兴趣、爱好、特长、作品等；2、企业宣传网站：介绍企业形象、相关产品、企业文化、相关活动等；3、电子商务网站：为某一知名企业重新设计一个网站；4、旅游网站：介绍自己家乡风光、风土人
2、情、景点等；5、校园网站：介绍自己的学校、系、班级等；6、课程网站：介绍某一课程的教学信息资源、学习交流等；7、休闲娱乐网站：介绍音乐、动漫、游戏、体育、书籍等。8、其他任何你感兴趣的主题。四、基本要求1、主题鲜明，思想明确，内容健康，积极向上；要突出主题，全站点围绕一个主题及其相关内容进行设计，设计思路清晰，明确表达设计意图。2、各栏目功能明确，方便使用，页面内容清晰明了。3、子页面及父页面方便返回访问，打开/关闭窗口方便。4、网页上的图片、表格和框架等元素不变形，不错位。5、没有空链接和错误链接，也没有多余的无效图片。6、页面设计美观大方，图片使用得当，色彩协调，布局合理。7、页面具有较强
3、的个人设计创意。注意网页的适用性和丰富适当的艺术表现力，在艺术的表现上及技术与艺术的平衡上有进步和创意。8、编写网站的策划书。在网页建设前进行需求分析、确定网页的目的和功能，并根据需要对网页建设中的技术、内容、费用、测试、维护等做出策划。网页策划对网页建设起到计划和指导的作用，对网页的内容和维护起到定位作用。具体格式和样例见附件。五、具体要求1、网站策划书合格后才能进行具体的设计实现。2、首页以index.htm或index.html命名，主页需显示制作者的详细基本信息（学校、系别、班级、姓名、QQ或邮箱等联系方式）。3、网站要有具体的名字，至少包含三层以上结构（例如：首页二级页内容页），且页
4、面总数不少于20页（2050页）。4、网站中要求必须使用CSS层叠样式表来控制样式外观，包括字体，链接、图片等。5、建议使用框架或模板实现网站整体风格的统一。6、要求利用Flash实现导航栏设置；利用JavaScript设置状态栏滚动效果；利用层、行为实现网页动画效果；利用CSS实现图像和文字的特效。7、除主页导航条上必须有的超链接外，首页中还必须要增加如下4个链接： 链接一个“网站设计说明”网页。该网页用文字介绍自己设计的网站，包括： a、网站的主题 b、网站的主要特色 c、网站的设计思路 d、网站的整体组织结构（用树型图示表示） e、站点文件夹内文件的情况，包括网页个数、图片个数、CSS文
5、件个数 f、使用到哪些网页设计及相关的技术 g、设计过程中碰到的问题及解决方法 h、设计感想 链接一个“联系我们”，即必需有一个电子邮件链接，可供给网站设计者发送电子邮件（只是做个链接，不是生成一个新页面）。链接一个“问卷调查”页面，此页面为一个表单，内容要求与网站主题相关，要把表单的各种元素尽量利用上。链接一个“Flash动漫作品”页面，该页面提交开放实验项目的结课作品，要求完成一个指定作品和一个自创作品，具体要求见开放实验结课作品通知。8、设计好的网站必须经压缩之后再交，压缩后的文件大小不许超过10M（网络教学平台限制只能上传10M以内文件），不经压缩上传作业，一律视为无效作业。压缩文件名
6、格式要求：班级学号姓名.rar，例如：电商20091班20090906张三。六、评分标准所有作业请于16周周四下课前交。所有人都要参加课程设计答辩，答辩时间暂定于16周周末，如有变动，另行通知。 评分标准如下（总分100分）项目子项目分值策划书20分确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。20分页面风格20分网页主题明确，题材新颖、构思独特，栏目安排合理，网页设计和谐统一。5分网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰。10分层次分明，链接合理清晰，便于浏览。5分技术规范35分网页作品目录结构合理，文件名称使用规范（首页一律使用
7、index.htm /index.html）。2分网页格式：HTML、HTM；JAVA语言：JS；网页样式表：Class(CSS)；FLASH：SWF；图片格式：JPG（JPEG）、GIF；代码可读性好，冗余代码少；不使用word、WPS文档直接转换，不直接使用*.DOC、*.PPT等文档。10分网页数据定位准确，无偏移、错位，在IE 800600和1024768分辨率下能正常显示，浏览速度快捷，在不安装新插件的情况下可正常浏览（Flash除外）。8分网页使用的字体在所有计算机内均能正常显示，无乱码；网页上所有链接正确，链接内容符合要求并与主题相关。5分网页上自行设计的图标、图片、动画或FLA
8、SH能正常显示；设计独到，主题突出，形象生动，具有较强的表现力和感染力。10分内容属性15分语言规范流畅，无错别字；能科学、完整地表达主题。5分内容积极、健康向上，不出现任何违反法律、法规和社会道德的内容和链接；网页作品中不含有恶意代码或病毒。 10分答辩10分答辩时间为5分钟，回答问题5分钟。能简明扼要阐明所设计网页的主题、特色、结构、开发关键技术、重难点、问题和解决办法等。10分七、注意事项1、不得抄袭，或在网络上下载已有页面进行修改，可以参考，但不能完全照搬。最后所有的作品都要答辩，接受大家的考核，抄袭的作品会被视为无效作业。2、设计中充分发挥想象和创意，结合所学技术进行原创，得分会更高
9、。3、善于利用互联网搜集有用资料和素材。 4、现场答辩将邀请部分同学参与打分，具体方式答辩前通知。 2014年4月11日样例：网页设计技术课程设计XX网站策划书2010-2011学年第一学期姓 名： X X 学 号： 200717588 姓 名： 电商20081 指导老师： X X 2011 年 X 月 X 日目 录前 言7一、建站前的市场分析7二、建站目的及功能定位81、目的82、主要功能83、网站的功能结构9三、网站技术解决方案9四、网站内容规划9五、网页设计11六、网站测试12七、网站维护12八、网站发布与推广12九、网站建设日程表(可用表格来完成，要求时间安排为一段)12前 言汽车配件
10、电子商务是一种B2C+B2B的电子商务模式。随着互联网技术应用的成熟，以及物流和支付系统的完善，可以预见，随着互联网的普及和中国加入WTO，汽车零配件电子交易，为汽车行业增加更新的销售渠道，让更多汽车行业信息共享。较传统的宣传方式更直观，更快捷，减少投资，增加市场回报率。使宣传触及到每一个具有先进管理系统的企业，节省人力，物力， 财力。使企业知名度大幅度提高。汽配电子商务服务的B2B电子商务站点，是一个专业从事汽配行业产品的发布及企业的介绍推广、提供汽配行业相关动态查询、新闻信息发布、促进网上洽谈订货的专业汽配网站。目前，我国商品市场业态发生了很大变化，由最初的传统地铺式小商业门店经营，发展到
11、多级批发站点乃至大型商场经营，到如今形成了以连锁超市卖场专营业态为主，楼宇式店面与摊位制商业街道相配套的构架。市场发展的需求呼唤专业化市场的出现。随着社会的发展和人们生活水平的日益提高，汽车已进入寻常百姓家庭，汽车配件的需求也与日俱增，汽车配件市场也就应运而生了。一、建站前的市场分析在国内，真正汽车配件电子商务时代的到来，还有一段很长的路要走。但专业汽车网站与传统汽车产业，二者若能借鉴国外在这方面的成功经验，进行紧密结合，为汽车消费者提供切实的服务，开展多种服务方式的有益探索，中国汽车配件电子商务一定会有一个较好的发展前景。中国汽车市场潜能巨大，今年上半年，我国汽车产销量已经完成了154万辆，
12、增幅约30%，形势出乎意料的好。由于汽车市场的不断扩大， 跟随而来的汽车维修市场就同步成长。各种不同类别的维修和修理行业就有了发展的空间, 造就了很多的生意机会，对于汽车保修设备市场的领路人来说，广大的市场发展空间就是市场际遇。汽车维修工作需要相当多的设备，并由受过专业训练的技术工作人员来执行。由于中国汽车工业的发展相对于欧美国家较为落后，对于许多新技术的引进，设备的更新和工作人员的培训等还无法跟上新车市场的成长速度，在汽车维修市场上出现了很大的落差，无法与国际接轨。国内新型汽车的制造设备和技术等都自欧美国家引进，主要因为自行研发的费用非常高，借鉴国外先进技术，通过中国市场的互补，对于双方都有
13、益处。尤其是在中国加入WTO 之后， 欧美国家先进的汽车维修行业都准备将最新的维修设备和技术引进中国， 对于原有的市场将会形成很大的冲击。随着中国汽车市场的不断扩大与中国汽车工业的发展，跨国公司将把相应的生产基地向中国转移，把更多的车型、更多的汽车零部件转移到中国生产,中国汽车工业的零部件将更多地进入跨国公司的全球采购系统。汽车维修厂的增加必然会导致维修设备需求的增加，汽车高新技术的应用也将使维修企业只有依靠现代化的维修诊断设备才能完成对汽车的修理工作，实际上，作为需求的汽修企业设备陈旧，配套不足的仍然占有很大的比例，具有很大的更新和新增设备的需求空间。据统计，一辆车从购买到报废，除了购车以外
14、的开销将是产品本身的两倍。这个“70/30原则”说明了在汽车的整个生命周期内，用户70%的成本发生在购车之后。选择售后服务做得好的厂商对消费者意味着节省成本。国际上汽车业比较正常的利润来源中，汽车销售所占比例只有10%，售后服务却高达50%，零部件销售占10%，二手车经营占20%，在欧美等汽车业发达地区，汽车售后服务业被称为是利润丰厚的“大蛋糕”，整车销售的利润与它约为三七开。据统计，全球汽车零配件市场的年销售额目前是5500亿美元。业内人士认为，随着市场逐步走向成熟，汽车企业间的竞争将逐渐由产品竞争转向服务竞争，传统的利润链模式的中心也必将会往后推移，这也成为汽车产业可持续发展的关键环节。二
15、、建站目的及功能定位1、目的建立汽车配件电子商务网站和信息平台，为汽车行业增加更新的销售渠道，让更多汽车行业信息共享。较传统的宣传方式更直观，更快捷，减少投资，增加市场回报率。使宣传触及到每一个具有先进管理系统的企业，节省人力，物力， 财力。形成品种全、价格低、质量优、服务快、信息灵，并集批发零售于一体的汽配集散地，使汽车配件的经销从过去的封闭、单一模式向多元化、多品种的规模经营迈进，真正做到了“走万家不如进一家”。使企业知名度大幅度提高。并在信息服务和信息管理业务中实现网站运作。为汽车配件生产、应用、销售企业拓展网络市场渠道提供专业服务。为汽车配件生产厂家、经销商和汽车配件集团采购客户提供快
16、捷、高效、持久的增值商务平台。汽车配件交易网为企业度身定做实用的电子商务解决方案，立足于汽车配件行业，定位为实现现代中小企业办公自动化以及开创新的商业经营模式，从而提高办公效率，跟上信息经济时代的步伐。以我们在汽车配件行业的优势、执着的进取精神、专业务实的服务态度，为行业内的企业提供全方位的软件系统服务，给企业带来零风险的电子商务实践良机，让汽车配件生产、应用、销售企业更快更强地步入网络经济的正轨。2、主要功能会员管理系统为网站提供会员注册服务，根据注册会员的级别提供多级别的服务内容。方便的基于网页形式的管理方式，界面友好，根据网站风格特别定制。可在基本功能的基础上根据客户特殊需求扩充个性化的
17、功能。产品展示系统，可根据客户需求，建立产品或服务库，通过页面方式对库进行管理，同时在网站上动态的展示新添加的产品信息，免去频繁更新页面的麻烦。配件查询检索, 根据你所选择的查询条件进行详细查询。输入配件名称，可以查询出所有包含“关键字”的配件；聊天室和论坛为会员提供在线交流场所，聊天室可以用来进行商务活动的洽谈等，您还可以在论坛里发表您的对汽配以及其他事物的看法、观点等。商务信息发布,在产品信息详细页以及商务信息详细页，都有针对该产品发布商务信息的入口，具体为“供应此配件”、“求购此配件”、“促销此配件”，如果您还没有登陆，则会提示您登陆商户管理通道，如果您已登陆，则直接可以进入商务信息发布
18、页面。交互表单和数据库后台是动态网站交互性的基础，建立与内容相关的数据库平台，实现用户注册、用户登录、内容搜索、产品查询等服务，设立用户信息、用户调查和用户反馈表单及自动回复机制。对立动态文字和图片广告交换，实现友情链接网站自动登录。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。3、网站的功能结构购物管理会员管理扩展功能宝宝365网站前台管理系统商品展示信息管理修改信息找回密码购物查询会员登录会员注册会员退出推荐商品特价商品热销商品新品展示查询订单请空购物车生成订单查看购物车网站帮助关于宝宝365促销快讯亲子论坛网上投票三、网站技术解决方案根据网站的功
19、能确定网站技术解决方案。1、 采用自建服务器。2、 开发平台的选择：3、 选择操作系统是用Windows 2003 Server。Win2003 成本较低、功能强大、开发界面良好、易操作。Web服务器：IIS5.0 界面好、功能强、安全性好。数据库服务器：Access2000 功能强、界面好。4、开发工具有：静态页面 Dreamwearver4.0 图象处理 Photoshop7.0、Firework4.0 动画制作 Flash5.05、 相关程序ASP、html、CSS、数据库程序等。四、网站内容规划1、 根据网站的目的和功能规划出网站内容，包括：公司简介、产品介绍、服务内容、价格信息、联系
20、方式、网上定单等基本内容。2、 本电子商务网站主要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。汽配行业新闻, 行业动态分析, 国内供求信息, 新产品展示台等服务。3、 网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站发布后调查人们对网站内容的满意度，以及时调整网站内容。 4、网站内容规划：主栏目说明首页设计风格上清新明快，符合最新审美观，制作精细，有积极开放的感觉；使用流行的大区块划分概念，配合使用大广告条，突出宣传频道的特色和新功能新举措，将显著位置留给重点宣传栏目
21、或更新最多的栏目，结合网站栏目设计在首页导航上突出层次感，使客户渐进接受首页内容各大栏目导航，最新产品展示，最新供应、求购、代理、合作信息，最新加入会员企业，最新行业资讯，最新展会信息，会员注册登录诚信供应商按时间顺序列出经网站确认的信得过的会员企业名称和简单介绍（包括VIP会员企业）；点击可进入该企业的专门介绍网页，包括文字和图片信息，公司介绍，产品介绍和联系办法等。（注册会员才可浏览联系办法）公司库配件进行企业的展示，具有企业搜索功能，所有会员企业将在这里可以查询到。对感兴趣的企业可进行联系，发送信息（注册会员才可浏览联系办法）。VIP会员企业将会加以显著标识。产品展示产品展示部分将展示网
22、站管理员和VIP会员企业发布的产品信息，可搜索，信息包括图片和文字内容，点击产品名称进入产品详细介绍页面，并可联系或推荐给他人；点击产品企业名称进入该企业详细介绍页面（注册会员才可浏览联系办法）。求购信息所有会员企业均可发布求购信息，VIP会员企业发布的信息将有特殊标记；可按照关键字、分类等特定条件进行信息搜索；点击可进入求购信息详细页面，会员企业可就该信息进行询盘和反馈，发布信息企业在登录会员界面后即可知道已发布信息的被浏览次数和询盘信息，并可加以回复。供应信息所有会员企业均可发布供应信息，VIP会员企业发布的信息将有特殊标记；可按照关键字、分类等特定条件进行信息搜索；点击可进入供应信息详细
23、页面，会员企业可就该信息进行询盘和反馈，发布信息企业在登录会员界面后即可知道已发布信息的被浏览次数和询盘信息，并可加以回复。代理合作所有会员企业均可发布代理或合作信息；可按照关键字、分类等特定条件进行信息搜索；点击可进入代理或合作信息详细页面，会员企业可就该信息进行询盘和反馈，发布信息企业在登录会员界面后即可知道已发布信息的被浏览次数和询盘信息，并可加以回复。行业资讯介绍行业新闻、政策法规、国内外行业动态等资讯信息；可浏览后推荐给他人，可发表评论等功能。论坛BBS是网站互动交流场所，所有注册会员均可发表不违反法律和规定的言论，进行商务交流和信息交换；此外，为VIP会员特色专门讨论区，供VIP会
24、员之间的商务交流使用。网页底栏目网站导航、联系我们、法律声明、意见反馈、友情链接五、网页设计1、 网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合CI规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。2、 新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。3、 制定网页改版计划，如半年到一年时间进行较大规模改版等主要页面的设置情况：index.asp网站主页，体现网站主题与风格。about.asp对公司发展状况作说明介绍，让顾客对本公司有一个相当的了解。Job.asp对本公司的人员左进一步的介绍，体现公司的技术和经济实力，使客户对
25、本网站能得到更进一步的了解。Jobs.asp对公司现有的技术和人员调整作重要介绍，并说明公司最近和以后的发展动向，让顾客和客户认清本站有一个相当清楚的认识。Contact.asp列出我公司及相关人员的联系方式，以便顾客和客户能与公司去的联系，及时接纳公司业务。ysfw.asp为供应商提供注册服务，建立客户源，为公司的发展争强竞争能力！Userlogin.asp对注册用户作一定的介绍，为顾客提供真实的信息，也为增加潜在客户打下基础！Sqjr.asp（应商提供在线注册，使他们成为网站会员！为动态页面）userreg.asp为供应商提供在线注册，使他们成为网站会员！Cpxx.asp为公司主要信息集中
26、点，不管是不是网站会 员都可以信息源。default.asp对公司产品信息分门别类，方便用户能快速查找网站产品信息！product.asp对网站所有的产品以网页的形式在现在顾客面前，列出商品的图片或照片，并加上价格说明，体现电子商务网站的快捷方便！news.asp列出网站最新产品信息，增加用户和客户对本网站的兴趣！Went.asp及时收集顾客与客户对网站的意见，以改进以后网站的建设！bbs.asp为顾客和客户在网上交流提供机会！Went.asp收集客户对某些产品的评价信息，及时提供给供应商，帮助供应商及时改善其产品！Zxdg.asp为惯用网上购买的用户提供方便！help.asp在线帮助用户解决
27、在线定购过程中出现的问题!Ddan.asp制作动态网页，并与银行对接，真正实现商务的电子化！六、网站测试网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：1、 服务器稳定性、安全性。2、 程序及数据库测试。3、 根据需要的其他测试。七、网站维护1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。3、内容的更新、调整等。4、制定相关网站维护的规定，将网站维护制度化、规范化。八、网站发布与推广 1、网站测试后进行发布的公关，广告活动。2、在国内众多的BBS上发布公司的最新信息。3、搜索引擎推广，同搜索引擎商合作，进行网站进行推广型网站登录；同百度竞价排行搜索引擎商合作，使公司网站在数百家门户网站的同类行业搜索中排名前列。4、 行业链接，广泛寻求同行网站联盟，进行行业链接。5、有奖活动推广，策划开展系列有奖活动，在各大网站和平台宣传，推出天正集团网站和企业形象。6、搜索引掣登记等。九、网站建设日程表(可用表格来完成，要求时间安排为一段)各项规划任务的开始完成时间。具体安排如下：时间内容安排备注2010.5.6-5.30（或第几周）X XX XX XX XX X14
