


定价:59.8元
印次:1-1
ISBN:9787302715177
出版日期:2026.05.01
印刷日期:2026.05.08
图书责编:李慧恬
图书分类:教材
"本书以项目驱动为主线,系统覆盖Web 前端开发技术的核心知识点与技能点。其中,HTML5 部分包括文档框架搭建、语义化标签、meta 配置、表单与多媒体标签、表格标签等;CSS3 部分涵盖基础语法、盒模型、浮动、Flexbox、Grid 布局、渐变、阴影、动画效果、响应式“媒体查询”等;JavaScript 部分包括基础语法、变量、数组、函数封装、DOM 操作与事件绑定。全书通过9 个实操项目实现了从静态页 面构建到动态交互的过程,完整呈现了前端开发全流程,帮助读者掌握页面布局、样式美化与交互功能开发的核心技能。 本书既可作为高等院校计算机、软件技术、网络技术等相关专业的教材,也可作为对Web 前端开发技术感兴趣的读者以及开发人员的参考用书。"
"郑伟,副教授。2004年7月本科毕业于中国海洋大学计算机科学与技术专业,2012年硕士毕业于中国海洋大学计算机应用专业。自2004年在潍坊职业学院任教至今。同济大学国内访问学者。现任信息工程学院软件技术中心主任。清华大学出版社职教分社“优秀作者”。潍坊市科技局入库专家,潍坊市项目评审专家。潍坊职业学院优秀共产党员、潍坊职业学院优秀教师、潍坊职业学院科研先进个人。深耕职教21年,一直工作在教学科研一线。具有17年教材编写经历。出版教材15本,其中作为第一主编的教材2本入选“十二五”职业教育国家规划教材、2本教材入选“十三五”职业教育国家规划教材,2本教材入选“十四五”职业教育国家规划教材,第一主编累计8本入选职业教育国家规划教材。教材发行量、销量累计超过10万册。"
前 言 Web 前端开发技术是构建网页与Web 应用的核心支撑,通过HTML5、 CSS3、JavaScript 的协同操作实现内容结构化、样式美化与交互动态化。 随着移动互联、大数据、人工智能等技术的发展,以及“1+X”职业技能 等级证书制度的推进,Web 前端开发技术已成为计算机类专业的核心技能 之一,该技术对接前端开发工程师等岗位。 本书以“技术筑基—项目实战—能力进阶”为逻辑主线,共分三大模 块9 个核心项目。模块一聚焦HTML5 基础,涵盖文档结构、语义化标签、 表单与多媒体元素等知识技能;模块二深耕CSS3 技术,详细介绍盒子模型、 文本美化、Flexbox、Grid 布局、渐变动画及响应式设计等知识技能;模块 三主攻JavaScript 应用,从语法基础到DOM 操作、事件绑定。每个任务 包括“任务描述—目的—实施步骤—背景知识—任务总结”等环节,配套 程序源代码与页面效果截图,形成理论与实践的完美闭环。 本书三大特色凸显理实一体化优势:其一,项目驱动贯穿全程,以企业 真实应用场景为蓝本,通过“需求分析—分步实现—知识点拆解—总结优化” 步骤,培养问题的解决能力;其二,岗课赛证深度融合,融入Web 前端开 发技术职业技能等级认证标准,强化规范编码与兼容性处理等核心素养;其 三,资源体系完善,配套项目完整代码及注释、微课视频、案例素材、电子 课件、电子教案、课程标准与实训题库等资源,助力读者的自主学习与教师 的教学实施。理论讲解摒弃冗余,聚焦实操必备知识点,实现“学即能用”。 本书由郑伟、徐希炜担任主...
模块一 HTML5 基础
项目1 制作个人信息展示页面2
任务1.1 搭建HTML 文档框架3
1.1.1 编写<html>、<head> 和<body> 核心结构标签.3
1.1.2 使用<meta> 标签设置字符集(charset)与视口(viewport)信息 8
1.1.3 添加<title> 标签与注释说明文档结构11
任务1.2 填充个人信息内容13
1.2.1 用<p> 和<h1>~<h6> 标签编写个人简介文本.13
1.2.2 使用<img> 标签插入照片并配置路径16
1.2.3 使用HTML5 语义化标签18
任务1.3 使用CSS 样式修饰页面23
1.3.1 使用CSS 样式定义页面字体类型 .23
1.3.2 使用CSS 样式设置段落行高与首行缩进 .27
1.3.3 使用CSS 样式调整照片尺寸与边框样式 .29
项目总结34
项目拓展34
项目2 设计制作美食推荐网站.35
任务2.1 构建美食推荐网站HTML 基础结构36
2.1.1 设计HTML 基本结构与<meta> 标签配置方法36
2.1.2 网站标题设置与HTML 注释规范的应用.38
2.1.3 使用无序列表与超链接设计网站首页 40
任务2.2 制作美食展示功能页面 45
2.2.1 使用有序列表设计美食排行榜页面 .46
2.2.2 图像标签路径配置与响应式设置 57
任务2.3 制作美食详情与美食视频页面60
2.3.1 使用超链接与锚点链接设... 查看详情





