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