HTML5+CSS3任务驱动教程（第2版）（微课版）
丛 书 名：
高等学校应用型特色系列教材
作 译 者：赵峰
出 版 日 期：2024-12-01
书 代 号：G0320360
Ｉ Ｓ Ｂ Ｎ：9787121320361
图书简介：
本书分为11个模块，包括网页设计基础知识、HTML5开发基础、文本与段落、网页中的图像与多媒体技术、应用表格布局页面、创建网页中的超链接、网页表单设计、CSS3样式基础、使用DIV+CSS布局页面、使用CSS美化网站元素、综合案例。本书介绍了HBuilder X前端开发工具的安装和使用，并演示如何用HBuilder X创建和管理网页项目。 本书从实际应用出发，采用任务式的编写模式，通过"知识准备”使学生快速掌握网页设计的相关基础知识；通过"任务实现”培养学生的设计思路，使学生掌握网页设计的方法和步骤；通过"思考与练习”使学生进一步巩固所学知识，拓展网页设计的应用能力。本书内容丰富、知识全面、图文并茂、步骤清晰、通俗易懂、专业性强，使学生既能掌握HTML+CSS网页样式与布局技术，又能解决工作中的实际问题。 本书既可作为应用型本科、职业本科、高职高专院校计算机相关专业的教材，又可作为广大网页设计人员和网页制作爱好者的参考用书。
-
配 套 资 源
本书资源
-
图 书 内 容
内容简介
本书分为11个模块，包括网页设计基础知识、HTML5开发基础、文本与段落、网页中的图像与多媒体技术、应用表格布局页面、创建网页中的超链接、网页表单设计、CSS3样式基础、使用DIV+CSS布局页面、使用CSS美化网站元素、综合案例。本书介绍了HBuilder X前端开发工具的安装和使用，并演示如何用HBuilder X创建和管理网页项目。 本书从实际应用出发，采用任务式的编写模式，通过"知识准备”使学生快速掌握网页设计的相关基础知识；通过"任务实现”培养学生的设计思路，使学生掌握网页设计的方法和步骤；通过"思考与练习”使学生进一步巩固所学知识，拓展网页设计的应用能力。本书内容丰富、知识全面、图文并茂、步骤清晰、通俗易懂、专业性强，使学生既能掌握HTML+CSS网页样式与布局技术，又能解决工作中的实际问题。 本书既可作为应用型本科、职业本科、高职高专院校计算机相关专业的教材，又可作为广大网页设计人员和网页制作爱好者的参考用书。图书详情
ISBN：9787121320361开 本：16(185*260)页 数：228字 数：365本书目录
目 录 模块一 网页设计基础知识 1 任务1 HBuilder X的安装 2 任务描述 2 知识准备 2 任务实现 3 任务小结 4 任务2 网站的建立 5 任务描述 5 知识准备 6 任务实现 8 任务小结 10 任务3 网页的基本知识 10 任务描述 10 知识准备 10 任务小结 13 思考与练习 13 模块二 HTML5开发基础 15 任务1 编写一个简单的HTML5页面 16 任务描述 16 知识准备 16 任务实现 22 任务小结 23 任务2 设置“在线学习网”的首页文件头部信息 24 任务描述 24 知识准备 25 任务实现 27 任务小结 28 思考与练习 28 模块三 文本与段落 31 任务1 文字的基本排版 32 任务描述 32 知识准备 32 任务实现 34 任务小结 35 任务2 对文字进行加强描述 35 任务描述 35 知识准备 35 任务实现 37 任务小结 38 任务3 使用块级元素和行内元素制作专业信息页面 38 任务描述 38 知识准备 39 任务实现 40 任务小结 42 任务4 特殊符号的使用 42 任务描述 42 知识准备 43 任务实现 43 任务小结 44 任务5 添加注释 44 任务描述 44 知识准备 45 任务实现 45 任务小结 46 思考与练习 46 模块四 网页中的图像与多媒体技术 48 任务1 制作“在线学习网”平面作品展示页面 49 任务描述 49 知识准备 49 任务实现 57 任务小结 58 任务2 制作“在线学习网”广告作品展示页面 58 任务描述 58 知识准备 58 任务实现 61 任务小结 62 任务3 制作“在线学习网”多媒体作品展示页面 62 任务描述 62 知识准备 63 任务实现 66 任务小结 68 思考与练习 68 模块五 应用表格布局页面 71 任务1 图书借阅详情页面的制作 72 任务描述 72 知识准备 72 任务实现 75 任务小结 76 任务2 课程表的制作 76 任务描述 76 知识准备 76 任务实现 78 任务小结 81 任务3 学院首页页面的制作 81 任务描述 81 知识准备 82 任务实现 82 任务小结 84 思考与练习 84 模块六 创建网页中的超链接 86 任务 创建“在线学习网”页面的超链接 87 任务描述 87 知识准备 88 任务实现 95 任务小结 100 思考与练习 100 模块七 网页表单设计 103 任务1 注册页面的设计 104 任务描述 104 知识准备 104 任务实现 109 任务小结 112 任务2 读者留言板的设计 112 任务描述 112 知识准备 113 任务实现 116 任务小结 118 思考与练习 118 模块八 CSS3样式基础 120 任务1 网页大标题的样式设计 121 任务描述 121 知识准备 121 任务实现 125 任务小结 127 任务2 网页中的文字排版 127 任务描述 127 知识准备 128 任务实现 131 任务小结 135 任务3 制作产品分类 136 任务描述 136 知识准备 136 任务实现 139 任务小结 140 思考与练习 141 模块九 使用DIV+CSS布局页面 144 任务1 网页中的图文混排 145 任务描述 145 知识准备 146 任务实现 159 任务小结 161 任务2 网页中的全图排版 161 任务描述 161 知识准备 163 任务实现 165 任务小结 167 任务3 多行多列式布局 167 任务描述 167 知识准备 167 任务实现 169 任务小结 174 思考与练习 175 模块十 使用CSS3美化网站元素 177 任务1 使用CSS3设计网站导航 178 任务描述 178 知识准备 178 任务实现 179 任务小结 181 任务2 使用CSS3美化表格 181 任务描述 181 知识准备 182 任务实现 183 任务小结 185 任务3 使用CSS3美化表单 186 任务描述 186 知识准备 186 任务实现 187 任务小结 190 思考与练习 190 模块十一 综合案例 192 任务 学校网站的页面设计 193 任务描述 193 任务实现 194 任务小结 215 参考文献 216展开前 言
前 言 随着网络的迅速普及，网站已成为人们获取信息的重要途径。网页设计作为网站建设的基础，对于展示个人特点和想法，以及宣传推广产品具有重要的作用。本书旨在帮助读者掌握网页设计相关的基础知识，为进一步学习网站建设打下坚实的基础。本书从应用型本科和高职高专技术技能人才培养的角度出发，立足于最新的HTML5、CSS3网页前端开发的基础内容，打破传统的知识型结构，以完整的实例贯穿于各个模块，使每个模块具有明确的知识目标和能力目标，并结合两大目标划分具体任务。本书采用任务驱动的模式，按照“任务描述”→“知识准备”→“任务实现”→“任务小结”的思路编写，任务明确，重点突出，简明实用。同时，本书按照学生能力形成与学习动机发展规律进行教材目标结构、内容结构和过程结构的设计，使学生可以在较短的时间内快速掌握最实用的网页设计与制作知识。 本书分为11个模块，包括网页设计基础知识、HTML5开发基础、文本与段落、网页中的图像与多媒体技术、应用表格布局页面、创建网页中的超链接、网页表单设计、CSS3样式基础、使用DIV+CSS布局页面、使用CSS美化网站元素、综合案例。书中配置了丰富的任务实例，强调实践操作，注重实践能力的培养。以“任务讲解与实践”为主线，将知识内容贯穿于各个任务中，达到让学生“学中做、做中学”的目的，通过任务的演示与分析，让学生更加直观地了解每个模块要解决的问题和要达到的学习效果，这也解决了一些同类教材仅仅系统地讲解知识点而缺乏对知识点应用的讲解的问题。在编写过程中，我们力求语言简练易懂，结合丰富的图解，使读者能够快速理解网页设计的基础知识。同时，我们也注重实践操作的重要性，通过具体任务，帮助读者在实际操作中掌握相关技能。 与第1版教材相比，第2版教材内容的更新与特色如下。 (1)工具更新：从Dreamweaver到HBuilder X。 在信息技术的飞速发展中，网页设计工具也在不断更新换代。本书在再版过程中，顺应时代潮流，将原先的网页设计工具Dreamweaver替换为HBuilder X。HBuilder X具有体积小巧、启动速度快、代码编辑能力强等优点。它为开发者提供了全新的工作区，软件性能得到显著提升，无论是启动速度、大文档打开速度，还是编码提示，它都能做到极速响应。HBuilder X的界面设计简洁直观，主题颜色经过科学测试，确保长时间使用不易引起视觉疲劳。 (2)添加微课视频：为读者提供更加全面、高效的学习体验。 l 案例教学：书中的案例都是精心挑选的案例，并配套录制了微课视频。每个微课视频都围绕一个具体的网页设计主题展开，通过实际操作演示，帮助读者深入理解网页设计的各个环节。 l 互动学习：读者可以通过观看微课视频，结合书中的文字描述和步骤说明，进行自主学习。这种学习方式更加灵活，能够满足不同读者的个性化需求。 (3)融入课程思政：推动“思政育人”与专业建设有机融合。 l 思政引领：本书在每个模块的开头添加了“思政目标”内容，帮助读者在学习知识的同时，不断地充实自己的内心，不断地给自己“充电”。 l 诗词陶冶：本书在案例设计上，融入了中国古代、近代诗词，让读者不仅能够进行网页设计知识的学习和实践，而且能够体会和感悟中国诗词的魅力。 本书由赵峰和汤怀担任主编，负责整书思路、主要框架、大纲的编写和统稿；由杨启芳、杨晓敏担任副主编。赵欣宇、陈彩月、詹宝容、雷少玲参与了本书的编写工作。全书编写分工如下：模块一、模块二由赵峰、陈彩月编写；模块三由杨晓敏、雷少玲编写；模块四由赵峰、杨启芳编写；模块五、模块七由杨晓敏、赵欣宇编写；模块六由杨启芳编写；模块八、模块九由汤怀、詹宝容编写；模块十由汤怀、廖志超编写；模块十一由杨晓敏、廖志超编写。广东朝阳企讯通科技有限公司技术研发部经理廖志超担任技术顾问，在本书的模块设计、任务编排等方面，从企业实际工作过程和工作内容的角度给予了有益的指导。 本书提供丰富的配套资源，包括教学大纲、PPT、源代码、习题答案、案例素材、微课视频，读者和任课教师可登录华信教育资源网免费下载。 由于时间仓促，书稿内容多，要将各个知识点融入各个项目任务中，是一项难度很大的工作，书中难免有疏漏之处，欢迎广大读者批评指正。 作 者展开作者简介
赵峰，在高校从教28年，副教授，职业资格二级（技师）。毕业于北京交通大学计算机科学与技术专业，现为信息工程学院计算机应用基础教研室主任。中国职业技术教育学会教学工作委员会会员，全国计算机信息高新技术考试考评员。近年来参与或主持厅局级、学会级教育教学改革科研课题三项，发表学术、教育教学改革论文十余篇。研究成果在职教学会、高教学会评比中获得一等奖两项、二等奖和三等奖各一项。代表学校参加省高等职业院校计算机技能大赛（教师组）获得二等奖，2019年参加由广东省教育厅主办的全省职业院校技能大赛职业院校教学能力比赛高职组教学设计赛项，荣获二等奖。指导学生参加各级各类技能大赛三次获得优秀指导教师称号。近五年来参与编写规划教材四本（主编三本、副主编一本）。获得实用新型专利2项。 -
样 章 试 读
-
图 书 评 价 我要评论
