电子商务网站规划书Word格式.doc
《电子商务网站规划书Word格式.doc》由会员分享，可在线阅读，更多相关《电子商务网站规划书Word格式.doc（9页珍藏版）》请在冰点文库上搜索。
秦燕
阿迪拉
摘要:
本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析.
本网站的主题知识产权服务,整个网站都是以汽车内容为主的,主要包括了首页,公司简介,车型报价，车型图片，保养维护，救援理赔办法等栏目.在整个设计过程中主要是运用Dreamweaver,等编写的.通过本网站系统,给想要购买汽车的人群提供了一个良好的平台.
如今,在网络技术的迅猛发展下,互联网的不断普及,让人们都感受到网络的方便快捷,从而大家都喜欢选择从互联网上获取信息,因此,互联网逐渐成为一个宽广的信息发布平台和获取信息的平台.本网站也需要通过Internet来对外宣传,普及,从而帮助到更多想了解知识产权的人们.
本网站主要是以建立Dreamweaver技术,制作了一个简单的服务性企业网站系统,实现了企业网站的基本功能,例如用户注册登录,留言板的实现等.
第一章绪言
随着人们的生活水平提高，汽车已经成为人们家庭、工作、旅游等日常生活所不可或缺的交通工具，而人们对汽车的追求也在不断提高，我们公司为汽车销售代理，经营品牌包括保时捷、大众、奥迪高端系列产品，为有品位的成功人士提供专业服务。
第二章网站设计分析
网站的设计与制作需要用到（Dreamweaver工具.这款工具是老师在上课时叫我们使用的工具，所以我们对这些工具的功能与用处,能够熟练的掌握这些工具用法,只有能熟练使用这些工具,才能在设计过程中尽量避免技术上的问题,提高效率,做到"
事半功倍"
.
2.1网站设计概述
网站首页可以说是网站的门面,大家浏览你的网站首先看到的就是网站首页,所以首页不仅要做得美观,引人浏览,还要有丰富的内容.所以我们在首页就首页聚集了大量的信息,除了最基本的保养维修、车型报价、车型图片这些栏目外,我还将公司的公告用滚动文字的形式展现出来,这样静中有"
动"
的效果可以抓住人的眼球,吸引人去点击.我们首页包括你所要了解的信息，如果您有中意的车型，可以直接点击进入，便可以观看车型的报价、外观.内饰，为您提供优质的服务。
2.2开发工具的选用及介绍
2.2.1Dreamweaver
Dreamweaver是创建和管理网页的专业化可视编辑器,在网页设计与制作领域中用户最多,应用最广,功能最强大的软件,随着Dreamweaver8的发布,更坚定Dreamweaver在该领域的地位.它集网页设计,网站开发和站点管理功能于一身,具有可视化,支持多平台和跨浏览器的特性,是目前网站设计,开发,制作的首选工具.
1,灵活的编写方式Dreamweaver具有灵活编写网页的特点,不但将世界一流水平的"
设计"
和"
代码"
编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制自己的用户界面.
2,可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器,可实现页面元素的插入和生成.或视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内4部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问.无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面,Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易.
3,功能更多的CSS支持——CSS可视化设计,CSS检查工具
4,动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构.动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器.
5,强大的WEB站点管理功能
6,内建的图形编辑引擎
7,Dreamweaver的集成特性Dreamweaver继承了Fireworks,Flash和Shockwave的集成特性,可以在这些Web创作工具之间自由地切换,轻松地创建美观实用的网页.
8,丰富的媒体支持能力可以方便地加入Java,Flash,Shockwave,ActiveX以及其他媒体.Dreamweaver具有强大的多媒体处理功能,在设计DHTML和CSS方面表现得极为出色,它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作.Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理.
9,超强的扩展能力Dreamweaver还支持第三方插件,任何人都可以根据自己的需要扩展Dreamweaver的功能,并且可以发布这些插件.
2.2.2PhotoshopCSPhotoshopCS
Photoshop是一款图形,图像编辑软件,在网页设计领域被广泛得应用.以下是其10大最新功能:
1,改进的文件浏览器
使用功能强大文件浏览器的可以快速预览,标注和排序图片;
搜索或编辑图像的数据元或关键词;
并且可以自动批量共享文件.
2,匹配颜色命令
可以迅速从一张图片的颜色校正另外一张图像的颜色.
3,直方图调色板
随时根据对图像的调整更新直方图调色板（HistogramPalette）.
4,阴影/加亮区修正
使用"
阴影/加亮区修正（hadow/Highlightcorrection）"
可以快速调整照片中曝光过渡或欠缺的区域.
5,沿路径放置文本
可以像在Illustrator中一样把文本沿着路径放置,并且你还可以在Illustrator直接编辑文本.
6,支持数码相机的raw模式
支持多款数码相机得raw模式,让用户可以得到更真实的图像输入.
7,全面支持16位图像
可以在主要功能,层,比刷,文字,图形等中精确的编辑,润饰16位的图像.
8,LayerComps
可以在一个文件中保存不同层的合并效果,以便对各种效果进行快速察看.
9,输入Flash文件
使用ImageReady可以创建flash矢量文件.
10,自定义快捷键
用户可以按照自己的习惯定义Photoshop的快捷键.
第三章方案初选
3.1网站定位
1网站主题
本网站是汽车代理经营公司，负责代理保时捷、大众、奥迪高端系列。
2.网站名称
该网站名为"
腾众汽车销售有限公司"
3.网站的Logo与Banner
网站LOGO为其代理各个品牌的品牌标志。
4.网站定位
网站定位于高端市场，适于BOSS、CEO等成功人士。
3.3网站栏目简介
本网站的栏目有首页,公司简介,车型报价，车型图片，保养维护等栏目,下面是对各栏目的简介:
首页:
首页包括我们公司的经营范围及经营业务。
1.公司简介:
主要介绍公司的历史文化及服务内容.
2.车型报价：
本公司所代理的经营车辆的厂家报价和经销商报价。
3.车型图片:
本公司所代理车辆的各种车型的外观、内饰。
4.保养维护：
指对车辆的维护以及保养。
第四章详细设计
主页制作过程
1.首先根据页面要展示内容的多少,在photoshop中新建一个适合的网页宽度和长度的文件（我设计的时候在宽屏的机子上,所以建的文档较大,约为1280*1405）.
2.在画布上按自己的想法结合实际内容,用各图形工具在画布上画上整个网页基本的布局.
3.基本布局的设计定下之后再对各部分进行具体设计,细化每个部分,特别是静态的部分.
4.在Photoshop里完成整个页面的设计后,进行切片,将要动态显示的地方切出来,还有就是大的图片要切一下,能提高网页读取速度.按Shift+Ctrl+Alt+S存储为.html格式后,用Dreamweaver编辑,将需要作为背景的单元格中的图片设为该单元格的背景,另存为index.asp.用相同的方法制作网站分页.
5.将所有页面,拷到所属文件夹,然后与后台数据库连接起来,即可通过对后台数据库内容的添加,删除,修改来对网页的相关内容进行操作,例如在数据库注册登录表中删除一个用户信息,那么这个用户再次用原先的登录信息登录时就无法登录成功了.
6.在Dreamweaver中网页的左侧类似"
书卷"
的区域插入一张表格,并在代码相应位置插入滚动文字特效的代码,实现文字至下而上滚动,鼠标移过文字时滚动停留的功能,鼠标按下即跳转到"
网站公告"
页面;
在网站首页顶端插入滚动的欢迎字幕,方法同上.
7.在Dreamweaver里打开主页面,在页面中相对应除插入图片切换的代码,实现新闻图片的自动切换的效果.
8.在Dreamweaver里打开主页面,切换到设计视图,将雪花鼠标特效代码复制在<
body>
<
/body>
之间,保存并预览,完成首页鼠标特效.
结束语
经过一段时间的学习与制作,企业网站的设计制作基本上已经告一段落.总结这次制作设计的过程,对我来说是一个将所学知识从书本运用到实际操作的初次体验.通过这次的制作与设计让我了解了一个网站形成的基本过程和基本纲领构架,加深了我对现在计算机技术,通讯技术,英特网技术等的认识,还有对制作网站上用到的dreamweaver等设计与制作网站的工具有了更多的了解,得到了深入的理解同时更熟练地使用这些工具.相信这些知识都将对我的工作带来很大的帮助.在这次的毕业设计中使我得学习了比以前更多的知识,如何提高自己的学习和操作能力.
这次设计由于时间,条件和个人能力的限制,加之设计经验的不足,在网站的整体设计及各模块功能可能设计的不完全,有待于进一步的完善和改进.这些情况希望能在今后的不断学习与应用中把它扩充得更加丰富,以适应不同层次使用者的需求.同时现在网站的设计技术与要求在不断地更新,不断地提高,我想以后还要有很长的一段学习与实践的时间,才能在设计与制作网站方面有所完善.现请老师对我们组这段时间努力学习,努力设计制作所得的作品进行检测,并加以指正.
升级会员 