1、 毕业设计(论文、专题实验)任务书 姓 名 专业 计算机应用技术 班级 计应 11-1 指导教师 题 目 静态企业网页 原始数据 说明书 (论文、 实验) 主要内容 本次设计了解了静态网页设计与制作的内涵和意义。运用 Dreanweaver 软件,采用 div+css 为企业网页进行设计与制作,根 据其内容、策划等确定基本思路,制定方案,并按思路认真完成 本次设计。 图纸要求 对学生 综合训 练方面 的要求 根据所学课程的理论知识,将理论与实践相结合,设计制作出一 套完整的作品。 完成期限 2013 年 11 月 25 日至 2013 年 12月 15 日 备 注: 签发: 日期: 2013
2、年 12 月 摘 要 计算机和计算机网络的飞速发展,人们对计算机网络的依赖是越来越 大。人们在网上聊天交友,在网上请教问题,查阅资料,还在网上听音乐。 除此之外,人们还会在网上进行商务交易、下载信息,有着众多的使用者。 尤其是电子商务大大的减少了人们对周围环境的依赖,无论是哪里的网友, 都可以浏览到世界各地的各类信息,非常的方便, 由于以上的优势,各类网 站如雨后春笋般的出现,企业网站也不例外。 本论文着重对 div+css 布局与美化公司网页进行了讨论;同时根据客户 需求,采用 div+css 实现了咨询公司网页的设计,具体实现了首页、公司简 介、品牌历史与技术创新、产品展示、用户注册与登录
3、联系我们、在线留言 等功能,系统符合公司网站的需求。 关键词: 网页设计 Dreamweaver div+css 企业网页 第 1 页 目 录 第 1 章 前言 .1 第 2 章 静态网页制作概述 .2 2.1 静态页面 .2 2.2 网页开发技术 .2 2.3 网页布局 .2 2.3.1 网页布局方法 .2 2.3.2 网页布局技术 .3 2.4 网页配色 .3 2.5 网页设计流程 .3 2.6 网页设计原则 .3 第 3 章 网页需求分析 .5 3.1 课题来源 .5 3.2 需求分析 .5 第 4 章 相关技术 7 4.1 网页制作软件 DREAMWEAVER7 4.2 DIV+CSS
4、 7 4.2.1 div 7 4.2.2 CSS .8 4.2.3 样式 8 4.2.4 层叠 8 4.3 DIV+CSS 简介 8 第 5 章 企业网页的实现 10 5.1 布局与配色 10 5.2 企业首页 10 5.3 公司简介 11 5.4 产品展示 11 5.4 用户注册 12 5.5 在线留言 13 毕业设计总结 .14 第 2 页 参考文献 .15 致 谢 16 第 1 页 第 1 章 前言 网页和网站在如今的 Internet 网络中已经成为重要的基础, 是作为政府和事业单位 工作、公司宣传、电子商务等社会和经济内容的网络平台支持。政府、事业单位和企业 对于网页的设计与制作也越
5、来越重视。 由于 Web2.0 的成熟和广泛应用,网页设计和制作也和以前截然不同。尤其是 Div+CSS 技术的应用对于网站样式和内容的维护起到了至关重要的作用。Adobe 公司对 于网络整合软件 Dreamweaver 在这方面做了很大的改进,Dreamweaver CS5 操作更加 方便简捷,给予 Div+CSS 布局全面的支持。 当今世界已进入信息时代, Internet 成为 21 世纪最受关注的焦点之一,它的飞速发展 和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨 大的成就,为网站开发提供了很好的技术支持。网站已经成为现阶段众多企业不可或缺 的网络营销平
6、台,互联网应用规模正在不断扩大。其中,特别是中小型企业,对于网络 平台搭建的需求相当的迫切。各大门户网,企业网都在 WEB2.0 的标准上,采用 div+css 来布局,因此有了此次的选题。 企业网站是一个企业不可缺少的部分,它能介绍企业文化、经营理念、特色服务及 企业在全国的网点分布。拓宽顾客市场,增加企业与客户之间的联系,缩短二者之间的 距离。提高企业知名度,为企业今后的业务发展开辟一个良好的社会环境。它的内容对 于企业来说至关重要,企业概况、企业论谈、企业特色服务、最新企业新闻动态等部分应 该能够为用户提供充足的信息。企业网站做成检索迅速、查找方便、可靠性高、存储量 大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。 这些优点能够极大地提高了企业网站的效率,也是企业走向科学化、 信息化与世界接轨的 重要条件。 第 2 页 第 2 章 静态网页制作概述 静态网页有时也被称为平面页。静态网