第1章 网页那点事
1.1 网页概述
1.1.1 网页的组成
1.1.2 网页名词解释
1.1.3 Web标准
1.2 网页制作技术入门
1.2.1 HTML
1.2.2 CSS
1.2.3 JavaScript
1.2.4 网页的展示平台——浏览器
1.3 Dreamweaver工具的使用
1.3.1 认识Dreamweaver界面
1.3.2 Dreamweaver初始化设置
1.3.3 Dreamweaver基本操作
1.4 创建第一个网页
1.5 动手实践
第2章 从零开始构建HTML页面
2.1 【案例1】简单的网页
案例描述
知识引入
1. HTML文档基本格式
2. 标签的分类
3. 标签的关系
4. 页面格式化标签
案例实现
2.2 【案例2】新闻页面
案例描述
知识引入
1. 标签的属性
2. HTML文档头部相关标签
3. 文本样式标签
4. 文本格式化标签
案例实现
2.3 【案例3】图文混排
案例描述
知识引入
1. 常见图像格式
2. 图像标签<img />
3. 相对路径和绝对路径
4. 特殊字符标签
案例实现
2.4 动手实践
第4章 运用盒子模型划分网页模块
4.1 【案例7】音乐盒
案例描述
知识引入
1. 认识盒子模型
2. <div>标签
3. 边框属性
案例实现
4.2 【案例8】用户中心
案例描述
知识引入
1. 内边距属性
2. 外边距属性
3. 盒子的宽与高
案例实现
4.3 【案例9】咖啡店banner
案例描述
知识引入
1. 设置背景颜色
2. 设置背景图像
3. 设置背景图像平铺
4. 设置背景图像的位置
5. 设置背景图像固定
6. 综合设置元素的背景
案例实现
4.4 【案例10】图标导航栏
案例描述
知识引入
1. 元素类型
2. <span>标签
3. 元素类型的转换
案例实现
4.5 【案例11】创意画框
案例描述
知识引入
1. 颜色透明度
2. 图片边框
3. 阴影
4. 渐变
案例实现
4.6 【案例12】拼图效果
案例描述
知识引入
1. 圆角
2. 多背景图像
案例实现
4.7 动手实践
第5章 为网页添加列表和超链接
5.1 【案例13】精美电商悬浮框
案例描述
知识引入
1. 无序列表
2. 有序列表
案例实现
5.2 【案例14】二维码名片
案例描述
知识引入
1. 定义列表
2. 定义列表实现图文混排
3. 列表嵌套的应用
案例实现
5.3 【案例15】电商团购悬浮框
案例描述
知识引入
1. list-style-type属性
2. list-style-image属性
3. list-style-position属性
4. list-style属性
5. 背景图像定义列表项目符号
案例实现
5.4 【案例16】唱吧导航栏
案例描述
知识引入
1. 创建超链接
2. 锚点链接
3. 链接伪类控制超链接
案例实现
5.5 动手实践
第6章 为网页添加表格和表单
6.1 【案例17】简历表
案例描述
知识引入
1. 创建表格
2. <table>标签的属性
3. <tr>标签的属性
4. <td>标签的属性
5. <th>标签及其属性
6. 表格的结构
7. CSS控制表格样式
案例实现
6.2 【案例18】用户登录界面
案例描述
知识引入
1. 认识表单
2. 创建表单
案例实现
6.3 【案例19】趣味选择题
案例描述
知识引入
1. input控件
案例实现
6.4 【案例20】空间日志
案例描述
知识引入
1. textarea控件
2. select控件
案例实现
6.5 【案例21】员工档案
案例描述
知识引入
1. CSS控制表单样式
案例实现
6.6 动手实践
第7章 运用浮动与定位布局
7.1 【案例22】世界杯梦幻阵容
案例描述
知识引入
1. 认识浮动
案例实现
7.2 【案例23】商品专栏
案例描述
知识引入
1. 清除浮动
案例实现
7.3 【案例24】移动端电商界面
案例描述
知识引入
1. overflow属性
案例实现
7.4 【案例25】违停查询
案例描述
知识引入
1. 认识定位属性
2. 定位类型
3. z-index层叠等级属性
案例实现
7.5 【案例25】网页布局
案例描述
知识引入
1. 认识布局
2. 单列布局
3. 两列布局
4. 三列布局
5. 网页模块命名规范
案例实现
7.6 动手实践

第8章 全新的网页视听技术
8.1 【案例26】电影播放界面
案例描述
知识引入
1. 音视频嵌入技术概述
2. 嵌入视频
3. 嵌入音频
4. 浏览器对音视频文件的兼容性
5. 控制视频宽高
案例实现
8.2 【案例27】导航栏悬浮特效
案例描述
知识引入
1. transition-property属性
2. transition-duration属性
3. transition-timing-function属性
4. transition-delay属性
5. transition属性
案例实现
8.3 【案例28】塔罗牌动画
案例描述
知识引入
1. 2D变形
2. 3D变形
案例实现
8.4 【案例29】魔法阵
案例描述
知识引入
1. @keyframes规则
2. animation-name属性
3. animation-duration属性
4. animation-timing-function属性
5. animation-delay属性
6. animation-iteration-count属性
7. animation-direction属性
8. animation属性
案例实现
8.5 动手实践

第9章 简单的JavaScript
9.1 【案例30】身份验证
案例描述
知识引入
1. 认识JavaScript
2. JavaScript的语法规则
3. 关键字
4. JavaScript的引入方式
5. alert()方法
6. prompt()方法
案例实现
9.2 【案例31】商城下拉菜单
案例描述
知识引入
1. DOM简介
2. 对象
3. 访问节点
4. 设置节点样式
5. 变量
6. 函数
7. 事件和事件调用
8. 常用的JavaScript事件
案例实现
9.3 【案例32】限时秒杀
案例描述
知识引入
1. 数据类型
2. 运算符
3. 运算符优先级
4. 条件语句
5. BOM简介
6. Date对象
7. 数据类型转换
案例实现
9.4 【案例33】Tab栏切换效果
案例描述
知识引入
1. 循环控制语句
2. 跳转语句
3. 数组
案例实现
9.5 动手实践
第10章 实战开发—好趣艺术设计部落首页面
10.1 准备工作
1. 建立站点
2. 站点初始化设置
3. 切片
4. 效果图分析
5. 页面布局
6. 定义公共样式
10.2 首页面详细制作
1. 制作头部和导航
2. banner和通告
3. 主体内容区域
4. 底部版权区域
动手实践