电子商务网站规划书(共9页).doc

《电子商务网站规划书(共9页).doc》由会员分享，可在线阅读，更多相关《电子商务网站规划书(共9页).doc（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上网站规划书 国贸092第7组组员：曹哲 宋占浩 辜云欢 赵亚庆 秦燕 阿迪拉 摘要: 本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析. 本网站的主题知识产权服务,整个网站都是以汽车内容为主的,主要包括了首 页,公司简介,车型报价，车型图片，保养维护，救援理赔办法等栏目.在整个设计过程中主要是运用 Dreamweaver,等编写的. 通过本网站系统,给想要购买汽车的人群提供了一个良好的平台.如今,在网络技术的迅猛发展下,互联网的不断普及,让人们都感受到网络的方便 快捷,从而大家都喜欢选择从互联网上获取信息,因此,互联网逐渐成为一个宽广的信 息发布平台和获取

2、信息的平台.本网站也需要通过 Internet 来对外宣传,普及,从而 帮助到更多想了解知识产权的人们. 本网站主要是以建立 Dreamweaver技术,制作了 一个简单的服务性企业网站系统,实现了企业网站的基本功能,例如用户注册登录,留 言板的实现等. 第一章 绪言 随着人们的生活水平提高，汽车已经成为人们家庭、工作、旅游等日常生活所不可或缺的交通工具，而人们对汽车的追求也在不断提高，我们公司为汽车销售代理，经营品牌包括保时捷、大众、奥迪高端系列产品，为有品位的成功人士提供专业服务。 第二章网站设计分析 网站的设计与制作需要用到(Dreamweaver工具.这款工具是老师在上课时叫我们使用的

3、工具，所以我们对这些工具的功能与用处,能够熟练的掌握这些工具用法,只有能熟练使用这些工具,才能在设计过程中尽量避免技术上的问题,提高效率,做到事半功倍 . 2.1 网站设计概述 网站首页可以说是网站的门面,大家浏览你的网站首先看到的就是网站首页,所以 首页不仅要做得美观,引人浏览,还要有丰富的内容.所以我们在首页就首页聚集了大量的信息,除了最基本的保养维修、车型报价、车型图片这些栏目外,我还将公司的公 告用滚动文字的形式展现出来,这样静中有动的效果可以抓住人的眼球,吸引人去 点击.我们首页包括你所要了解的信息，如果您有中意的车型，可以直接点击进入，便可以观看车型的报价、外观.内饰，为您提供优质

4、的服务。2.2 开发工具的选用及介绍 2.2.1 Dreamweaver Dreamweaver 是创建和管理网页的专业化可视编辑器,在网页设计与制作领域中用 户最多, 应用最广, 功能最强大的软件, 随着 Dreamweaver 8的发布, 更坚定 Dreamweaver 在该领域的地位.它集网页设计,网站开发和站点管理功能于一身,具有可视化,支持 多平台和跨浏览器的特性,是目前网站设计,开发,制作的首选工具. 1,灵活的编写方式 Dreamweaver 具有灵活编写网页的特点,不但将世界一流水平的设计和代 码编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制 自己的用

5、户界面. 2,可视化编辑界面 Dreamweaver 是一种所见即所得的 HTML 编辑器, 可实现页面元素的插入和生成. 或 视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内 4 部的 HTML 编辑器和任何第三方的 HTML 编辑器进行实时的访问. 无论用户习惯手工输入 HTML 源代码还是使用可视化的编辑界面, Dreamweaver 都能提供便捷的方式使用户设计 网页和管理网站变得更容易. 3,功能更多的 CSS 支持CSS 可视化设计,CSS 检查工具 4,动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性, 可以指定何种浏览器为测试用 浏览器

6、,同时系统自动检验以确定页面有没有目标浏览器不支持的 tags 或 CSS 结构. 动态跨浏览器有效性检查功能可以自动核对 tags 和 CSS 规则是否适应目前的主浏览器. 5,强大的 WEB 站点管理功能 6,内建的图形编辑引擎 7,Dreamweaver 的集成特性 Dreamweaver 继承了 Fireworks,Flash 和 Shockwave 的集成特性,可以在这些 Web 创作工具之间自由地切换,轻松地创建美观实用的网页. 8,丰富的媒体支持能力 可以方便地加入 Java,Flash,Shockwave,ActiveX 以及其他媒体.Dreamweaver 具有强大的多媒体处

7、理功能,在设计 DHTML 和 CSS 方面表现得极为出色,它利用 JavaScript 和 DHTML 语言代码轻松地实现网页元素的动作和交互操作. Dreamweaver 还 提供行为和时间线两种控件来产生交互式响应和进行动画处理. 9,超强的扩展能力 Dreamweaver 还支持第三方插件,任何人都可以根据自己的需要扩展 Dreamweaver 的功能,并且可以发布这些插件. 2.2.2 Photoshop CS Photoshop CS Photoshop是一款图形,图像编辑软件,在网页设计领域被广泛得应用.以下是 其 10 大最新功能: 1,改进的文件浏览器 使用功能强大文件浏览器

8、的可以快速预览,标注和排序图片;搜索或编辑图像的数 据元或关键词;并且可以自动批量共享文件. 2,匹配颜色命令 可以迅速从一张图片的颜色校正另外一张图像的颜色. 3,直方图调色板 随时根据对图像的调整更新直方图调色板(Histogram Palette). 4,阴影/加亮区修正 使用阴影/加亮区修正(hadow/Highlight correction)可以快速调整照片中曝 光过渡或欠缺的区域. 5,沿路径放置文本 可以像在 Illustrator 中一样把文本沿着路径放置,并且你还可以在 Illustrator 直接编辑文本. 6,支持数码相机的 raw 模式 支持多款数码相机得 raw 模

9、式,让用户可以得到更真实的图像输入. 7,全面支持 16 位图像 可以在主要功能,层,比刷,文字,图形等中精确的编辑,润饰 16 位的图像. 8,Layer Comps 可以在一个文件中保存不同层的合并效果,以便对各种效果进行快速察看. 9,输入 Flash 文件 使用 ImageReady 可以创建 flash 矢量文件. 10,自定义快捷键 用户可以按照自己的习惯定义 Photoshop 的快捷键. 第三章 方案初选 3.1 网站定位 1网站主题 本网站是汽车代理经营公司，负责代理保时捷、大众、奥迪高端系列。 2.网站名称 该网站名为腾众汽车销售有限公司, 3.网站的 Logo 与 Ban

10、ner 网站LOGO为其代理各个品牌的品牌标志。 4.网站定位 网站定位于高端市场，适于BOSS、CEO等成功人士。3.3 网站栏目简介 本网站的栏目有首页,公司简介,车型报价，车型图片，保养维护等栏目,下面是对各栏目的简介: 首页: 首页包括我们公司的经营范围及经营业务。1. 公司简介: 主要介绍公司的历史文化及服务内容. 2. 车型报价：本公司所代理的经营车辆的厂家报价和经销商报价。3. 车型图片:本公司所代理车辆的各种车型的外观、内饰。4. 保养维护：指对车辆的维护以及保养。 第四章 详细设计 主页制作过程1. 首先根据页面要展示内容的多少,在 photoshop 中新建一个适合的网页宽

11、度和 长度的文件(我设计的时候在宽屏的机子上,所以建的文档较大,约为 1280*1405). 2. 在画布上按自己的想法结合实际内容,用各图形工具在画布上画上整个网页基 本的布局. 3. 基本布局的设计定下之后再对各部分进行具体设计,细化每个部分,特别是静 态的部分. 4. 在 Photoshop 里完成整个页面的设计后,进行切片,将要动态显示的地方切出 来,还有就是大的图片要切一下,能提高网页读取速度.按 Shift+Ctrl+Alt+S 存储 为.html 格式后,用 Dreamweaver 编辑,将需要作为背景的单元格中的图片设为该单元 格的背景,另存为 index.asp.用相同的方法

12、制作网站分页. 5. 将所有页面,拷到所属文件夹,然后与后台数据库连接起来,即可通过对后台 数据库内容的添加,删除,修改来对网页的相关内容进行操作,例如在数据库注册登录 表中删除一个用户信息,那么这个用户再次用原先的登录信息登录时就无法登录成功 了. 6. 在 Dreamweaver 中网页的左侧类似书卷的区域插入一张表格,并在代码相 应位置插入滚动文字特效的代码,实现文字至下而上滚动,鼠标移过文字时滚动停留的 功能,鼠标按下即跳转到网站公告页面;在网站首页顶端插入滚动的欢迎字幕,方 法同上. 7. 在 Dreamweaver里打开主页面,在页面中相对应除插入图片切换的代码,实 现新闻图片的自

13、动切换的效果. 8. 在 Dreamweaver 里打开主页面,切换到设计视图,将雪花鼠标特效代码复制 在之间,保存并预览,完成首页鼠标特效. 结束语 经过一段时间的学习与制作,企业网站的设计制作基本上已经告一段落.总结这次 制作设计的过程,对我来说是一个将所学知识从书本运用到实际操作的初次体验. 通过这次的制作与设计让我了解了一个网站形成的基本过程和基本纲领构架, 加深了我 对现在计算机技术,通讯技术,英特网技术等的认识,还有对制作网站上用到的 dreamweaver 等设计与制作网站的工具有了更多的了解,得到了深入的理解同时更熟练 地使用这些工具.相信这些知识都将对我的工作带来很大的帮助.在这次的毕业设计中 使我得学习了比以前更多的知识,如何提高自己的学习和操作能力. 这次设计由于时间,条件和个人能力的限制,加之设计经验的不足,在网站的整体 设计及各模块功能可能设计的不完全,有待于进一步的完善和改进.这些情况希望能在 今后的不断学习与应用中把它扩充得更加丰富,以适应不同层次使用者的需求.同时现 在网站的设计技术与要求在不断地更新,不断地提高,我想以后还要有很长的一段学习 与实践的时间,才能在设计与制作网站方面有所完善. 现请老师对我们组这段时间努力学习,努力设计制作所得的作品进行检测,并 加以指正. 专心-专注-专业