本书是高等职业教育计算机类专业基础课黑马程序员系列教材之一。
HTML5 与CSS3 是目前广泛流行的网页制作技术,也是每个网页制作从业人员必须掌握的核心和基础技能。本书是面向网页设计初学者编写的入门级教材,以“项目导向、任务驱动”的方式和通俗易懂的语言,对网页设计的相关知识进行了讲解。
全书共8 个项目,项目1、项目2 主要讲解HTML5 与CSS3 的基础知识,包括基础标签、常用属性和开发工具等;项目3~项目7 分别讲解了盒子模型、布局、表格、表单、音频、视频、动画和canvas 等内容,这些内容是网页制作的核心;项目8 是一个综合项目,结合前面学习的基础知识,带领读者制作黑马·国漫网的页面。本书结合教学需求将HTML5 与CSS3 的内容项目化,通过大量实践让读者在巩固所学知识的同时,快速提升网页制作实际应用能力。
本书配有数字课程、微课视频、教学大纲、教学设计、授课用PPT、案例素材、习题答案、题库等丰富的数字化教学资源,读者可发邮件至编辑邮箱1548103297@qq.com 获取。此外,为帮助初学者更好地学习本书中的内容,黑马程序员还提供了免费在线答疑服务。本书配套数字化教学资源明细及在线答疑服务,使用方式说明详见封面二维码。
本书可作为高等职业院校及应用型本科院校网页设计与制作课程的教材,也可作为网页制作、美工设计、网站开发、网页编程等行业人员的自学参考书。
- 前辅文
- 项目1 从零开始构建HTML5页面
- 任务1-1 创建HTML5 页面
- 任务1-2 制作个人简介页面
- 任务1-3 制作风云人物页面
- 任务1-4 制作电商页面
- 任务1-5 制作植物科普页面
- 项目小结
- 课后练习
- 项目2 运用CSS3 美化网页
- 任务2-1 数字变色
- 任务2-2 新闻报道
- 任务2-3 搭建黑马知道页面
- 任务2-4 人物介绍
- 项目小结
- 课后练习
- 项目3 运用盒子模型划分网页模块
- 任务3-1 制作音乐模块
- 任务3-2 制作用户中心页面
- 任务3-3 制作背景拼图页面
- 任务3-4 制作图标导航栏
- 任务3-5 制作相框
- 项目小结
- 课后练习
- 项目4 运用f loat、position和f lex 属性完成网页布局
- 任务4-1 制作商品展示页面
- 任务4-2 制作手机页面展示
- 任务4-3 制作行程定位
- 任务4-4 制作浮动布局网页
- 任务4-5 制作弹性布局导航
- 项目小结
- 课后练习
- 项目5 为网页添加表格和表单
- 任务5-1 制作简历表
- 任务5-2 制作用户调研表
- 任务5-3 制作信息登记表
- 课后练习
- 项目6 为网页添加视频、音频和动画
- 任务6-1 制作电影播放界面
- 任务6-2 制作导航栏渐变
- 任务6-3 制作卡片翻转动画
- 任务6-4 制作宝石旋转效果
- 项目小结
- 课后练习
- 项目7 运用canvas 在网页中绘图
- 任务7-1 绘制字母M
- 任务7-2 绘制火柴人
- 项目小结
- 课后练习
- 项目8 综合项目——HTML5+CSS3 网页制作的综合运用
- 任务8-1 网站设计规划
- 任务8-2 建立项目文件夹
- 任务8-3 切图
- 任务8-4 制作首页
- 任务8-5 配置用户代码片段
- 任务8-6 制作注册页
- 任务8-7 制作个人中心页
- 任务8-8 制作视频播放页
- 项目小结
- 课后练习