DIV+CSS网站设计.doc

山东商务职业学院毕业论文DIV+CSS标准化网站设计摘 要　　当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一,它的飞速发展和全球范围的普及应用正在给人类生活带来革命性变化网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持网站已经成为现阶段众多企业不可或缺的网络营销平台，互联网应用规模正在不断扩大其中，特别是中小型企业，对于网络平台搭建的需求相当的迫切各大门户网，企业网都在WEB2.0的标准上,采用div+css来布局.长沙市洛枫有害生物防治用品有限公司为拓展网络销售市场，实施公司品牌宣传，拟建立一个以公司宣传和产品推广为主要目的的企业网站针对该公司的需求，本课题设计了一个满足其要求的信息发布类网站本网站旨在宣传公司形象及其产品推介本网站主要实现以下几方面功能：企业宣传，发布企业相关信息，展示企业品牌形象，展示企业产品，实现产品推介、交流，从而需要对本网站的进行设计和制作　　在网站设计过程中主要是采用dreamweaver制作，通过将HTML语言、div+css布局和dreamweaver工具软件整合应用，结合photoshop软件进行网站图片素材处理，从而实现网站的制作和建设。

　　论文详细论述了一个基于公司网站开发的设计过程在技术上，采用了 Dreamweaver网站开发工具，以 HTML的超大功能结合 JavaScript 的客户端语言，这样的构造有利于对网站系统开发其中，最主要的就是介绍和展示DIV+CSS在网页中的作用和魅力　　本文实现了公司首页、公司简介、公司文化、最新动态、产品展示、虫害知识、招聘信息、服务承诺、联系我们、留言功能，系统基本符合公司网站的需求论文组织如下：首先阐述了该网站建设的研究背景、意义以及网站建设的一般流程及其原则，然后进行网站需求分析，接下来详细介绍网站设计技术：Dreamweaver、Photoshop制作工具、html语言、div+css、JavaScript代码、淘宝客基本知识，其次介绍了网站总体规划以及网站页面的实现关键词：Dreamweaver，CSS，DIV ，网页设计标准化，Html1目 录摘 要 11.绪论 11.1 项目介绍 11.2 页面设计规划 11.3 页面代码编写 21.4 后期整合 22.网站标准化DIV+CSS 22.1 web标准的概念 22.1.1WEB标准 22.1.2结构标准语言 32.1.3表现标准语言 32.1.4行为标准 32.2建立网站标准的目的 42.3 DIV+CSS 52.3.1 DIV+CSS的概念 52.3.2 DIV+CSS的使用方法 52.3.3 CSS盒子模型 53．标准网站开发环境 73.1 网页设计工具 73.1.1网页制作工具——Dreamweaver CS3 73.1.2图像处理工具——PhotoshopCS3 73.1.3动画制作工具——Flash CS3 73.2网页开发语言 73.2.1静态页与布局——HTML、CSS+DIV 73.3.2动态效果实现——JS 84．网站制作 84.1设计分析 94.1.1 设计流程 94.1.2 设计理念 94.2主频道页面设计 104.2.1 设计流程 104.2.1设计理念 104.3英文版设计 115. 页面制作实例 115.1审图并制定代码生成方案 115.2主要页面设计 135.3从页头制作谈图片处理 21结论与总结 23参考文献 24致 谢 251.绪论随着信息技术的发展，信息技术使用传递速度突破了时间和地域的局限，网络化与全球化成为一种不可避免的世界趋势。

现在各个公司都有自己的网站，而公司的网站就是公司在互联网上进行产品推广和形象宣传的平台，公司网站相当于一个企业的网络名片本篇论文将针对页面设计和网站标准化，以跨国公司网站建设为主要案例来进行论述1.1 项目介绍公司网站是一个可以发布企业信息、提供顾客服务，以及销售的渠道；对开发设计人员而言，企业网站就是使一些功能模块，通过网页的形式将前台和后台结合起来每一个完整的企业网站，都要划分为四个组成部分：结构、内容、服务、功能公司网站是为了展现企业形象、介绍产品和服务、体现企业发展战略的重要途径本论文着重介绍网站前台页面总设计，总体页面设计以满足客户需求为主要目的，以页面运行速度为首要考虑因素，尽量避免过多的运用图片，使页面大方美观展现企业形象1.2 页面设计规划根据企业的需求初步规划为两种风格和色系，第一种着重体现公司简约的风格，整体页面选用蓝色，第二种着重体现公司大气的风格，整体页面选用灰色偏蓝色经过反复探讨研究后，选定第二种灰色偏蓝色方案主要分为公告栏、前沿技术和资源下载等模块，以及英文界面1.3 页面代码编写设计图和内容确定之后，就开始页面代码的生成，即将效果图的所有外观转化为HTML代码，整站所有页面全部用符合W3C标准的XHTML、DIV+CSS布局实现，并且页面所有动态生成信息全部用HTML语言的