网页设计毕业论文.doc

编号 商丘工学院 毕业论文 题 目 系 别 专 业 学生姓名 成 绩 指导教师 2012 年 4 月 商丘工学院毕业论文 1 摘摘 要要 在互联网飞速发展的今天 网络已成为人们生活中不可缺少的一部分 网 站是企业向用户和网民提供信息 包括产品和服务 的一种方式 是企业开展电子 商务的基础设施和信息平台 离开网站去谈电子商务是不可能的 网页作为新 兴媒体 有着比报刊 杂志 广播 电视等传统媒体更多的构成要素 如文字 图形 声音 图像和动画等 网页设计包括风格定位 版面编排 布局 色彩 处理等诸多方面 总之 网页设计需要时间和耐心去钻研 才能做出好的网页 艺术设计 关键词 关键词 网页制作 风格 板式 色彩 布局 商丘工学院毕业论文 2 目录目录 引言引言 3 3 一一 网站建设的流程网站建设的流程 4 4 二 确定网站的整体风格确定网站的整体风格 4 4 三三 网站的板式及布局网站的板式及布局 5 5 3 1 网站的板式设计 5 3 2 网页设计布局及类型 5 四四 色残在网页中的应用色残在网页中的应用 5 5 4 1 色彩在网页设计中的应用 5 4 2 主页色彩的处理 6 4 3 常用的配色方案 6 4 4 合理搭配网页色彩 7 五五 网页设计形式与内容相统一网页设计形式与内容相统一 7 7 六六 网页制作工具网页制作工具 8 8 七七 总结总结 8 8 参考文献参考文献 9 9 商丘工学院毕业论文 3 引言引言 随着 internet 的诞生和发展 许多人不再仅仅局限于网上冲浪 而是参与 到网站建设中 企业建站相当于在网上建立一个家 你就可以在这里向客户介 绍你的企业 展示你的实力 推销你的产品 网页制作作为网站制作中一个重 要的环节 相对于传统的平面设计而言 网页设计具有更多的新颖性 更多可 以表现的手法 所以 社会上对网页制作人才的需求越来越大 网页设计与制 作成了一个别时髦的工作 dreamweaver 因其所见即所得和可视化编程的特性 无疑成了网页设计与制作的最佳工具选择 商丘工学院毕业论文 4 一一 网站建设的流程网站建设的流程 1 定义合适的域名 由域名构成的网址会像商标一样 有助于将来塑造 网上的形象 域名除了要符合公司的性质以及信息内容的特征外 还要具有简 洁 易记 具有冲击力的特点 2 租用虚拟服务器 有了域名后 就需要一个空间存放网站 这个空间 就是 internet 上的服务器 一般虚拟主机提供商都能向用户提供大容量 高速 度的服务器 用户可根据网站的内容设置及其发展前景来选择 3 设计网页 网页的设计制作可以自己完成 也可以通过虚拟主机提供 商或专业的网页设计制作商来完成 设计网页前要收集所有需要放在网站上的 文本资料 图片等 并尽量用文字详细说明制作的框架结构 将收集的材料提 供给网页设计者 4 icp 备案 网站备案的目的就是为了防止在网上从事非法的网站经营活 动 打击不良互联网信息的传播 如果网站不备案的话 很有可能被查处以后 关停 icp 备案可以自主通过官方备案网站 在 线备案或者通过当地电信部门两种方式来进行备案 二二 确定网站的整体风格确定网站的整体风格 任何主页都要根据主题的内容决定其风格与形式 因为只有形式与内容 的完美统一 才能达到理想的宣传效果 目前主页的应用范围日益扩大 几 乎包括了所有的行业 林林总总 包罗万象 但归纳起来大体有这么几个大 类 新闻机构 政府机关 科教文化 娱乐艺术 电子商务 网络中心等 对于不同性质的行业 应体现出不同的主页风格 就像穿着打扮 应依不同 的性别以及年龄层次而异一样 例如 政府部门的主页风格一般应比较庄重 而娱乐行业则可以活泼生动一些 文化教育部门的主页风格应该高雅大方 而商务主页则可以贴近民俗 使大众喜闻乐见 主页风格的形成主要依赖于主页的版式设计 依赖于页面的色调处理 还有图片与文字的组合形式等 这些问题看似简单 但往往需要主页的设计 商丘工学院毕业论文 5 和制作者具有一定的美术素质和修养 还有 动画效果也不宜在主页设计中滥用 特别是一些内容比较严肃的 主页 主页毕竟主要依靠文字和图片来传播信息 它不是动画片 更不是电 视或电影 三三 网网站站的的版版式式和和布布局局 3 13 1 网网站站的的版版式式设设计计 网页设计作为一种视觉语言 特别讲究编排和布局 虽然主页的设计不 等同于平面设计 但它们有许多相近之处 版式设计通过文字图形的空间组合 表达出和谐与美 主页的设计首先涉及到的是页面的版面编排问题 主页作为一种版面 既有文字 又有图片 文字有大有小 还有标题和正文之分 图片也有大小 而且有横有竖之别 图片和文字都需要同时展示给观众 因此必须根据内容 的需要 将这些图片和文字按照一定的次序进行合理的编排和布局 使它们 组成一个有机的整体 展现给广大的观众 可以依据如下几条来做 1 主次分明 中心突出 2 大小搭配 相互呼应 3 图文并茂 相得益彰 3 3 2 2 网网页页设设计计布布局局及及类类型型 网页可以说是网站构成的基本元素 当我们轻点鼠标 在网海中遨游 一副副精彩的网页会呈现在我们面前 那么 网页的精彩与否的因素是什么 呢 色彩的搭配 文字的变化 图片的处理等 这些当然是不可忽略的因素 除了这些 还有一个非常重要的因素 网页的布局 网页布局大致可分为 国 字型 拐角型 标题正文型 左右框架型 上下框架型 综合框架型 封面型 flash 型 变化型 四四 色色彩彩在在网网页页中中的的应应用用 4 14 1 色色彩彩在在网网页页设设计计中中的的作作用用 商丘工学院毕业论文 6 色彩是艺术表现的要素之一 在 网页设计中 我们的设计师根据和谐 均衡和重点突出的原则 将不同的 色彩进行组合 搭配来构成美丽的页面 根据色彩对人们心理的影响 合 理地加以运用 先选定一种色彩 然后调整透明度或者饱和度 这样的页面看起来色彩 统一 有层次感 简单的说就是用一个感觉的色彩 例如淡蓝 淡黄 淡绿 或者土黄 土灰 土蓝 在网页配色中不要将所有颜色都用到 尽量控制在三至五种色彩以内 背景和前文的对比尽量要大以便突出主要文字内容 4 4 2 2 主主页页色色彩彩的的处处理理 色彩是人的视觉最敏感的东西 主页的色彩处理得好 可以锦上添花 达到事半功倍的效果 色彩总的应用原则应该是 总体协调 局部对比 也就是 主页的整体色彩效果应该是和谐的 只有局部的 小范围的地方可 以有一些强烈色彩的对比 在色彩的运用上 可以根据主页内容的需要 分 别采用不同的主色调 因为色彩具有象征性 例如 嫩绿色 翠绿色 金黄 色 灰褐色就可以分别象征着春 夏 秋 冬 其次还有职业的标志色 例 如 军警的橄榄绿 医疗卫生的白色等 色彩还具有明显的心理感觉 例如 冷 暖的感觉 进 退的效果等 另外 色彩还有民族性 各个民族由于环 境 文化 传统等因素的影响 对于色彩的喜好也存在着较大的差异 充分 运用色彩的这些特性 可以使我们的主页具有深刻的艺术内涵 从而提升主 页的文化品位 4 4 3 3 常常用用的的配配色色方方案案 1 暖色调 即红色 橙色 黄色 赭色等色彩的搭配 这种色调的运用 可使主页呈现温馨 和煦 热情的氛围 2 冷色调 即青色 绿色 紫色等色彩的搭配 这种色调的运用 可使 主页呈现宁静 清凉 高雅的氛围 3 对比色调 即把色性完全相反的色彩搭配在同一个空间里 例如 红 与绿 黄与紫 橙与蓝等 这种色彩的搭配 可以产生强烈的视觉效果 给 人亮丽 鲜艳 喜庆的感觉 商丘工学院毕业论文 7 最后 还要考虑主页底色 背景色 的深 浅 这里借用摄影中的一个 术语 就是 高调 和 低调 底色浅的称为高调 底色深的称为低调 底色深 文字的颜色就要浅 以深 色的背景衬托浅色的内容 文字或图片 反之 底色淡的 文字的颜色就要深些 以浅色的背景衬托深色的内容 文 字或图片 这种深浅的变化在色彩学中称为 明度变化 当然 色彩 的明度也不能变化太大 否则屏幕上的亮度反差太强 同样也会使读者的眼 睛受不了 4 44 4 合理搭配网页色彩合理搭配网页色彩 网页的色彩是树立网站形象的关键之一 网页的背景 文字 图标 边框 超链接等都要用到色彩 不同的色彩会使浏览者有不同的心理感受 合理的搭 配色彩 会更好的表现主题 吸引用户的注意力 网页色彩涉及到艺术知识 让美术教师参加网页色彩设计 可能会出现比较理想的效果 在色彩搭配上要 注意色彩的鲜明性 独特性 合适性 联想性 背景色和前景色对比要大 以 突出主要内容 网站给人的第一印象来自视觉冲击 不同的色彩搭配产生不同的效果 并 可能影响到访问者的情绪 标准色彩 是指能体现网站形象和延伸内涵的色 彩 要用于网站的标志 标题 主菜单和主色块 给人以整体统一的感觉 至 于其它色彩也可以使用 但应当只是作为点缀和衬托 绝不能喧宾夺主 一般 来说 一个网站的标准色彩不超过 3 种 太多则让人眼花缭乱 适合于网页标 准色的颜色有 蓝色 黄 橙色 黑 灰 白色三大系列色 五 五 网网页页设设计计形形式式与与内内容容相相统统一一 为了将丰富的意义和多样的形式组织成统一的页面结构 形式语言必须 符合页面的内容 体现内容的丰富含义 灵活运用对比与调和 对称与平衡 节奏与韵律以及留白等手段 通 过空间 文字 图形之间的相互关系建立整体的均衡状态 产生和谐的美感 如对称原则在页面设计中 它的均衡有时会使页面显得呆板 但如果加入 一些富有动感的文字 图案 或采用夸张的手法来表现内容往往会达到比较 商丘工学院毕业论文 8 好的效果 点 线 面作为视觉语 言中的基本元素 巧妙地互相穿插 互相衬托 互相补充构成最佳的页面 效果 充分表达完美的设计意境 六六 网页制作工具网页制作工具 现在非常流行的 macromedia 公司出品的 dreamweaver studio 8 提供了更多 功能强劲的可视化设计工具 应用开发环境以及代码编辑支持 是开发人员和 设计师能够快捷的创建代码规范的应用程序 集成程度非常高 开发环境精简 而高效 开发人员能够运用 dreamweaver 与他们的服务器技术构建功能强大的 网络应用程序连接到用户的数据 网络服务体系 平面图形设计的 photoshop 软件 photoshop 可以做出比较复杂的平面效果 此次设计中采用 photoshop 编辑图片 网页动画设计软件 flash flash 网页动画设计软件可以制作网页互动动画 也可以将一个较大的互动动画制作为一个完整的网页 这是一个非常灵活的设 计软件 由于利用 flash 可以设计强大的动画效果 所以 flash 动画已发展成 为一种独特的艺术形式 至此 flash 动画被广泛应用在网页设计中 从 logo 到 网页横幅 按钮 甚至整个网页或网站 都可以用 flash 动画来实现 为利用 flash 动画制作网页导航条的效果尤佳 七 总结七 总结 网页制作主要是利用图形制作软件和处理软件进行网页效果图的制作 我 们需要了解一个完整网站的制作过程 并知道网页制作在网站制作中的作用 一方面结合具体的实例 多加练习 培养对于技术的敏感和快速适应性 注意 到技术变化带来的各种新的可能性 消除技术所形成的障碍 另一方面要多方 面 多角度地感受与掌握电脑设计的时尚语言 扩展对传统设觉设计范畴的认 识 这次网页设计的实现我用到的软件主要有 photoshop dreamweaver word 网站建设从需求分析到设计 测试 我都力求规范化 努力让自己以前 商丘工学院毕业论文 9 学的知识运用到本网站的开发中 尽量保证整个系统的开发质量 顺利完成这 次的毕业设计 为自己的大学生涯画上一个完美的句号 不过 在网站建设过 程中 好多知识都是随学随用 就增加了很多不必要的麻烦 虽说这些都会消 耗开发的时间 但在老师 同学以及自己的不断努力下 一些问题也随之克服 了 通过这次校园网站设计 使我