电子商务网站规划书

网网 站站 规规 划划 书书 国贸 092 第 7 组 组员 曹哲 宋占浩 辜云欢 赵亚庆 秦燕 阿迪拉 摘要摘要 本文就网站的主题内容及网站的制作与设计这两方面进行 描述与分析 本网站的主题知识产权服务 整个网站都是以汽车内容为主 的 主要包括了首 页 公司简介 车型报价 车型图片 保养维护 救援理赔办法等栏目 在整个设计过程中主要是运用 Dreamweaver 等编写的 通过本网站系统 给想要购买汽车的人 群提供了一个良好的平台 如今 在网络技术的迅猛发展下 互联网的不断普及 让人们 都感受到网络的方便 快捷 从而大家都喜欢选择从互联网上获 取信息 因此 互联网逐渐成为一个宽广的信 息发布平台和获取 信息的平台 本网站也需要通过 Internet 来对外宣传 普及 从而 帮助到更多想了解知识产权的人们 本网站主要是以建立 Dreamweaver 技术 制作了 一个简 单的服务性企业网站系统 实现了企业网站的基本功能 例如用户 注册登录 留 言板的实现等 第一章第一章 绪言绪言 随着人们的生活水平提高 汽车已经成为人们家庭 工作 旅游等日常生活所不可或缺的交通工具 而人们对汽车的追求 也在不断提高 我们公司为汽车销售代理 经营品牌包括保时 捷 大众 奥迪高端系列产品 为有品位的成功人士提供专业 服务 第二章网站设计分析第二章网站设计分析 网站的设计与制作需要用到 Dreamweaver 工具 这款工具是 老师在上课时叫我们使用的工具 所以我们对这些工具的功能 与用处 能够熟练的掌握这些工具用法 只有能熟练使用这些工具 才 能在设计过程中尽量避免技术上的问题 提高效率 做到 事半功 倍 2 1 网站设计概述网站设计概述 网站首页可以说是网站的门面 大家浏览你的网站首先看到 的就是网站首页 所以 首页不仅要做得美观 引人浏览 还要有丰 富的内容 所以我们在首页就首页聚集了大量的信息 除了最基本 的保养维修 车型报价 车型图片这些栏目外 我还将公司的公 告用滚动文字的形式展现出来 这样静中有 动 的效果可以抓住 人的眼球 吸引人去 点击 我们首页包括你所要了解的信息 如 果您有中意的车型 可以直接点击进入 便可以观看车型的报 价 外观 内饰 为您提供优质的服务 2 2 开发工具的选用及介绍开发工具的选用及介绍 2 2 1 Dreamweaver Dreamweaver 是创建和管理网页的专业化可视编辑器 在 网页设计与制作领域中用 户最多 应用最广 功能最强大的软 件 随着 Dreamweaver 8 的发布 更坚定 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 2 Photoshop CS Photoshop CS Photoshop 是一款图形 图像编辑软件 在网页设计领域被广 泛得应用 以下是 其 10 大最新功能 1 改进的文件浏览器 使用功能强大文件浏览器的可以快速预览 标注和排序图 片 搜索或编辑图像的数 据元或关键词 并且可以自动批量共享 文件 2 匹配颜色命令 可以迅速从一张图片的颜色校正另外一张图像的颜色 3 直方图调色板 随时根据对图像的调整更新直方图调色板 Histogram Palette 4 阴影 加亮区修正 使用 阴影 加亮区修正 hadow Highlight correction 可以快 速调整照片中曝 光过渡或欠缺的区域 5 沿路径放置文本 可以像在 Illustrator 中一样把文本沿着路径放置 并且你 还可以在 Illustrator 直接编辑文本 6 支持数码相机的 raw 模式 支持多款数码相机得 raw 模式 让用户可以得到更真实的 图像输入 7 全面支持 16 位图像 可以在主要功能 层 比刷 文字 图形等中精确的编辑 润饰 16 位的图像 8 Layer Comps 可以在一个文件中保存不同层的合并效果 以便对各种效 果进行快速察看 9 输入 Flash 文件 使用 ImageReady 可以创建 flash 矢量文件 10 自定义快捷键 用户可以按照自己的习惯定义 Photoshop 的快捷键 第三章第三章 方案初选方案初选 3 1 网站定位网站定位 1 网站主题 本网站是汽车代理经营公司 负责代理保时捷 大众 奥迪 高端系列 2 网站名称 该网站名为 腾众汽车销售有限公司 3 网站的 Logo 与 Banner 网站 LOGO 为其代理各个品牌的品牌标志 4 网站定位 网站定位于高端市场 适于 BOSS CEO 等成功人士 3 3 网站栏目简介网站栏目简介 本网站的栏目有首页 公司简介 车型报价 车型图片 保养维护 等栏目 下面是对各栏目的简介 首页 首页包括我们公司的经营范围及经营业务 1 公司简介 主要介绍公司的历史文化及服务内容 2 车型报价 本公司所代理的经营车辆的厂家报价和经销商报 价 3 车型图片 本公司所代理车辆的各种车型的外观 内饰 4 保养维护 指对车辆的维护以及保养 第 4 章 详细设计详细设计 主页制作过程主页制作过程 1 首先根据页面要展示内容的多少 在 photoshop 中新建 一个适合的网页宽度和 长度的文件 我设计的时候在宽屏的机 子上 所以建的文档较大 约为 1280 1405 2 在画布上按自己的想法结合实际内容 用各图形工具在画 布上画上整个网页基 本的布局 3 基本布局的设计定下之后再对各部分进行具体设计 细化每 个部分 特别是静 态的部分 4 在 Photoshop 里完成整个页面的设计后 进行切片 将要动 态显示的地方切出 来 还有就是大的图片要切一下 能提高网页 读取速度 按 Shift Ctrl Alt S 存储 为 html 格式后 用 Dreamweaver 编辑 将需要作为背景的单元格中的图片设为该 单元 格的背景 另存为 index asp 用相同的方法制作网站分页 5 将所有页面 拷到所属文件夹 然后与后台数据库连接起来 即可通过对后台 数据库内容的添加 删除 修改来对网页的相关 内容进行操作 例如在数据库注册登录 表中删除一个用户信息 那么这个用户再次用原先的登录信息登录时就无法登录成功 了 6 在 Dreamweaver 中网页的左侧类似 书卷 的区域插入 一张表格 并在代码相 应位置插入滚动文字特效的代码 实现文 字至下而上滚动 鼠标移过文字时滚动停留的 功能 鼠标按下即 跳转到 网站公告 页面 在网站首页顶端插入滚动的欢迎字幕 方 法同上 7 在 Dreamweaver 里打开主页面 在页面中相对应除插入图 片切换的代码 实 现新闻图片的自动切换的效果 8 在 Dreamweaver 里打开主页面 切换到设计视图 将雪花 鼠标特效代码复制 在之间 保存并预览 完成首 页鼠标特效 结束语结束语 经过一段时间的学习与制作 企业网站的设计制作基本上 已经告一段落 总结这次 制作设计的过程 对我来说是一个将所 学知识从书本运用到实际操作的初次体验 通过这次的制作与 设计让我了解了一个网站形成的基本过程和基本纲领构架 加 深了我 对现在计算机技术 通讯技术 英特网技术等的认识 还有 对制作网站上用到的 dreamweaver 等设计与制作网站的工具 有了更多的了解 得到了深入的理解同时更熟练 地使用这些工 具 相信这些知识都将对我的工作带来很大的帮助 在这次的毕业 设计中 使我得学习了比以前更多的知识 如何提高自己的学习 和操作能力 这次设计由于时间 条件和