基于DIV和CSS的Web2.0网页制作技术研究

摘  要

计算机网络近年来获得了飞速的发展，通信网络以及Internet已成为社会结构的一个基本组成部分。Web2.0 是以用户为核心的互联网，它改变了以往单纯浏览信息的模式，使用户不仅可以发布信息，还可以实现信息的共享。

随着WEB2.0标准化设计理念的普及，网页的布局设计，日益被网站建设者所注重。本文在分析Web2.0标准特性的基础上，对比目前流行的Table和DIV布局方法，总结提出DIV+CSS布局方式的优越性。使用CSS+DIV布局方法，使数据嵌入在灵活多变的DIV里，便于布局变更、更新和维护。同时，它使页面的美化与控制易于实现，也便于实现信息的异步更新机制,逐步称为进一步增强Web 的用户体验和表现力，打造完美的Web 应用程序及网络平台的布局机制。

关键词:DIV, CSS, WEB2.0, 网页制作

目  录

摘  要 I

ABSTRACT II

目  录 III

第1章 引 言 1

1.1背景与意义 1

1.2 开发工具的选用 2

1.2.1 Photoshop CS2介绍 2

1.2.2 Dreamweaver 8介绍 2

1.2.3 FLASH介绍 3

第2章 Web2.0思想概述 4

2.1 Web2.0的涵义 4

2.2 Web2.0的特色 5

2.2.1 Web1.0与Web2.0标准的对比分析 5

2.2.2 Web2.0的人本特色 6

2.3 Web2.0的主要表现形式与应用 7

2.3.1 Blog——博客/网志 8

第3章 DIV+CSS网页布局技术探究 10

3.1 目前的网页布局技术 10

3.2 CSS布局与Table布局的区别 10

3.2.1 表格布局方式 10

3.2.2 CSS技术概述 10

3.2.3 DIV与CSS结合的优势 11

3.2.4 DIV+CSS制作页面圆角效果 14

第4章 用DIV和CSS设计符合WEB2.0标准的网页 17

4.1 DIV+CSS布局应用实例解析 17

4.2 Web2.0标准网页设计 18

4.2.1 界面设计 19

4.2.2 CSS文件结构设计 19

第5章  结束语 24

参考文献 25

致  谢 27