顶部
  1. 首页
  2. 图书产品
  3. 网页设计教学做一体化教程（HTML5+CSS3）（第二版）
收藏

网页设计教学做一体化教程（HTML5+CSS3）（第二版）

“十四五”职业教育国家规划教材
作者：
王会颖 陈纪霞 陈良敏 主编
定价：
48.00 元
版面字数：
496.00千字
开本：
16开
装帧形式：
平装
版次：
2
最新版次
印刷时间：
暂无
ISBN：
978-7-04-067904-5
物料号：
67904-00
出版时间：
2026-08-03
读者对象：
高等职业教育

本书是“十四五”职业教育国家规划教材、技工教育和职业培训“十四五”规划教材、省级大规模在线开放课程配套教材，是省级高水平专业群、特色专业、技术技能型大师工作室建设成果。

本书编写采用“典型任务引领”“知识点讲解+案例操作+技能训练+综合项目”的模式，共10章，主要内容包括：　网页设计及HTML5基础，列表、表格与媒体元素，表单，CSS3基础，CSS3选择器，盒子模型，浮动和定位，响应式布局，网页动画，综合项目训练——制作云上商城网站。

本书是新形态教材，并配备专属AI学习助手，可实现AI答疑等智能互动，且每章设有AI专题。

本书适合作为高等职业教育计算机类相关专业的教材，也可作为网页设计爱好者的自学用书或培训教材。

  • 前辅文
  • 第1章 网页设计及HTML5基础
    • 1.1 第一个HTML5文档
      • 1.1.1 应用场景及HTML代码
      • 1.1.2 HTML简介
      • 1.1.3 网页开发工具
      • 1.1.4 技能训练1-1
    • 1.2 职业面向及前端开发技术路线
      • 1.2.1 职业面向
      • 1.2.2 前端开发技术路线
    • 1.3 制作《春夜喜雨》诗词页面
      • 1.3.1 应用场景及HTML代码
      • 1.3.2 HTML5和W3C标准
      • 1.3.3 网页基本信息
      • 1.3.4 HTML元素及属性
      • 1.3.5 AI在网页设计中的应用
    • 1.4 制作《我和我的祖国》歌曲页面
      • 1.4.1 应用场景及HTML代码
      • 1.4.2 标题标签及水平线标签
      • 1.4.3 段落标签及换行标签
      • 1.4.4 技能训练1-2
    • 1.5 制作欢乐网游戏导航列表页面
      • 1.5.1 应用场景及HTML代码
      • 1.5.2 图像标签
      • 1.5.3 注释标签及特殊符号
      • 1.5.4 技能训练1-3
    • 1.6 制作数字敦煌资源库页面
      • 1.6.1 应用场景及HTML代码
      • 1.6.2 超链接标签
      • 1.6.3 技能训练1-4
    • 1.7 块级元素和行内元素
      • 1.7.1 应用场景及HTML代码
      • 1.7.2 <div>标签及<span>标签
      • 1.7.3 块级元素及行内元素
    • 本章小结
    • 习题1
  • 第2章 列表、表格与媒体元素
    • 2.1 制作故宫博物院开放与购票页面
      • 2.1.1 应用场景及HTML代码
      • 2.1.2 无序列表
      • 2.1.3 有序列表
      • 2.1.4 嵌套列表
      • 2.1.5 定义列表
      • 2.1.6 技能训练2-1
    • 2.2 制作课程表
      • 2.2.1 应用场景、设计思路及HTML代码
      • 2.2.2 表格的定义
      • 2.2.3 <table>标签的属性
      • 2.2.4 <tr>标签的属性
      • 2.2.5 <td>和<th>标签的属性
      • 2.2.6 技能训练2-2
    • 2.3 制作环境保护宣传视频页面
      • 2.3.1 应用场景及HTML代码
      • 2.3.2 HTML5媒体元素
      • 2.3.3 音频元素audio
      • 2.3.4 视频元素video
      • 2.3.5 技能训练2-3
    • 2.4 制作影视海报宣传页面
      • 2.4.1 应用场景及设计思路
      • 2.4.2 iframe嵌套页面技术
      • 2.4.3 影视海报宣传页面详细设计
      • 2.4.4 AI应用——用DeepSeek生成电影海报
    • 2.5 制作HTML5结构元素布局页面
      • 2.5.1 应用场景及HTML代码
      • 2.5.2 HTML5结构元素
      • 2.5.3 技能训练2-4
    • 本章小结
    • 习题2
  • 第3章 表单
    • 3.1 制作欢乐网注册页面
      • 3.1.1 应用场景及HTML代码
      • 3.1.2 表单及表单元素
      • 3.1.3 文本框及密码框
      • 3.1.4 单选按钮及复选框
      • 3.1.5 下拉列表及按钮
      • 3.1.6 颜色、日期、时间
      • 3.1.7 技能训练3-1
    • 3.2 制作招聘网用户信息修改页面
      • 3.2.1 应用场景及HTML代码
      • 3.2.2 多行文本域及文件域
      • 3.2.3 滑块、搜索框及标注
      • 3.2.4 隐藏域、只读及禁用
      • 3.2.5 预定义选项列表、输出及任务进度
      • 3.2.6 技能训练3-2
    • 3.3 制作邮箱账号注册页面
      • 3.3.1 应用场景及HTML代码
      • 3.3.2 表单初级验证
      • 3.3.3 邮箱输入框、电话输入框、网址输入框及数字输入框
      • 3.3.4 placeholder、required、patten属性
      • 3.3.5 AI应用——使用AI插件生成表单验证页面
      • 3.3.6 技能训练3-3
    • 本章小结
    • 习题3
  • 第4章 CSS3基础
    • 4.1 制作诗词欣赏页面
      • 4.1.1 应用场景及HTML代码
      • 4.1.2 什么是CSS
      • 4.1.3 CSS样式的语法格式
      • 4.1.4 引入CSS样式
      • 4.1.5 技能训练4-1
    • 4.2 制作新能源汽车页面
      • 4.2.1 应用场景及HTML代码
      • 4.2.2 字体样式
      • 4.2.3 文本外观样式
      • 4.2.4 使用伪类定义超链接样式
      • 4.2.5 列表的项目符号样式
      • 4.2.6 技能训练4-2
    • 4.3 制作网页设计课程介绍页面
      • 4.3.1 应用场景及HTML代码
      • 4.3.2 背景颜色
      • 4.3.3 背景图片
      • 4.3.4 背景尺寸
      • 4.3.5 CSS3渐变
      • 4.3.6 AI应用——使用AI工具调整诗词赏析《望岳》页面样式
      • 4.3.7 技能训练4-3
    • 本章小结
    • 习题4
  • 第5章 CSS3选择器
    • 5.1 制作朱自清散文集页面
      • 5.1.1 应用场景及HTML代码
      • 5.1.2 基本的选择器
      • 5.1.3 基本选择器的优先级
      • 5.1.4 技能训练5-1
    • 5.2 制作唐诗风貌页面
      • 5.2.1 应用场景及HTML代码
      • 5.2.2 层次选择器
      • 5.2.3 结构伪类选择器
      • 5.2.4 属性选择器
      • 5.2.5 并集选择器
      • 5.2.6 交集选择器
      • 5.2.7 CSS3层叠性
      • 5.2.8 CSS3继承性（Inheritance）
      • 5.2.9 AI应用——使用AI工具批量修改个人博客页面样式
      • 5.2.10 技能训练5-2
    • 本章小结
    • 习题5
  • 第6章 盒子模型
    • 6.1 制作风景相册
      • 6.1.1 应用场景及HTML代码
      • 6.1.2 盒子模型概述
      • 6.1.3 边框
      • 6.1.4 外边距
      • 6.1.5 内边距
      • 6.1.6 盒子模型的尺寸
      • 6.1.7 技能训练6-1
    • 6.2 制作故宫文物列表
      • 6.2.1 应用场景及HTML代码
      • 6.2.2 圆角边框
      • 6.2.3 使用border-radius属性制作特殊图形
      • 6.2.4 盒子阴影
      • 6.2.5 AI应用——使用AI工具诊断盒子模型问题
      • 6.2.6 技能训练6-2
    • 本章小结
    • 习题6
  • 第7章 浮动和定位
    • 7.1 制作畅销图书列表
      • 7.1.1 应用场景及HTML代码
      • 7.1.2 浮动
      • 7.1.3 清除浮动
      • 7.1.4 解决父元素高度塌陷的方法
      • 7.1.5 技能训练7-1
    • 7.2 制作网站栏目导航页面
      • 7.2.1 应用场景及HTML代码
      • 7.2.2 定位在网页中的应用
      • 7.2.3 position属性
      • 7.2.4 相对定位
      • 7.2.5 绝对定位
      • 7.2.6 固定定位
      • 7.2.7 AI应用——使用AI工具优化浮动与定位布局
      • 7.2.8 技能训练7-2
    • 本章小结
    • 习题7
  • 第8章 响应式布局
    • 8.1 制作绿色生态农产品页面
      • 8.1.1 应用场景及HTML代码
      • 8.1.2 弹性布局详解与应用
      • 8.1.3 技能训练8-1
    • 8.2 制作企业官网响应式首页
      • 8.2.1 应用场景及HTML代码
      • 8.2.2 响应式网页设计
      • 8.2.3 响应式布局的优缺点
      • 8.2.4 技能训练8-2
    • 8.3 制作经典网页布局页面
      • 8.3.1 应用场景及HTML代码
      • 8.3.2 CSS　Grid布局
      • 8.3.3 AI应用——根据草图生成和布局网页
      • 8.3.4 技能训练8-3
    • 本章小结
    • 习题8
  • 第9章 网页动画
    • 9.1 翻转放大的菜单
      • 9.1.1 应用场景及HTML代码
      • 9.1.2 认识变形
      • 9.1.3 使用多个变形函数
      • 9.1.4 定义变形原点
      • 9.1.5 技能训练9-1
    • 9.2 文字滑动展示效果
      • 9.2.1 应用场景及HTML代码
      • 9.2.2 认识过渡
      • 9.2.3 技能训练9-2
    • 9.3 CSS3翻滚动画
      • 9.3.1 应用场景及HTML代码
      • 9.3.2 @keyframes规则
      • 9.3.3 animation属性
      • 9.3.4 AI应用——AI动画创意生成
      • 9.3.5 技能训练9-3
    • 本章小结
    • 习题9
  • 第10章 综合项目训练——制作云上商城网站
    • 10.1 项目需求描述
    • 10.2 项目分析与设计
      • 10.2.1 开发环境
      • 10.2.2 问题分析
    • 10.3 子任务1——制作首页顶部快速导航版块
      • 10.3.1 任务及需求说明
      • 10.3.2 布局结构
      • 10.3.3 参考代码
      • 10.3.4 代码解析
    • 10.4 子任务2——制作首页头部版块
      • 10.4.1 任务及需求说明
      • 10.4.2 布局结构
      • 10.4.3 参考代码
    • 10.5 子任务3——制作首页主体部分的上部版块
      • 10.5.1 任务及需求说明
      • 10.5.2 布局结构
      • 10.5.3 参考代码
    • 10.6 子任务4——制作首页主体部分的秒杀版块
      • 10.6.1 任务及需求说明
      • 10.6.2 布局结构
      • 10.6.3 参考代码
    • 10.7 子任务5——制作首页主体部分的排行榜、品牌闪购版块
      • 10.7.1 任务及需求说明
      • 10.7.2 布局结构
      • 10.7.3 参考代码
    • 10.8 子任务6——制作首页页脚部分
      • 10.8.1 任务及需求说明
      • 10.8.2 布局结构
      • 10.8.3 参考代码
    • 10.9 子任务7——制作首页右侧固定导航栏
      • 10.9.1 任务及需求说明
      • 10.9.2 布局结构
      • 10.9.3 参考代码
    • 10.10 子任务8——制作云上商城登录页面
      • 10.10.1 任务及需求说明
      • 10.10.2 布局结构
      • 10.10.3 参考代码
    • 10.11 子任务9——制作云上商城注册页面
      • 10.11.1 任务及需求说明
      • 10.11.2 布局结构
      • 10.11.3 参考代码
    • 10.12 项目管理
      • 10.12.1 团队人员分工与合作
      • 10.12.2 项目开发计划、进度及完成情况
  • 参考文献

相关图书

电工学简明教程

暂无作者

29.10 元 收藏

课程与教学论

暂无作者

31.00 元 收藏

网页设计与制作实用教程

刘艳丽

26.00 元 收藏

线描艺术教程

魏为

36.00 元 收藏

微型机组装与维护实用教程

佟伟光

29.00 元 收藏

AutoCAD基础教程

王国顺

23.00 元 收藏

Visual FoxPro 基础教程

冯端品

20.50 元 收藏

C语言程序设计教程

王明福

27.00 元 收藏

CorelDRAW 11设计与制作案例教程(附光盘）

沈大林

32.30 元 收藏

Office XP 设计与制作案例教程（附光盘）

沈大林 卢正明

32.30 元 收藏

Office XP 基础与案例教程

新星工作室

25.30 元 收藏

Word XP 基础与案例教程

沈大林 主编

19.40 元 收藏

视唱练耳分级教程 第三级

中国音乐学院作曲系视唱练耳教研

29.00 元 收藏

乒乓球运动教程

苏丕仁

35.60 元 收藏

小学数学课程与教学

杨庆余

35.00 元 收藏

相关数字化产品

24365大学生就业创业大讲堂

全国高等学校学生信息咨询与就业指导中心

4800.00 元 收藏

心理健康微课资源库（第一节）

学银通融《北京)教育科技有限公司

暂无单价 收藏