精通DIV+CSS 3网页布局与样式

《精通DIV+CSS 3网页布局与样式》内容主要包括CSS3的基本语法和概念,设置文字、段落、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS3滤镜的应用。重点介绍如何使用DIV+CSS3进行网页布局,注重实战操作,使读者在学习CSS3技术的同时,掌握DIV+CSS3的精髓。还介绍了一些扩展知识,包括CSS3与JavaSeript、XML等综合应用。最后给出5个综合实例,使读者进一步巩固所学的知识,提高综合实战能力。 《精通DIV+CSS 3网页布局与样式》中的案例以IE9.0为主预览最终效果,对于IE9.0目前不支持的CSS3属性,使用Firefox5.0浏览器预览效果。 随书光盘中包括266个实战案例、5个综合实例和《精通DIV+CSS 3网页布局与样式》的视频教学录像。通过演练实例,读者能很快巩固所学的知识,提高综合实战能力。同时,读者可以直接使用《精通DIV+CSS 3网页布局与样式》源代码或进行二次开发。赠送的20多小时视频教学录像,详细讲解书中每一个知识点和网页的设计方法与技巧。 《精通DIV+CSS 3网页布局与样式》适合网页设计人员(美工)、Web开发人员阅读。《精通DIV+CSS 3网页布局与样式》也能够作为高等院校相关专业的参考用书,特别是《精通DIV+CSS 3网页布局与样式》的案例,能帮助读者轻松完成课程设计等工作。 封面 书名 版权 前言 目录 第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网页设计风格及色彩搭配 1.4网页设计师应具备的素质 1.4.1艺术素质 1.4.2技能素质 1.4.3综合素质 1.5网站制作流程 1.5.1前期策划 1.5.2页面细化及实施 1.5.3后期维护 1.6专家解惑 第2章 网页实现技术—HTML5 2.1 HTML5基本概念 2.1.1 HTML5简介 2.1.2 HTML5文件基本结构 2.1.3认识HTML5标记 2.2 HTML5基本元素 2.2.1 HTML5基本标记 2.2.2 HTML5实例:自我介绍 2.3 HTML5设置段落和图片 2.3.1 HTML5常用段落和图片标记 2.3.2 HTML5实例:文字和图片排版 2.4 HTML5设置表单 2.4.1 HTML5常用表单标记 2.4.2 HTML5新增表单元素和属性 2.4.3 HTML5实例:用户注册 2.5 HTML5设置表格 2.5.1 HTML5表格标记 2.5.2 HTML5实例:实现季度报表 2.6 HTML5文件编写方法 2.6.1使用记事本手工编写HTML5 2.6.2使用Dreamweaver CS5编写HTML文件 2.7 HTML5和浏览器 2.7.1各大浏览器与HTML5兼容 2.7.2新增HTML画布canvas 2.7.3新增HTML5音频audio 2.7.4新增HTML5视频video 2.8综合实例——网站首页 2.9专家解惑 第3章CSS3概述 3.1 CSS3介绍 3.1.1 CSS3功能 3.1.2 CSS3发展历史 3.1.3浏览器与CSS3 3.2编辑和浏览CSS 3.2.1 CSS基本语法 3.2.2手工编写CSS 3.2.3 Dreamweaver编写CSS 3.3在HTML5中使用CSS3的方法 3.3.1行内样式 3.3.2内嵌样式 3.3.3链接样式 3.3.4导入样式 3.3.5优先级问题 3.4综合实例——制作五彩标题 3.5专家解惑 第4章CSS3基础语法 4.1 CSS3选择器 4.1.1标签选择器 4.1.2类选择器 4.1.3 ID选择器 4.1.4全局选择器 4.1.5组合选择器 4.1.6继承选择器 4.1.7伪类 4.1.8属性选择器 4.1.9结构伪类选择器 4.1.10 UI元素状态伪类选择器 4.2选择器声明 4.2.1集体声明 4.2.2多重嵌套声明 4.3 CSS3常用单位 4.3.1颜色单位 4.3.2长度单位 4.4 CSS3继承 4.5综合实例——制作新闻菜单 4.6专家解惑 第5章CSS3字体与段落属性 5.1字体属性 5.1.1字体font-family 5.1.2字号font-size 5.1.3字体风格font-style 5.1.4加粗字体font-weight 5.1.5小写字母转为大写字母font-variant 5.1.6字体复合属性font 5.1.7字体颜色color 5.2文本高级样式 5.2.1阴影文本text-shadow 5.2.2溢出文本text-overflow 5.2.3控制换行word-wrap 5.2.4保持字体尺寸不变font-size-adjust 5.3段落属性 5.3.1单词间隔word-spacing 5.3.2字符间隔letter-spacing 5.3.3文字修饰text-decoration 5.3.4垂直对齐方式vertial-align 5.3.5文本转换text-transform 5.3.6水平对齐方式text-align 5.3.7文本缩进text-indent 5.3.8文本行高line-height 5.3.9处理空白white-space 5.3.10文本反排unicode-bidi和direction 5.4综合实例1——设置网页标题 5.5综合实例2——网页简单图文混排 5.6专家解惑 第6章CSS美化图片 6.1图片边框样式 6.1.1图片边框 6.1.2图片缩放 6.2对齐图片 6.2.1横向对齐方式 6.2.2纵向对齐方式 6.3图文混排 6.3.1文字环绕 6.3.2设置图片与文字间距 6.4综合实例1——一句话新闻 6.5综合实例2——学校宣传单 6.6专家解惑 第7章 背景与边框 7.1背景相关属性 7.1.1背景颜色 7.1.2背景图片 7.1.3背景图片重复 7.1.4背景图片显示 7.1.5背景图片位置 7.1.6背景图片大小 7.1.7背景显示区域 7.1.8背景图像裁剪区域 7.1.9背景复合属性 7.2边框 7.2.1边框样式 7.2.2边框颜色 7.2.3边框线宽 7.2.4边框复合属性 7.3圆角边框 7.3.1圆角边框属性 7.3.2指定两个圆角半径 7.3.3绘制4个不同圆角边框 7.3.4绘制边框种类 7.4图像边框 7.4.1图像边框属性 7.4.2设置图像边框显示方式 7.4.3图像边框重复性解析 7.5综合实例——简单的公司主页 7.6专家解惑 第8章CSS3美化超级链接和鼠标 8.1超级链接基本样式 8.1.1改变超级链接基本样式 8.1.2超级链接背景图设置 8.1.3超级链接按钮效果 8.2鼠标特效 8.2.1 CSS3控制鼠标箭头 8.2.2鼠标变幻超级链接 8.2.3页面滚动条 8.3综合实例1——图片超级链接 8.4综合实例2——制作实用工具栏 8.5综合实例3——鼠标特效 8.6专家解惑 第9章CSS3美化表格和表单样式 9.1表格基本样式 9.1.1表格边框样式 9.1.2表格边框宽度 9.1.3表格边框颜色 9.2 CSS3与表单 9.2.1美化表单中元素 9.2.2美化提交按钮 9.2.3美化下拉菜单 9.3综合实例I——隔行变色 9.4综合实例2——表格图文网页布局 9.5综合实例3——变色表格 9.6综合实例4——登录表单 9.7综合实例5——注册表单 9.8专家解惑 第10章CSS3制作实用菜单 10.1项目列表 10.1.1美化无序列表 10.1.2美化有序列表 10.1.3美化自定义列表 10.1.4图片列表 10.1.5列表缩进 10.1.6列表复合属性 10.2无序表格的菜单 10.3菜单的横竖转换 10.4综合实例1——段落模拟列表效果 10.5综合实例2——模拟soso导航栏 10.6专家解惑 第11章 应用CSS3滤镜 11.1滤镜概述 11.2 Alpha滤镜 11.3 BlendTrans滤镜 11.4 Blur滤镜 11.5 Chroma滤镜 11.6 DropShadow滤镜 11.7 FlipH滤镜 11.8 Glow滤镜 11.9 Gray滤镜 11.10 Invert滤镜 11.11 FlipV滤镜 11.12 Light滤镜 11.13 Mask滤镜 11.14 RevealTrans滤镜 11.15 Shadow滤镜 11.16 Wave滤镜 11.17 X-ray滤镜 11.18专家解惑 第12章 定位与布局 12.1定位方式 12.1.1定位属性 12.1.2 position定位 12.1.3层叠顺序z-index 12.1.4边偏移属性 12.2 float浮动定位 12.3 overflow溢出定位 12.4 visibility隐藏定位 12.5块和行内元素display 12.5.1块元素 12.5.2行内元素 12.6综合实例——定位布局新闻 12.7专家解惑 第13章CSS3盒子和DIV布局 13.1认识div层 13.1.1层在HTML布局应用 13.1.2 div和span区别 13.2盒子模型 13.2.1什么是盒子模型 13.2.2 border边框 13.2.3 padding内边距 13.2.4 margin外边距 13.3 CSS3新增弹性盒子模型 13.3.1盒子布局取向box-orient 13.3.2盒子布局顺序box-direction 13.3.3盒子布局位置box-ordinal-group 13.3.4盒子弹性空间box-flex 13.3.5管理盒子空间box-pack和box-align 13.3.6空间溢出管理box-lines 13.4综合实例1——图文排版效果 13.5综合实例2——淘宝导购菜单 13.6专家解惑 第14章DIV+CSS3页面基本排版 14.1 CSS3排版观念 14.1.1将页面用DIV分块 14.1.2设置各块位置 14.1.3用CSS定位 14.2固定宽度布局 14.2.1上中下版式 14.2.2左右版式 14.3自适应宽度布局 14.4其他页面排版 14.4.1浮动布局 14.4.2隐藏布局 14.5新增CSS3多列布局 14.5.1列宽度column-width 14.5.2列数column-count 14.5.3 列间距column-gap 14.5.4列边框样式column-rule 14.6综合实例1——模拟起点中文网布局 14.7综合实例2——电子企业首页 14.8综合实例3——汽车网站首页 14.9专家解惑 第15章DIV+CSS3布局实战 15.1 DIV布局优势 15.2综合实例1——家庭相册 15.3综合实例2——个人网站首页 15.4综合实例3——旅游网站首页 15.5专家解惑 第16章CSS3与JavaScript的搭配应用 16.1 JavaScript概述 16.1.1 JavaScript概念 16.1.2 JavaScript引用 16.1.3 JavaScript与CSS 16.2 JavaScript语法基础 16.2.1数据类型 16.2.2变量 16.2.3运算符 16.2.4流程控制语句 16.2.5函数 16.3综合实例1——打字效果的文字 16.4综合实例2——文字升降特效 16.5综合实例3——跑马灯效果 16.6综合实例4——闪烁图片 16.7综合实例5——左右移动的图片 16.8综合实例6——向上滚动的菜单 16.9综合实例7——跟随鼠标移动的图片 16.10综合实例8——树形菜单 16.11综合实例9——时钟特效 16.12综合实例10——颜色选择器 16.13专家解惑 第17章CSS3与XML的综合运用 17.1 XML语法基础 17.1.1 XML概念 17.1.2 XML文档组成和声明 17.1.3 XML元素介绍 17.2 CSS修饰XML文件 17.2.1 XML使用CSS 17.2.2设置字体属性 17.2.3设置色彩属性 17.2.4设置边框属性 17.2.5设置文本属性 17.3实例1:招聘广告 17.4实例2:书目清单 17.5实例3:图文混排页面 17.6实例4:古诗欣赏 17.7专家解惑 第18章 心灵深处的旋律——音乐网站 18.1构思布局 18.1.1设计分析 18.1.2排版架构 18.2模块分割 18.2.1页头部分 18.2.2左侧内容列表 18.2.3中间内容列表 18.2.4右侧内容列表 18.2.5页脚部分 18.3整体调整 18.3.1页面内容主体调整 18.3.2页面整体调整 18.4专家解惑 第19章 企业的门面——小型企业网站开发 19.1构思布局 19.1.1设计分析 19.1.2排版架构 19.2模块分割 19.2.1 Logo与导航菜单 19.2.2左侧文本介绍 19.2.3右侧导航链接 19.2.4版权信息 19.3整体调整 19.4专家解惑 第20章 似水年华——女性个人网站 20.1构思布局 20.1.1设计分析 20.1.2排版架构 20.2模块分割 20.2.1网站名称 20.2.2日志文章 20.2.3页面导航 20.2.4作者信息 20.3整体调整 20.4专家解惑 第21章 公司宣传有秘籍——时尚内衣网站 21.1构思布局 21.1.1设计分析 21.1.2排版架构 21.2模块分割 21.2.1页面导航和Logo图片 21.2.2新产品展示 21.2.3品牌形象和产品展示栏目 21.2.4内衣欣赏 21.2.5公司信息 21.3整体调整 21.4专家解惑 第22章 传承文化——文化宣传类网站 22.1构思布局 22.1.1设计分析 22.1.2排版架构 22.2模块分割 22.2.1页头部分 22.2.2左侧部分 22.2.3右侧部分 22.2.4中间部分 22.2.5页脚部分 22.3整体调整 22.4专家解惑 封底 Ben shu nei rong zhu yao bao kuo CSS3 de ji ben yu fa he gai nian, She zhi wen zi, Duan luo, Tu pian, Bei jing, Biao ge, Biao dan he cai dan deng wang ye yuan su de fang fa, Yi ji CSS3 lü jing de ying yong. Zhong dian jie shao ru he shi yong DIV+CSS3 jin xing wang ye bu ju, Zhu zhong shi zhan cao zuo, Shi du zhe zai xue xi CSS3 ji shu de tong shi, Zhang wo DIV+CSS3 de jing sui 本书内容包括:DIV+CSS3的基本语法和概念, 设置文字, 段落, 图片, 背景, 链接, 表格, 表单, 菜单等网页元素的方法, 以及开发网站的基础知识, HTML5相关技术, CSS3的基本语法, CSS3滤镜的应用, CSS3定位与DIV布局, CSS3与JavaScript, XML的结合使用, 介绍了如何使用DIV+CSS3进行网页布局, 如何制作家庭相册, 个人网站首页和旅游网站首页, 光盘中附有266个实战案例,5个综合实例