网页布局与实现

模块1 网页布局设计体验

1.1 CSS网页

1.1.1 什么是CSS

1.1.2 Web标准

1.1.3 网页结构与表现分离实例

1.2 编写CSS布局的XHTML

1.2.1 一个简单的XHTML页面实例

1.2.2 XHTML编写的规范

1.2.3 CSS网页的编辑

1.2.4 CSS的使用注释

1.2.5 制作一个简单的CSS实例

1.3 CSS控制的页面

1.3.1 CSS的引入

1.3.2 行内样式

1.3.3 内嵌式调用CSS样式的实例

1.3.4 链接外部CSS样式的实例

1.3.5 导入外部样式

拓展实践

习题

模块2 CSS的实战基础

2.1 CSS的基本语法

2.1.1 CSS语法的格式

2.1.2 CSS的取值单位

2.2 基本CSS选择符

2.2.1 标签选择符

2.2.2 类选择符

2.2.3 ID选择符

2.3 灵活使用CSS选择符

2.3.1 分组选择符及实例

2.3.2 通配选择符

2.3.3 包含选择符及实例

2.3.4 选择符嵌套及实例

2.3.5 标签指定选择符

2.3.6 伪类选择符

2.4 CSS继承应用的实例

2.5 CSS样式和选择符优先级

2.5.1 CSS样式的优先级原则

2.5.2 CSS样式的优先级

2.5.3 CSS选择符的优先级实例

拓展实践

习题

模块3 DIV布局与CSS定位

3.1 盒子模型

3.1.1 盒子模型的概念

3.1.2 padding、margin、border设置实例

3.1.3 盒子模型尺寸的计算

3.1.4 盒子外边距合并实例

3.1.5 块级元素与行内元素

3.2 页面定位技术

3.2.1 CSS定位机制

3.2.2 浮动定位问题

3.2.3 清除浮动

3.3 CSS定位属性

3.3.1 相对定位

3.3.2 绝对定位

3.3.3 固定定位

3.4 CSS布局技术

3.4.1 CSS布局理念

3.4.2 一列固定宽度居中

3.4.3 一列自适应宽度居中

3.4.4 二列固定宽度度中

3.4.5 二列自适应宽度居中

3.4.6 CSS高度自适应

3.4.7 溢出内容overflow属性

……

模块4 文字段落与列表的应用

模块5 背景与图片的应用

模块6 表格与表单的样式应用

模块7 超链接与导航栏的样式应用

模块8 CSS控制其他元素的显示

模块9 CSS 3.0的新技术与应用

模块10 制作个人博客页面

模块11 企业网站制作

本书通过项目案例来讲解DIV+CSS布局设计的基本思想、方法和解决实际问题的技巧，培养学习者网页布局分析、设计、应用的能力和良好的网页布局设计习惯。本书打破传统的教材组织形式，强化CSS布局设计，由简单初步布局到真实项目实战布局，以网页布局设计体验（结构与表现分离）→CSS的实战基础→DIV布局与CSS定位→文字段落与列表的应用→背景与图片的应用→表格与表单的样式应用→超链接与导航栏的样式应用→CSS控制其他元素的显示为主线划分为8个模块；最后，对CSS 3.0新技术应用作了介绍，通过完成一个具有代表性的博客实例和一个企业网站实例项目实战，完整地实施CSS页面布局，以提高读者综合解决问题的能力。本书适合作为高职高专院校计算机类专业学生学习网页设计的教材，也适合从事网页设计的人员参考学习。

《高职高专计算机教学改革新体系规划教材》特色：
·反映产业技术升级，符合职业教育规律和高端技能型人才成长规律，根据计算机类专业建设和教育教学改革而设计。
·对接职业标准和岗位要求，以就业为导向，以提升职业岗位竞争力为目标，是适应新兴产业、新职业和新岗位要求的特色教材。
·教材尽力配套教学资源库，包括精品课程的配套网站、教学大纲及考核方案、实训案例、通用素材库、习题及其答案，以及必要的多媒体光盘等数字化配套资源。