CSS+DIV页面布局技术

前言

单元一 HTML的基本标签

1.1 工作场景导入

1.2 技术与知识准备

1.2.1 HTML文件的基本结构

1.2.2 编辑工具

1.2.3 网页的摘要信息

1.2.4 块级标签

1.2.5 行级标签

1.2.6 注释和特殊符号

1.2.7 W3C标准

1.3 工作场景训练

1.3.1 实现工作场景1的任务

1.3.2 实现工作场景2的任务

1.3.3 实现工作场景3的任务

1.4 重点问题分析

1.5 小结

单元二 表单应用

2.1 工作场景导入

2.2 技术与知识准备

2.2.1 表单的基本语法

2.2.2 表单元素的介绍

2.3 工作场景训练

2.4 重点问题分析

2.5 小结

单元三 表格应用和布局

3.1 工作场景导入

3.2 技术与知识准备

3.2.1 表格基础

3.2.2 跨行和跨列的表格

3.2.3 表格的高级用法

3.2.4 表格的其他用法

3.2.5 框架技术

3.3 工作场景训练

3.3.1 实现工作场景1的任务

3.3.2 卖现工作场景2的任务

3.3 13实现工作场景3的任务

3.4 重点问题分析

3.5 小结

单元四 CSS样式表

4.1 工作场景导入

4.2 技术与知识准备

4.2.1 CSS基础

4.2.2 常用的样式修饰

4.2.3 盒子模型

4.3 工作场景训练

4.3.1 实现工作场景1的任务

4.3.2 实现工作场景2的任务

4.3.3 实现工作场景3的任务

4.4 重点问题分析

4.5 小结

单元五 CSS+DIV实现典型页面局部布局

5.1 工作场景导入

5.2 技术与知识准备

5.2.1 div-ul-li实现横向导航菜单

5.2.2 div-dl-dt-dd实现图文混排

5.3 工作场景训练

5.3.1 实现工作场景1的任务

5.3.2 实现工作场景2的任务

5.4 重点问题分析

5.5 小结

单元六 CSS+DIV页面布局实例

6.1 分块制作商城网站首页

6.1.1 利用Dreamweaver搭建站点

6.1.2 制作商城网站首页的总体布局

6.1.3 实现顶部布局

6.1.4 实现左部商品分类

6.1.5 实现中部主题布局

6.1.6 实现右部布局

6.1.7 实现底部信息

6.2 制作商城分支页——注册页面

6.3 制作商城分支页——登录页面

6.4 制作商城分支页——商品具体介绍页面

6.5 建立页面之间的链接和进行兼容测试

6.5.1 建立页面间的链接

6.5.2 网页的兼容性测试

参考文献

《CSS+DIV页面布局技术/21世纪高职高专教学做一体化规划教材》由浅入深、循序渐进，通过典型的项目载体，采取工作过程项目化的模式，系统地介绍和训练了超文本标记语言HTML的基本标签、表单应用、表格应用和布局、CSS层叠样式表、CSS+DIV实现典型页面局部布局，重点讲述了CSS+DIV实现典型页面技术和方法，为了便于读者全面掌握CSS+DIV技术和规范，深刻体会页面设计的乐趣，最后给出一个综合性的实战项目“CSS+DIV页面布局实例”，全面巩固所学的技术和方法。
　　《CSS+DIV页面布局技术/21世纪高职高专教学做一体化规划教材》适合作为高职高专软件技术、计算机网络技术、计算机应用技术、电子商务类以及相关专业教材，也可以作为网页设计技术培训教程，还可以作为Web网站开发人员、网页设计师等的参考书。

★问题导入
　　★案例驱动
　　★理论够用
　　★实践丰富
　　
　　《CSS+DIV页面布局技术/21世纪高职高专教学做一体化规划教材》特点：
　　·《CSS+DIV页面布局技术/21世纪高职高专教学做一体化规划教材》为校企合作教材，采取“工程过程项目化”的编写模式进行编写，从实际案例入手，让读者在学习CSS+DIV应用技术的同时掌握其精髓。
　　·各案例与实例按照由浅入深、由易到难的顺序编排，即使是初学者也可以轻松掌握CSS+DIV技术的布局方式，制作出精美实用的网页作品。
　　·最后通过一个综合的、商业化强的网站进行实战训练，提高了《CSS+DIV页面布局技术/21世纪高职高专教学做一体化规划教材》“工学结合，项目实战”的特色。