DIV+CSS网站设计精选.docVIP

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 ，网页设计标准化，Html目 录 摘 要 1 1.绪论 1 1.1 项目介绍 1 1.2 页面设计规划 1 1.3 页面代码编写 2 1.4 后期整合 2 2.网站标准化DIV+CSS 2 2.1 web标准的概念 2 2.1.1WEB标准 2 2.1.2结构标准语言 3 2.1.3表现标准语言 3 2.1.4行为标准 3 2.2建立网站标准的目的 4 2.3 DIV+CSS 5 2.3.1 DIV+CSS的概念 5 2.3.2 DIV+CSS的使用方法 5 2.3.3 CSS盒子模型 5 3．标准网站开发环境 7 3.1 网页设计工具 7 3.1.1网页制作工具——Dreamweaver CS3 7 3.1.2图像处理工具——PhotoshopCS3 7 3.1.3动画制作工具——Flash CS3 7 3.2网页开发语言 7 3.2.1静态页与布局——HTML、CSS+DIV 7 3.3.2动态效果实现——JS 8 4．网站制作 8 4.1设计分析 9 4.1.1 设计流程 9 4.1.2 设计理念 9 4.2主频道页面设计 10 4.2.1 设计流程 10 4.2.1设计理念 10 4.3英文版设计 11 5. 页面制作实例 11 5.1审图并制定代码生成方案 11 5.2主要页面设计 13 5.3从页头制作谈图片处理 21 结论与总结 23 参考文献 24 致 谢 25 1.绪论 随着信息技术的发展，信息技术使用传递速度突破了时间和地域的局限，网络化与全球化成为一种不可避免的世界趋势。现在各个公司都有自己的网站，而公司的网站就是公司在互联网上进行产品推广和形象宣传的平台，公司网站相当于一个企业的网络名片。 本篇论文将针对页面设计和网站标准化，以跨国公司网站建设为主要案例来进行论述。 1.1 项目介绍 公司网站是一个可以发布企业信息、提供顾客服务，以及在线销售的道；开发设计人员，企业网站使一些功能模块，通过网页的形式将前台和后台结合起来。一个完整的企业网站，都要划分为四个组成部分：结构、内容、服务、功能。(2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262。 2.2建立网站标准都有体验，每当主流浏览器版本升级，刚建立的网站就可能变得过时，就需要升级或者重新建造一遍网站。例如1996-1999年的“浏览器大战”，为了兼容Netscape和IE，网站不