信阅平台

内容介绍

网页设计的一大改革。DIV分块实现了HTML文档内部结构的划分，CSS层叠样式表则为网页提供了丰富的设计样式，并控制HTML文档的外在表现。两者各尽其职，实现了样式与内容的分离，从而大大简化了HTML代码。CSS+DIV网页布局技术可以保证网页风格的一致性，对网页的样式进行统一的管理，给网页的开发与维护带来了极大的方便。当我们想要修改网页的风格设置时，只需要修改CSS样式表就能使所有的网页样式随之发生变动，而不必一页一页地修改网页。《CSS+DIV网页样式与布局案例指导》以实用为前提，提供了大量网页设计与制作的范例，并辅以细致的讲解与图示，对网页制作的步骤与方法都有具体的示例，是一本简单易学的CSS+DIV布局技术的参考手册。

展开

精彩书摘

第1章网站制作流程与布局概念 1.1 网站和网页 网站（Website）是在国际网络中根据一定的规范，使用超文本标记语言或其他工具软件制作的用于展示特定内容的相关网页的集合。简单地说，网站是网络中的通信工具。像布告栏一样，网站拥有者可以通过网站发布资讯或提供相关的网络服务。用户可以通过浏览器访问网络中的网站，获取需要的资讯或接受网络服务。 网页（Website）是一个文件，存储在某一台与因特网相连的计算机或服务器中。网页经由统一资源定位器（uRL）来识别与存取，当用户在浏览器中输入网址（即URL）后，服务器端程序处理后，网页文件传送到用户的计算机，然后通过浏览器解释网页的内容之后再展示给用户。 1.1.1 网站与网页的关系 许多企业和公司都拥有自己的网站，并利用网站进行宣传、发布产品资讯和招聘信息。随着网页制作技术的流行，很多个人也开始制作个人主页，这些网页通常是作者用来自我介绍、展现个性的地方。同时也出现了很多以提供网络资讯为营利手段的网络公司，通常这些公司的网站会提供生活各个方面的资讯，如时事新闻、旅游、娱乐、经济等。 在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至3D技术开始在因特网上流行起来，网站也慢慢地发展成人们现在看到的图文并茂的样子。通过动态网页技术，用户也可以与其他用户或者网站管理者进行交流，也有一些网站为用户提供电子邮件服务。 网页是网站中的一“页”，通常是HTML格式（文件扩展名为.html或.htm、.asp、.aspx、.php、.jsp等），需要通过Web页面浏览器阅读。网页是构成网站的基本元素，是承载各种网站应用的平台。可以说，网站就是由网页组成的。如果只有域名和虚拟主机，而没有制作任何网页的话，用户仍旧无法访问网站。

展开

第1章网站制作流程与布局概念 1.1 网站和网页 1.1.1 网站与网页的关系 1.1.2 域名 1.2 网站的制作流程 1.2.1 前期策划 1.2.2 页面实施 1.2.3 后期维护 1.3 布局方式 1.3.1 网站建设标准 1.3.2 页面布局 1.3.3 标准与表格布局 第2章 HTML与XHTML 2.1 HTML基础 2.1.1 HTML概述 2.1.2 HTML基本结构 2.2 HTML基本标签 2.2.1 基本标签 2.2.2 格式标签 2.2.3 文本标签 2.2.4 超链接标签 2.2.5 图像标签 2.2.6 表格标签 2.2.7 框架标签 2.2.8 表单标签 2.2.9 分区标签 2.3 XHTML 2.3.1 XHTML概述 2.3.2 HTML转换为XHTML 第3章 JavaScript脚本语言概述 3.1 JavaScript概述 3.1.1 JavaScript发展 3.1.2 编写JavaScript脚本代码 3.1.3 JavaScript程序结构 3.1.4 JavaScript代码嵌入HTML文档 3.2 JavaScript效果的实现 3.2.1 事件处理器 3.2.2 表单验证 3.2.3 JavaScript窗口 3.3 JavaScript与CSS 3.3.1 在CSS中使用JavaScript 3.3.2 JavaScript控制CSS样式切换 3.3.2 JavaScript与CSS实现雕刻菜单效果 第4章 CSS概述 4.1 CSS的基本概念 4.2 CSS的页面设置 4.2.1 内联样式表 4.2.2 嵌入样式表 4.2.3 外部样式表 4.2.4 输入样式表 4.3 CSS与HTML 4.4 CSS的选择器和继承 4.4.1 CSS选择器 4.4.2 CSS的继承 4.5 编辑CSS 4.6 浏览器与CSS 第5章 CSS语法介绍 5.1 CSS选择器 5.1.1 标记选择器 5.1.2 类选择器 5.1.3 ID选择器 5.1.4 选择器的声明 5.2 CSS的继承 5.2.1 父子关系 5.2.2 CSS继承的运用 5.3 单位和值 5.3.1 颜色 5.3.2 长度单位 5.3.3 URL 第6章 CSS文本编辑效果 6.1 文字样式 6.1.1 字体的样式 6.1.2 文字的大小 6.1.3 文字的颜色 6.1.4 字体的粗细与斜体 6.1.5 下画线、顶画线和删除线 6.2 段落设置 6.2.1 对齐方式 6.2.2 行间距 6.2.3 字间距 6.2.4 首字放大效果 第7章 CSS表格和表单效果 7.1 表格样式 7.1.1 表格属性 7.1.2 表格的边框样式 7.1.3 表格的文本样式 7.1.4 表格嵌套 7.1.5 表格背景变色 7.2 表单样式 7.2.1 表单属性 7.2.2 表单边框闪烁 第8章 CSS与页面结构 8.1 边框 8.1.1 边界 8.1.2 边框 8.1.3 补白 8.1.4 浮动与清除 8.2 分块格式编排 8.2.1 块元素 8.2.2 内联元素 8.2.3 可变元素 第9章用CSS设置网页效果 9.1 用CSS设置图片样式 9.1.1 图片边框的设置 9.1.2 图片大小的设置 9.1.3 图片自动等比例缩小 9.1.4 图片阴影的设置 9.1.5 图片透明的设置 9.1.6 图片的对齐方式的设置 9.1.7 文字环绕的效果 9.1.8 浮动广告的制作 9.2 用CSS设置网页中的背景 9.2.1 页面的背景色 9.2.2 页面的背景图的设置 9.2.3 背景图片的位置 9.2.4 固定背景图片 9.2.5 添加多个背景图片 第10章用CSS设置页面 10.1 设置页面格式 10.1.1 设置超链接 10.1.2 设置导航栏 10.1.3 设置鼠标特效 10.1.4 设置滚动条 10.1.5 设置选项卡 10.2 特殊效果 10.2.1 鼠标提示 10.2.2 导航栏的隐藏和展开 10.2.3 设置滑动文本选项卡 第11章 CSS滤镜的应用 11.1 滤镜介绍 11.2 通道（alpha） 11.3 模糊（blur） 11.4 透明色（chroma） 11.5 阴影（shadow） 11.6 光晕（glow） 11.7 波浪（wave） 11.8 X射线（x-ray） 11.9 灰度（gray） 11.1 0反色（invert） 11.1 1遮罩（mask） 11.1 2翻转（FlipH&FlipV） 第12章理解CSS定位与div布局 12.1 div标签与span标签 12.1.1 概述 12.1.2 元素的分类和标识（class和id） 12.1.3 组织元素（div和span） 12.2 盒子模型 12.2.1 盒子模型的概念 12.2.2 border属性 12.2.3 padding属性 12.2.4 margin属性 12.2.5 宽度和高度 12.3 元素的定位 12.3.1 CSS的定位原理 12.3.2 定位方式 12.3.3 float定位 12.3.4 z-index定位 第13章 CSS+DIV布局 13.1 CSS+DIV布局方法 13.1.1 网站的制作规范 13.1.2 将页面用div分块 13.1.3 对分布的块进行定位 13.2 CSS排版观念 13.2.1 对段落进行排版 13.2.2 对图片进行排版 13.2.3 对表格进行排版 13.2.4 “固定宽度且居中”的版式 13.2.5 “左中右”版式 第14章调用样式表 14.1 关于CSS 14.1.1 CSS样式表的功能 14.1.2 CSS样式表的分类 14.2 调用样式表的方法 14.2.1 外部调用CSS样式表 14.2.2 双表法调用样式表 14.2.3 样式表的切换 14.2.4 样式表的优先级 14.2.5 根据时段改变网站风格 第15章小型企业网站 15.1 设计分析 15.2 布局分析 15.3 模块分析与设计实现 15.3.1 Logo与菜单效果 15.3.2 导航与搜索功能的设计 15.3.3 公司咨询 15.3.4 主体实现 15.3.5 业内新闻 15.4 CSS整理与调整 第16章购物网站 16.1 设计分析 16.2 布局分析 16.3 模块分析与设计实现 16.3.1 Logo与菜单效果 16.3.2 分类搜索功能设计 16.3.3 商品导购功能设计 16.3.4 交易功能设计 16.4 CSS整理与调整 第17章观光旅游导航网站 17.1 设计分析 17.2 布局分析 17.3 模块分析与设计实现 17.3.1 CSS基本设置 17.3.2 标题栏与banner图片的实现 17.3.3 左侧分栏与导航菜单实现 17.3.4 主体实现 17.3.5 脚注（footer） 17.4 CSS整理与调整

展开