在线阅读
样书申请

网页设计与制作(第三版)

  • ISBN:  978-7-200-20064-5
  • 作者:  何立祥,黄晨,王鑫
  • 定价:  ¥
  • 版次:   第3版第1次
  • 适用专业:  计算机类
  • 教材级别:  精品教材
  • 出版单位:   北京出版社
  • 出版/修订日期:  2025年12月

教材简介

本书是面向高等职业院校相关专业学生、前端开发初学者及Web技术爱好者的实操型教材,以“项目实践为主线、梯度体系为支撑、前沿标准为导向”,将Web前端核心技术与中华优秀传统文化、时代精神深度融合,构建“基础入门—技能提升—综合实战”的完整学习路径,助力学习者快速掌握网页开发核心能力,养成规范开发习惯。

教材内容架构清晰,共设10个核心项目,层层递进覆盖网页设计与制作全流程:前4个项目聚焦HTML5基础应用,以《古诗文鉴赏》《古代服饰鉴赏》《古音乐鉴赏》等文化主题为载体,系统讲解HTML5语义化标签、超链接、图像、列表、表格、表单、音视频等核心技术,帮助学习者搭建扎实的页面结构基础;项目5至7转向CSS3样式与布局设计,结合《最美逆行者》《最美科学家》《最美教师》等时代主题,深入解析选择器、盒子模型、浮动与定位、过渡动画等样式技术,实现页面美化与动效提升;项目8至9为能力拓展模块,分别介绍响应式设计(Flexbox、Grid 布局)与JavaScript基础交互(变量函数、DOM 操作、表单校验),适配移动开发趋势与动态交互需求;最终通过项目10《薪火相传》数字博物馆综合实战,引导学习者融会贯通所学知识,完整体验项目规划、结构设计、样式构建、交互实现、测试优化的全流程,培养解决实际问题的综合能力。

教材突出“产教融合”特色,由校企联合打磨课程内容,将企业一线开发经验与教学规律有机结合;每个项目均配套“任务拆解 + 实战演练”,通过贴近实际的案例与清晰的操作步骤降低学习难度;同时紧跟Web开发前沿标准,涵盖语义化开发、移动优先响应式设计等主流技术,既适合课堂教学,也便于自学参考,助力学习者在掌握技术技能的同时,提升人文素养与时代使命感,为迈入Web前端开发领域奠定坚实基础。


项目1 HTML5基础应用

任务1.1 初识HTML5与开发环境搭建

任务1.2 文字与段落排版

项目2 《古诗文鉴赏》图文页面制作

任务2.1 文本格式化与语义化

任务2.2 超链接与图像技术

实战演练 古诗文鉴赏页面

项目3 《古代服饰鉴赏》列表、表格、表单标签

任务3.1 列表类型与应用

任务3.2 表格结构与属性

任务3.3 表单基础元素

任务3.4 高级表单元素

实战演练 古代服饰展示页面

项目4 《古音乐鉴赏》音视频与媒体页面制作

任务4.1 多媒体基础概念

任务4.2 视频标签与属性

任务4.3 音频标签与属性

任务4.4 容器标签与分组

实战演练 古音乐视频页面开发

项目5 《最美逆行者》图文页面美化

任务5.1 CSS基础与引入方式

任务5.2 选择器类型与优先级

任务5.3 文本样式属性

任务5.4 字体控制属性

实战演练:最美逆行者页面样式设计

项目6 《最美科学家》列表与表格美化

任务6.1 认识盒子模型

任务6.2 背景属性

任务6.3 列表与表格美化

实战演练 最美科学家页面开发

项目7 《最美教师》页面布局与动效设计

任务7.1 元素显示类型

任务7.2 浮动布局技术

任务7.3 定位技术详解

任务7.4 过渡与动画效果

任务7.5 实战演练:最美教师张桂梅页面布局

项目8 能力拓展:响应式设计基础

任务8.1 响应式核心概念与媒体查询

任务8.2 弹性布局Flexbox

任务 8.3 网格布局 Grid

任务 8.4 响应式组件实战

项目9 能力拓展:JavaScript基础交互

任务9.1 变量、数据类型与运算符

任务9.2 控制结构与函数

任务9.3 DOM 操作与事件处理

任务9.4 实战演练:动态欢迎语与表单校验

项目10 综合实战:《薪火相传》数字博物馆网页开发

任务10.1 项目规划与结构设计

任务10.2 HTML结构设计与语义化

任务10.3 CSS样式系统构建

10.4 JavaScript交互功能实现

10.5 项目测试与优化

任务10.6 项目总结

参考文献

  • 前端工程师们有话说

    查看
  • 《我的第一个网页》代码

    查看
  • HTML5概述

    查看
  • HTML5基础学习

    查看
  • 标签的分类关系及属性

    查看
  • HTML页面格式化标签

    查看
  • 图文页面制作(古诗文页面)

    查看
  • HTML文本样式标签和文本格式化标签

    查看
  • HTML文本语义标签

    查看
  • 超链接

    查看
  • 图像标签

    查看
  • HTML文档头部相关标签(title、meta)

    查看
  • 《古诗词鉴赏》项目代码

    查看
  • 列表

    查看
  • 表格

    查看
  • 表单跟input标签

    查看
  • 其他表单元素标签

    查看
  • 古代服饰页面制作

    查看
  • 《古代服饰鉴赏》项目代码

    查看
  • 页面视频音频使用介绍

    查看
  • video标签和audio标签

    查看
  • div标签和span标签

    查看
  • 《古音乐鉴赏》项目代码

    查看
  • 古音乐视频页面

    查看
  • 音视频兼容性及网络调用

    查看
  • CSS概述及其样式规则

    查看
  • 引入CSS样式表方法和基础选择器

    查看
  • CSS选择器和CSS优先级

    查看
  • CSS文本外观属性

    查看
  • CSS字体样式属性

    查看
  • 图文页面美化(最美逆行者页面)

    查看
  • 《最美逆行者》项目代码

    查看
  • 属性选择器和关系选择器

    查看
  • 结构化伪类选择器和伪元素选择器

    查看
  • 认识盒子模型

    查看
  • 内外边距

    查看
  • 背景属性

    查看
  • 列表和表格样式属性

    查看
  • 列表页面美化(最美科学家袁隆平)

    查看
  • 《最美科学家》项目代码

    查看
  • 边框

    查看
  • CSS3新增盒子模型属性

    查看
  • 网页布局与元素类型

    查看
  • 元素的浮动

    查看
  • 定位

    查看
  • 过渡

    查看
  • 变形

    查看
  • 动画

    查看
  • 页面布局美化(最美教师张桂梅)

    查看
  • 《最美教师》项目代码

    查看
  • 《响应式设计》项目代码

    查看
  • 《JavaScript基础交互》项目代码

    查看
  • 《薪火相传·数字博物馆》项目代码

    查看
  • 参考答案

    查看