本书共分为11个模块，29个任务，主要内容包括Web基础知识、HTML5标记与网页制作、网页中多媒体的应用、表格与表单、列表与超链接、CSS3基础、CSS美化网站元素、DIV＋CSS网页布局等。书中内容从实际应用出发，采用任务式的编写模式，通过“知识准备”使学生快速掌握网页设计的相关基础知识；通过“任务实现”培养学生的设计思路，使学生掌握网页设计的方法和步骤；通过“思考与练习”使学生进一步巩固所学知识，拓展网页设计的应用能力。本书内容丰富、知识全面、图文并茂、步骤清晰、通俗易懂、专业性强，使学生既能掌握HTML+CSS网页样式与布局技术，又能解决工作中的实际问题。 本书既可作为应用型本科院校、高职高专院校计算机相关专业的教材，又可作为广大网页设计人员和网页制作爱好者的参考用书。

赵峰，副教授，职业资格二级（技师），中国职业技术教育学会教学工作委员会会员。毕业于北京交通大学计算机科学与技术专业，现为广东创新科技职业学院动漫制作技术专业带头人，在高校从教二十余年。参与或主持厅局级、学会级教育教学改革科研课题三项，在各级各类期刊发表教育教学改革论文15篇。研究成果在职教学会、高教学会评比中获得一等奖8项、二等奖3项、三等奖5项。2012年代表学校参加黑龙江省高等职业院校计算机技能大赛（教师组）获得二等奖。指导学生参加各级各类技能大赛三次获得优秀指导教师称号。近三年参与编写规划教材三本（一本担任主编，另外两本担任副主编）。申报实用新型专利1项。汤怀，中共党员，信息系统项目管理师（高级），讲师，考评员，双师素质教师，骨干教师，2012年毕业于华南理工大学软件工程专业，获工程硕士学位。主要担任《html+css网页设计基础》、《PHP网站开发》、《数据库技术与应用》、《C语言程序设计》、《PHP面向对象程序设计》等专业课程的教学，指导学生参加“计算机团体程序设计天梯赛”、“蓝桥杯”、“多迪杯”、“中星杯泛珠三角计算机作品大赛”、“创新创业大赛”等校内外比赛均取得优秀成绩，在国家相关刊物发表专业论文多篇，主持或参与科研课题多项。连续多年学校考核均被评为优秀，现任广东创新科技职业学院信息工程学院专任教师。

模块一 网页设计基础知识 1 任务1 Dreamweaver CC 2017的安装 1 任务描述 1 知识准备 2 1.1 Dreamweaver CC 2017的新增 功能 2 任务实现 3 任务小结 4 任务2 网站的建立 4 任务描述 4 知识准备 5 1.2 网页、网站、首页 5 1.3 静态网页和动态网页 6 1.4 IP地址、域名和URL 7 1.5 HTTP和FTP 7 任务实现 7 任务小结 9 任务3 网页的基本知识 9 任务描述 9 知识准备 10 1.6 网页的基本结构 10 1.7 网页的基本内容 10 1.8 网页的表现 11 1.9 网页的行为 11 1.10 网页的Web标准 11 任务小结 12 思考与练习 12 模块二 HTML5开发基础 14 任务1 编写一个简单的HTML5 页面 14 任务描述 14 知识准备 15 2.1 HTML简介 15 2.2 HTML的基本结构 16 任务实现 21 任务小结 22 任务2 设置“在线学习网”的首页 文件头部信息 22 任务描述 22 知识准备 23 2.3 页面文件的头部信息 23 任务实现 26 任务小结 27 思考与练习 27 模块三 文本与段落 30 任务1 文字的基本排版 30 任务描述 30 知识准备 31 3.1 段落 31 3.2 换行 31 3.3 预格式化 31 3.4 水平线 31 3.5 各级标题 32 任务实现 32 任务小结 33 任务2 对文字进行加强描述 33 任务描述 33 知识准备 33 3.6 强调文本 33 3.7 作品标题 34 3.8 小型文本 34 3.9 标记文本的更改 34 3.10 文本的上下标 35 3.11 时间和日期 35 3.12 其他相关元素 35 任务实现 36 任务小结 36 任务3 使用块级元素和行内元素 制作专业信息页面 37 任务描述 37 知识准备 37 3.13 块级元素 37 3.14 行内元素 38 3.15 ＜span＞标记 38 任务实现 38 任务小结 40 任务4 特殊符号的使用 40 任务描述 40 知识准备 41 3.16 字符实体 41 任务实现 41 任务小结 42 任务5 添加注释 42 任务描述 42 知识准备 42 3.17 旁注 42 3.18 注释 43 任务实现 43 任务小结 44 思考与练习 44 模块四 网页中的图像与多媒体技术 46 任务1 制作“在线学习网”的平面 作品展示页面 46 任务描述 46 知识准备 47 4.1 网页中的图像 47 4.2 使用＜img＞标记插入图像 48 任务实现 54 任务小结 55 任务2 制作“在线学习网”的广告 作品展示页面 56 任务描述 56 知识准备 56 4.3 使用＜object＞标记在网页中插入 Flash动画 56 4.4 使用＜embed＞标记在网页中插入 多媒体内容 57 任务实现 58 任务小结 60 任务3 制作“在线学习网”的多媒体 作品展示页面 60 任务描述 60 知识准备 61 4.5 网页中的多媒体内容 61 4.6 使用＜video＞标记在网页中插入 视频 61 4.7 使用＜audio＞标记在网页中插入 音频 63 任务实现 64 任务小结 65 思考与练习 65 模块五 应用表格布局页面 68 任务1 图书借阅详情页面的制作 68 任务描述 68 知识准备 69 5.1 表格的基本结构 69 5.2 创建表格 69 5.3 表格的其他元素 71 任务实现 72 任务小结 73 任务2 课程表的制作 73 任务描述 73 知识准备 74 5.4 跨行跨列设置 74 5.5 背景颜色设置 75 任务实现 75 任务小结 78 任务3 学院首页页面的制作 78 任务描述 78 知识准备 79 5.6 对齐方式的设置 79 5.7 宽度、高度的设置 80 5.8 背景图片的设置 80 任务实现 80 任务小结 81 思考与练习 82 模块六 创建网页中的超链接 83 任务 创建“在线学习网”页面的 超链接 83 任务描述 83 知识准备 85 6.1 创建超链接 85 6.2 超链接的类型 88 任务实现 92 任务小结 96 思考与练习 97 模块七 网页表单设计 99 任务1 注册页面的设计 99 任务描述 99 知识准备 99 7.1 了解表单 99 7.2 输入元素input 101 任务实现 105 任务小结 108 任务2 读者留言板的设计 108 任务描述 108 知识准备 108 7.3 下拉选择框元素select 108 7.4 多行文本域textarea 110 任务实现 111 任务小结 113 思考与练习 114 模块八 网页的CSS样式设计 115 任务1 网页大标题的样式设计 115 任务描述 115 知识准备 116 8.1 什么是CSS 116 8.2 CSS的应用 118 任务实现 119 任务小结 121 任务2 网页中的文字排版 122 任务描述 122 知识准备 123 8.3 CSS字体样式 123 任务实现 125 任务小结 129 任务3 制作新闻列表排行榜 129 任务描述 129 知识准备 130 8.4 列表的应用 130 任务实现 133 任务小结 135 思考与练习 135 模块九 使用DIV+CSS布局页面 138 任务1 网页中的图文混排 138 任务描述 138 知识准备 139 9.1 CSS盒子模型 139 9.2 CSS浮动与定位 146 任务实现 147 任务小结 149 任务2 网页中的全图排版 149 任务描述 149 知识准备 150 9.3 CSS背景控制 150 任务实现 152 任务小结 154 任务3 多行多列式布局 154 任务描述 154 知识准备 155 9.4 CSS代码优化 155 任务实现 157 任务小结 162 思考与练习 162 模块十 使用CSS3美化网站元素 164 任务1 使用CSS3设计网站导航 164 任务描述 164 知识准备 165 10.1 CSS3背景渐变及阴影 165 10.2 CSS超链接样式 166 任务实现 166 任务小结 168 任务2 使用CSS3美化表格 168 任务描述 168 知识准备 169 10.3 HTML表格的特殊应用 169 任务实现 170 任务小结 172 任务3 使用CSS3美化表单 172 任务描述 172 知识准备 172 10.4 CSS属性选择器 172 任务实现 173 任务小结 176 思考与练习 176 模块十一 综合案例 178 任务 学校网站的页面设计 178 任务描述 178 任务实现 178 任务小结 201 参考文献 202