任务 1
美食文化历史页面设计………………… 1
任务导入…………………………………………1
1.1 认识网页 …………………………………2
        1.1.1 网页和网站的关系 ……………………2
        1.1.2 静态网页与动态网页 …………………2
1.2 理解 Web 工作原理 ………………………3
        1.2.1 网页访问过程 …………………………3
        1.2.2 浏览器 …………………………………3
        1.2.3 网络访问基本概念 ……………………4
1.3 认识及使用开发工具 ……………………6
        1.3.1 常用开发工具介绍 ……………………6
        1.3.2 Chrome 浏览器开发者工具 ……………8
1.4 认识网页基本结构 …………………… 10
        1.4.1 标签与页面基本结构 ……………… 10
        1.4.2 标签的类型及属性 ………………… 12
任务实施……………………………………… 14
任务 2 
饮食文化页面设计…………………… 16
任务导入……………………………………… 16
2.1 认识 HTML 基本标签 ………………… 17
        2.1.1 文本控制标签 ……………………… 17
        2.1.2 图像标签 …………………………… 20
        2.1.3 超链接标签 ………………………… 21
2.2 使用样式表 …………………………… 24
        2.2.1 样式表的概念及作用 ……………… 24
        2.2.2 定义与引入样式表 ………………… 24
        2.2.3 基本类型选择器 …………………… 26
2.3 使用文本样式 ………………………… 30
        2.3.1 字体样式 …………………………… 30
        2.3.2 文本外观样式 ……………………… 32
任务实施……………………………………… 35
任务 3 
学做美食页面设计…………………… 39
任务导入……………………………………… 39
3.1 使用 HTML 其他元素 ………………… 40
        3.1.1 列表元素 …………………………… 40
        3.1.2 结构元素 …………………………… 43
        3.1.3 页面交互元素 ……………………… 44
3.2 元素类型及转换 ……………………… 46
        3.2.1 块级元素 …………………………… 46
        3.2.2 内联元素 …………………………… 46
        3.2.3 内联块元素 ………………………… 46
3.3 使用 CSS3 高级选择器 ……………… 46
        3.3.1 属性选择器 ………………………… 47
        3.3.2 关系选择器 ………………………… 48
        3.3.3 伪选择器 …………………………… 51
        3.3.4 结构化伪类选择器 ………………… 53
任务实施……………………………………… 57
任务 4 
大厨风采页面设计…………………… 64
任务导入……………………………………… 64
4.1 使用 CSS 盒模型 ……………………… 65
        4.1.1 盒模型 ……………………………… 65
        4.1.2 盒模型的宽度和高度 ……………… 65
        4.1.3 边框属性用法 ……………………… 67
        4.1.4 边距属性用法 ……………………… 77
4.2 浮动的用法 …………………………… 81
        4.2.1 <div> 标签…………………………… 81
        4.2.2 设置元素浮动 ……………………… 82
        4.2.3 浮动的清除 ………………………… 84
4.3 使用音视频 …………………………… 88
        4.3.1 音视频格式简介 …………………… 88
        4.3.2 音视频在页面中的引入 …………… 89
        4.3.3 音视频常见属性 …………………… 91
任务实施……………………………………… 94
任务 5
诗与美食页面设计…………………… 103
任务导入………………………………………103
5.1 CSS 背景属性 …………………………104
        5.1.1 背景颜色 ……………………………104
        5.1.2 背景图片 ……………………………105
        5.1.3 背景图片平铺设置 …………………107
        5.1.4 背景图片位置设置 …………………108
        5.1.5 设置背景复合属性 …………………109
5.2 渐变属性 ………………………………110
        5.2.1 线性渐变 ……………………………110
        5.2.2 径向渐变 ……………………………112
        5.2.3 重复渐变 ……………………………113
任务实施………………………………………115
任务 6 
网站首页设计………………………… 126
任务导入………………………………………126
6.1 元素定位 ………………………………127
        6.1.1 元素定位属性 ………………………127
        6.1.2 元素定位方式 ………………………127
        6.1.3 z-index 属性 …………………………136
6.2 @font-face 规则 ………………………139
6.3 字体图标 ………………………………140
        6.3.1 字体图标简介 ………………………140
        6.3.2 使用字体图标 ………………………140
任务实施………………………………………143
任务 7 
注册页面设计………………………… 164
任务导入………………………………………164
7.1 创建和使用表格 ………………………165
        7.1.1 创建基本表格 ………………………165
        7.1.2 设置表格属性 ………………………166
        7.1.3 设置表格样式 ………………………167
        7.1.4 处理表格常见问题 …………………170
7.2 设计与使用表单 ………………………172
        7.2.1 了解表单基本构成 …………………172
        7.2.2 了解表单结构与属性 ………………173
        7.2.3 了解常用表单元素 …………………175
任务实施………………………………………187
任务 8 
光盘行动页面设计…………………… 193
任务导入………………………………………193
8.1 过渡 ……………………………………194
        8.1.1 transition-property 属性 ……………194
        8.1.2 transition-duration 属性 ……………194
        8.1.3 transition-timing-function 属性 ……195
        8.1.4 transition-delay 属性 ………………197
        8.1.5 transition 属性 ………………………197
8.2 元素转换 ………………………………199
        8.2.1 2D 转换………………………………199
        8.2.2 3D 转换………………………………209
8.3 关键帧动画 ……………………………216
        8.3.1 @keyframes …………………………216
        8.3.2 animation 属性 ………………………218
任务实施………………………………………223
任务 9 
网站测试与发布……………………… 228
任务导入………………………………………228
9.1 网站测试 ………………………………229
9.2 空间申请 ………………………………229
9.3 代码上传 ………………………………229
9.4 网站的宣传与推广 ……………………229
9.5 网页维护和更新 ………………………230
        9.5.1 静态网页的维护和更新 ……………230
        9.5.2 动态网页的更新 ……………………230
任务实施………………………………………230
参考文献……………………………… 236

世纪宏图免费样书、课件申请表

尊敬的老师：

您好！欢迎您领取本书样书，高校教师免费领取，包邮，每人1-3本。提交申请样书信息后，由对应区域负责人安排邮寄，1-3天内寄出。如有其他问题，请联系：薛老师 13810412048 （微信同号） QQ: 2301407762 进行咨询和处理。