CSS+DIV网页设计与制作（高职高专计算机教学改革新体系规划教材）

图书标准信息

• 作者 梁小芳；梁文锋；朱平
• 出版社 清华大学出版社
• 出版时间 2015-02
• 版次 1
• ISBN 9787302373124
• 定价 36.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸

【内容简介】

本书以校企合作、工学结合的人才培养模式为指导思想，以基于工作过程的教学模式为教学引领，以教学任务为载体，以培养行业网页设计师所具有的职业素养和职业能力为目标，通过大量实例对CSS+DIV网页布局、DOM、JavaScript等技术应用展开阐述。本书分为3篇，共12个项目。其中,第1篇为基础篇，第2篇为应用篇，第3篇为实战篇。本书项目均配有源文件，方便读者学习使用。 本书内容从基础到高级技术应用，符合从简单到复杂的学习过程； 可作为高职高专院校计算机专业教材，也可作为有意从事网页设计师工作的爱好者的自学教材。

【目录】

第1篇 基础篇 

项目一 了解网页设计相关知识 

任务1.1 通过网页了解各种网页元素 

1.1.1 网页 

1.1.2 网站 

1.1.3 主页和子页 

1.1.4 构成网页的元素 

1.1.5 IP地址 

1.1.6 域名 

1.1.7 域名解析服务 

1.1.8 域名类型 

1.1.9 HTML 

1.1.10 静态网页和动态网页 

1.1.11 网页设计与制作的主要工具 

任务1.2 了解Web标准 

1.2.1 Web标准概述 

1.2.2 内容、结构和表现相分离 

任务1.3 了解DIV+CSS布局 

1.3.1 CSS样式 

1.3.2 CSS盒子模型 

1.3.3 DIV+CSS布局的好处 

任务1.4 网页版面布局 

1.4.1 T字形结构版式 

1.4.2 同字形结构版式 

1.4.3 三字形结构版式 

1.4.4 匡字形结构版式 

1.4.5 Flash布局 

1.4.6 海报布局 

任务1.5 初步了解网站设计与开发的过程 

1.5.1 前期策划 

1.5.2 网站开发（网页制作） 

1.5.3 网站后期发布、测试与维护 

实训1 网页赏析 

项目二 网站建立与网站规划 

任务2.1 新建网站与网站文件管理 

2.1.1 Dreamweaver CS6新功能介绍 

2.1.2 站点创建 

任务2.2 新建网页与网页测试 

2.2.1 新建网页 

2.2.2 网页测试 

任务2.3 编写最简单的HTML框架 

2.3.1 编写HTML框架 

2.3.2 认识网页标签 

任务2.4 插入各种网页元素 

2.4.1 插入文字 

2.4.2 插入特殊符号 

2.4.3 插入图像 

2.4.4 插入媒体元素 

2.4.5 插入音频 

2.4.6 插入表单 

2.4.7 插入表格 

任务2.5 创建超链接 

2.5.1 超链接定义 

2.5.2 创建超链接 

实训2 网站建立与栏目规划 

项目三 创建CSS样式表 

任务3.1 CSS样式引入 

3.1.1 CSS基本语法运用 

3.1.2 选择器的使用 

3.1.3 样式表的继承性使用 

3.1.4 注释运用 

任务3.2 建立CSS样式表 

3.2.1 建立标签选择器类型的CSS样式表 

3.2.2 建立类选择器类型的CSS样式表 

3.2.3 建立ID选择器类型的CSS样式 

任务3.3 在网页中插入CSS样式表 

3.3.1 内部样式表 

3.3.2 链接外部样式表 

3.3.3 导入外部样式表 

3.3.4 内嵌样式表 

任务3.4 解决CSS的优先级问题 

实训3 利用CSS样式创建多种样式 

第2篇 应用篇 

项目四 应用CSS盒子 

任务4.1 盒子模型探究 

4.1.1 盒子模型定义 

4.1.2 在标准流中定位默认CSS盒子 

任务4.2 设置盒子边框 

任务4.3 设置盒子填充 

任务4.4 设置盒子边界 

任务4.5 文字盒子属性设置 

任务4.6 CSS盒子模型计算 

4.6.1 一个CSS盒子实际宽度计算 

4.6.2 块级元素之间的距离计算：取最大者 

4.6.3 行内元素之间的距离计算：margin—right+margin—left 

4.6.4 嵌套关系的距离计算：子块级元素离父块级元素距离为margin+padding 

任务4.7 CSS盒子模型与DOM树关系应用 

实训4 CSS盒子的应用 

项目五 网页元素美化 

任务5.1 丰富的文字效果设置 

5.1.1 CSS样式修饰文字 

5.1.2 CSS样式修饰段落 

任务5.2 设计漂亮的表格 

任务5.3 文字超链接各种样式的设置 

任务5.4 文字超链接多种样式混合应用 

5.4.1 整体超链接效果制作 

5.4.2 多种（个性）超链接效果制作 

任务5.5 设置列表小图片 

5.5.1 设置列表小图片操作 

5.5.2 CSS控制网页背景图片属性设置 

任务5.6 设计精美表单 

实训5 使用CSS样式控制网页元素和背景图位置 

项目六 CSS盒子浮动 

任务6.1 理解浮动属性 

6.1.1 理解标准流 

6.1.2 块级元素和行内元素在标准流里的排放位置 

任务6.2 使用浮动属性实现竖直变一行效果 

任务6.3 使用浮动属性实现图片文字环绕效果 

任务6.4 使用浮动清除属性 

任务6.5 使用浮动属性实现两行两列布局 

实训6 使用浮动属性布局网页架构 

项目七 CSS盒子定位 

任务7.1 了解定位属性 

仟务7.2 应用定位属性 

7.2.1 绝对定位的应用 

7.2.2 相对定位应用 

任务7.3 隐藏与显示网页元素 

7.3.1 隐藏网页元素 

7.3.2 行竖转换网页元素 

实训7 使用定位属性布局网页 

…… 

第3篇 实战篇 

参考文献