DIV+CSS网页布局实用教程

目录第1章　网页制作基础 101．1　认识网页 101．1．1　网页和网站 101．1．2　网页的类型 111．1．3　动态网页与静态网页 111．1．4　网页的基本构成元素 121．2　如何设计网页 121．2．1　网页设计的基本原则 131．2．2　网页设计的成功要素 131．2．3　网页的设计风格和色彩搭配 141．3　网站设计要点 141．3．1　为用户考虑 141．3．2　主题突出 151．3．3　整体原则 161．3．4　内容与形式相统一 161．3．5　更新和维护 171．4　网站设计流程 171．4．1　网站项目的定义 171．4．2　网站策划方案 171．4．3　网站内容规划 171．4．4　获得网站资源 181．5　常用网页编辑软件简介 181．5．1　Dreamweaver 181．5．2　FrontPage 211．5．3　HomeSite 211．6　本章小结 211．7　课后习题 211．7．1　课后习题1-新建Dreamweaver文档 221．7．2　课后习题2-新建Dreamweaver工作区 22第2章　HTML和XHTML 242．1　了解浏览器和网页文档的关系 242．2　初识HTML和XHTML 242．3　HTML 242．3．1　HTML概述252．3．2　HTML的基本结构252．3．3　HTML的基本语法262．3．4　HTML的主要功能262．3．5　HTML标签262．4　XHTML语法 322．5　初识CSS 332．6　本章小结 352．7　课后习题 352．7．1　课后习题1-创建一个简单的html网页 362．7．2　课后习题1-使用Dreamweaver创建页面 36第3章　CSS初体验 383．1　编写XHTML文档 383．1．1　使用Dreamweaver新建XHTML框架文档 383．1．2　手工编写XHTML文档 393．2　使CSS在XHTML文档中生效 393．2．1　在标签中加入CSS样式 393．2．2　在标签中加入样式 413．2．3　链入外部CSS样式表 423．2．4　优先级问题 443．3　CSS样式表的规则 463．4　CSS的注释 473．4．1　单行注释 473．4．2　整段注释 473．5　本章小结 473．6　课后习题 473．6．1　课后习题1-创建CSS结构的网站页面 473．6．2　课后习题2-创建外部CSS文件 48第4章　掌握CSS基本语法 504．1　选择器 504．1．1　标签选择器 504．1．2　类选择器 524．1．3　ID选择器 534．1．4　全局选择器 554．1．5　组合选择器 564．1．6　继承选择器 574．1．7　伪类选择器 574．2　声明 584．2．1　多重声明 584．2．2　集体声明 584．3　CSS的层叠原理 594．3．1　CSS样式来源 594．3．2　CSS的继承 594．3．3　选择器的优先级 614．3．4　important语句 644．4　CSS的单位 654．4．1　颜色单位 654．4．2　长度单位 684．5　本章小结 704．6　课后习题 704．6．1　课后习题1-实现水平菜单条 704．6．2　课后习题2-通过CSS控制整个页面 71第5章　Div+CSS布局页面 725．1　初识Div+CSS 725．1．1　布局的流程 725．1．2 Div+CSS布局的优势 735．2　了解盒模型 745．2．1　基本盒模型 745．2．2　边距 745．2．3　填充 765．2．4　边框 775．2．5　内容 795．3　页面元素的布局 795．3．1　块级元素 805．3．2　行内元素 805．4　CSS布局方式——浮动 815．4．1　两个元素的浮动应用 825．4．2　多个元素的浮动应用 835．4．3　清除浮动 855．5　CSS布局定位 875．5．1　CSS的定位属性 875．5．2　相对定位 885．5．3　绝对定位 895．5．4　固定定位 915．6　控制溢出元素 925．6．1　overfl ow935．6．2　overfl ow-x 955．6．3　overfl ow-y 965．7　本章小结 975．8　课后习题 975．8．1　课后习题1-制作歌曲专辑列表 985．8．2　课后习题2-给图片加入信息 98第6章　CSS排版页面 1006．1　固定宽度布局 1006．1．1　一列居中布局 1006．1．2　两列居中布局 1036．2　自适应宽度布局 1056．2．1　一列宽度自适应布局 1056．2．2　两列布局——左侧固定右侧自适应 1066．2．3　两列布局——两列均自适应布局 1076．2．4　三列布局——两侧固定中间自适应 1086．3　复杂的页面排版 1096．3．1　复杂的页面排版——垂直布局 1096．3．2　复杂的页面排版——水平布局 1126．4　本章小结 1146．5　课后习题 1146．5．1　课后习题1-创建复杂的页面 1146．5．2　课后习题2-布局图像展示页面 115第7章　CSS控制页面中的文本 1167．1　字体 1167．2　文字大小概述 1187．2．1　设置文字大小 1187．2．2　定义文字的相对大小 1197．2．3　定义文字的绝对大小 1207．3　字体颜色 1217．4　字体粗细 1227．5　斜体 1237．6　下划线、顶划线和删除线 1237．7　属性的缩写法 1237．8　段落属性 1257．8．1　段落的水平对齐方式 1257．8．2　段落的垂直对齐方式 1267．8．3　首行缩进 1277．8．4　行间距与字间距 1287．8．5　文本转换 1297．8．6　处理空白符 1297．9　文本的高级样式 1317．9．1　阴影文本 1327．9．2　溢出文本 1327．9．3　控制文本换行 1337．10　本章小结 1357．11　课后习题 1357．11．1　课后习题1-制作文章页面 1357．11．2　课后习题2-制作多种文本版面 136第8章　CSS控制页面背景 1388．1　背景控制概述 1388．1．1　背景控制原则 1388．1．2　背景控制属性 1388．2　背景颜色控制 1398．2．1　控制页面背景颜色 1398．2．2　设置区块背景颜色 1408．3　背景图像控制 1418．3．1　控制页面背景图片 1428．3．2　背景图的重复 1438．3．3　背景图的位置 1448．3．4　背景图像的滚动 1468．4　CSS 3．0新增背景属性 1488．4．1　background-origin 1488．4．2　background-clip 1518．4．3　background-size 1538．4．4　multiple background 1568．4．5　实现动态背景 1588．5　本章小结 1608．6　课后习题 1608．6．1　课后习题1-图片评论页面 1608．6．2　课后习题2-创建外部CSS文件 161第9章　CSS控制页面中的图片 1629．1　使用CSS控制图片的样式 1629．1．1　在网页中插入图片 1629．1．2　控制图片的大小 1649．1．3　为图像添加边框 1659．1．4　为图像增加超链接 1679．2　图片对齐 1689．2．1　水平对齐 1689．2．2　垂直对齐 1689．3　图文混排 1699．3．1　文本混排 1699．3．2　设置混排间距 1709．4　图片特殊效果 1719．4．1　圆角图片 1719．4．2　多色边框效果 1739．5　本章小结 1739．6　课后习题 1739．6．1　课后习题1-个人信息页头部 1749．6．2　课后习题2-个人页面图册 174第10章　CSS控制列表 17610．1　列表控制概述 17610．2　列表的类型 17710．2．1　序列表 17710．2．2　有序列表 17910．2．3　定义列表 18010．3　改变列表符的样式 18110．3．1　使用自带的列表符 18110．3．2　用背景图片改变列表符 18410．3．3　改变列表符的位置 18510．3．4　列表属性的速写法 18710．4　使用列表制作实用菜单18

本书全面展现了Div+CSS进行网页设计布局的方法，主要包括CSS的基本语法和概念，通过CSS样式表设置文字、图片、背景、表格、表单和菜单等网页元素的方法，通过Div+CSS进行页面布局，以及CSS滤镜的使用，着重讲解如何用Div+CSS进行页面布局。书中精心设置了大量课堂案例，帮助读者提高实际操作能力。课后还提供了课后练习，可以帮助读者巩固所学到的知识。最后给出了6个完整的网页综合案例，让读者可以将所学到的知识综合运用到实际的网页设计制作中。随书配套光盘中提供了书中所有课堂案例和课后习题的制作过程的教学视频，以及源文件和素材，能使读者提高学习效率。随书还提供教学用途的PPT课件，老师可直接使用或者修改后配合课程使用，便于提高教学质量。全书内容全面，讲解通俗易懂，适合初学者和对网页设计感兴趣的读者。本书内容丰富、结构清晰、循序渐进，注重思维锻炼与实践应用，章节与案例之间相互呼应，适合作为CSS初学者的入门教材，也可以作为中高级用户的参考。【作者简介】金景文化是行业内知名的设计团队，其主要成员包括Adobe网页设计师认证讲师、 Adobe专家组成员。具有丰富的设计开发经验，曾参与中央电大网页设计课程体系开发、参与设计了999集团设计宣传册、以及国务院国资委电子资料室设计制作网站。 同时，具有丰富的教学经验，曾在北京大学、北京师范大学等重点院校以及Adobe创意大学和新东方等培训机构教授网页设计课程。对网页色彩搭配有独特见解。出版网页设计与设计类书籍数十种。