网站设计方案(修改)

X XX X 网网站站设设计计方方案案 模板 专专业业班班级级 姓姓 名名 学学 号号 指指导导教教师师 日日 期期 2 目目 录录 1 网站的目标规划 2 网站的内容规划 3 网页的风格和布局设计 4 网站的资料收集和准备 5 网站制作进度安排 6 网站建设的心得体会和扩展性分析 3 1 1 网网站站的的目目标标规规划划 1 1 网站主题 策划 通过网络就某个主 题搜索资料 题材不限 要求有个人特色 新 颖和有吸引力 并对网站作简单的介绍如主题是什么 分那几个栏目 每个栏目的特色和主要内容是什么 参参考考专专题题 对计算机基础教育的看法 互动式教学的方式 网上论 坛 QQ 聊天论述等 也可以是其它的有兴趣的专题如 文学 历史 科 技 体育 旅游 生活 时尚等 参参考考 主主题题 1 教学资源网站 2 个人网站 3 班级网 站 4 学习网站 5 学校网站 6 旅游网站 7 公司 网站 8 体育网站 1 2 目标用户定位 确定了站点实现的目标之后 需要确定站点的浏览客户 创建世界 上每个人都能使用的 Web 站点是不可能的 人们的兴趣 爱好不同 使用不同的浏览器 以不同的速度连接 这些因素都会影响站点的使用 因此需要确定目标用户 根据用户的特点来设计站点风格 2 2 网网站站的的内内容容规规划划 2 1 网站 栏目 结构 设计 一般企业型网站应包括 公司简介 企业动态 产品介绍 客户服务 联系方式 在线留言等基本内容 更多内容如 常见问题 营销网络 招贤纳士 在线论坛 英文版等等 可先在纸上绘制网站的栏目结构草图 经过反复推敲 最后确定完 整的栏目和内容的层次结构 本网站的系统结构图如下 示例 4 网站 首页 联系我们 产品中心 新闻中心 关于我们 发展历程 企业简介 XX 信息 XX 信息 XX 信息 XX 信息 XX 信息 行业新闻 企业新闻 表 2 1 XX 企业 网 站 的栏目结构 一级栏目二级栏目三级栏目及内容页面 qyjj html 关于我们 AboutUs html fzlc html News hy html News qy html 新闻中心 News html proinfo xx html proinfo xx html proinfo xx html proinfo xx html 产品中心 Product html 留言板 html联系我们 Contact html 首页 index html 产品 论坛 http www XXX 2 2 网站 目录结构和链接结构设计 1 1 目目录录结结构构 根据网站策划确定的栏目结构 创建站点目录 一个网站的目录结 构要求层次清晰 井然有序 首页 栏目页 内容页区分明确 有利于 日后的修改 XX 企业 网站 的目录结构 各文件夹的所存放文件类型 5 如表 2 2 所示 注注意意 文件夹和文件的名称建议不要使用中文名 因为中文名在 HTML 文档中容易生成乱码 导致链接产生错误 表 2 2 网站的目录结构及其存放的文件类型 文件夹名称存放的文件类型 cssCSS 样式文件 flash 动画文件 视频文件 image图像文件 照片 js外部脚本文件 Library库文件 music音乐 音频文件 Templates模板文件 text文字素材 webpage 1一级页面文件 该文件夹又有多个子文件夹 例如 webpage 1 01 webpage 2二级页面文件 该文件夹又有多个子文件夹 例如 webpage 2 01 other其他类型的文件 webstandby备用页面 备用素材 index html主页 2 2 网网站站链链接接结结构构 网站的链接结构与目录结构不同 网站的目录结构指站点的文件存 放结构 一般只有设计人员可以直接看到 而网站的链接结构指网站通 过页面之间的联系表现的结构 浏览者浏览网站能够观察到这种结构 本网站的链接结构采用 网状 链接结构 结构图如图17 2 所示 3 3 网网页页风风格格和和布布局局 设设计计 3 1 网站形象 设计 6 包括设计网站标志 设计网站的标准色彩和网站采用的标准字体等等 例如 网站全名及 logo 标志 创意 3 2 网站的界面风格 如主 从 色调的 搭配 即 采用什么 色彩为基调 配以相关的其他 色彩 与企业 整体形象一致 页面导航设计和页面视觉构成等等 例如 色彩搭配及其含义 如绿色 金黄 淡白 体现优雅 舒适的感觉 3 3 网站的版面布局设计 采用何种方式的 页面布局 在网页文字和图像等元素上如何平衡 根据 网络速度 阅读习惯等采用了什么 技术 方案 来解决 根据所需的 站点布局外观 先画一个站点草图 以便以后建立站点时可以按照它来 操作 1 首页设计草图如下 LogoBanner简单功能 导航栏 功能列表 或 局部导航 主要内容 版权声明 2 栏目页设计草图如下 7 3 4 网站的 导航 设计 设计站点 导航 时 应考虑如何使访问者能够方便的从一个区域移动 到另一个区域 具体考虑以下几点 明确 当前位置 导航方便 提供与网站管理员的联系方法 4 4 网网站站资资料料收收集集和和准准备备 根据网站的栏目 内容设计 链接结构设计 首页的布局结构 几个 主要导航页面的布局结构 准备所需素材 4 1 文本资料准备 准备大量网页中所需的文字资料 可以从各类网站 各种书籍中搜集 文字资料 然后制作成word 文档或文本文件 注意各种文字资料的文 件名命名要科学合理 避免日后找不到所需的文本内容 4 2 准备各种图片及按钮 1 利用 Fireworks 或 Photoshop 量身定做本网站的Logo 标志 Logo 标志要与本网站的主题相符 要有新意 2 其他 图片及按钮 根据需要到网上或素材光盘中搜集所需的图片 和按钮 有些图片 按钮需要自己利用图像处理软件制作 例如 需要制作那些图片 图片的尺寸等等 4 3 flash 动画 设计 网站中的动画最好能突出主题 起到画龙点睛之功效 动画的功 能是什么 企业展示还是产品展示 亦或其他 使用的地方 首页 二级页面或者广告栏等等 4 4 建立库项目 网页中经常用到的项目 例如版权区 可以事先定义为库项目 以备 制作网页时重复使用 提高工作效率 5 5 网网站站制制作作进进度度安安