顶部
收藏

HTML5+CSS3网页前端设计案例教程


作者:
李涛 组编 高立军 谢秋钊 主编
定价:
49.80元
ISBN:
978-7-04-053548-8
版面字数:
400.00千字
开本:
特殊
全书页数:
暂无
装帧形式:
平装
重点项目:
出版时间:
2020-10-15
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
计算机应用技术

本书全面系统地介绍网页前端开发工具,制作符合标准的CSS+DIV页面,内容包括前端开发基础、CSS样式入门、使用CSS+DIV布局、列表与超链接、HTML增强型表单与简易表格、浮动与定位、CSS3与HTML5的高级应用以及PC端网页设计与实现、响应式页面开发两个完整案例。

为了使读者能够快速且有效地掌握核心知识和技能,也方便教师采用更有效的传统方式教学,或者采用更新颖的线上及线下的翻转课堂教学模式,本书配有微课视频,将在智慧职教平台(www.icve.com.cn)上线,读者可登录网站进行学习,也可通过扫描书中的二维码观看微课视频或进入“即测即评”,随扫随学。此外,本书还提供了其他数字化课程教学资源,包括电子课件(PPT)、素材文件、习题答案等,教师可发邮件至编辑邮箱1548103297@qq.com索取。

本书适用于网页设计、Web开发、网站建设、前端设计的入门者和有一定基础的读者,也适用于高等院校尤其是职业院校相关专业的学生及社会培训机构的学员等。

  • 前辅文
  • 1 前端开发基础
    • 1.1 学习前端设计
      • 1.1.1 前端设计基础
      • 1.1.2 前端设计人员具备的能力
    • 1.2 前端开发技术
      • 1.2.1 HTML5
      • 1.2.2 CSS(层叠样式表)
      • 1.2.3 JavaScript
      • 1.2.4 Web 标准
    • 1.3 前端开发所需软件
      • 1.3.1 Photoshop
      • 1.3.2 代码编辑器
      • 1.3.3 浏览器
    • 1.4 创建HTML 网页
      • 1.4.1 HTML 基本结构
      • 1.4.2 一个简单的HTML 实例
    • 1.5 知识与技能梳理
    • 1.6 课后练习
  • 2 网页美容师——CSS样式入门
    • 2.1 初识CSS 样式
      • 2.1.1 CSS 介绍
      • 2.1.2 CSS 样式规则
    • 2.2 使用CSS 样式
      • 2.2.1 应用CSS 样式到网页中
      • 2.2.2 CSS 基础选择器
      • 2.2.3 案例——Google 标志
    • 2.3 CSS 样式的特性
      • 2.3.1 认识CSS 层叠性
      • 2.3.2 认识CSS 继承性
      • 2.3.3 CSS 继承性的局限性
      • 2.3.4 CSS 样式的优先级
    • 2.4 使用CSS 设置文本
      • 2.4.1 CSS3 文字样式
      • 2.4.2 CSS3 段落文字
    • 2.5 使用CSS 设置图片效果
      • 2.5.1 使用<img> 标签
      • 2.5.2 设置图片基本属性
      • 2.5.3 设置背景图片效果
      • 2.5.4 定义多背景图
    • 2.6 知识与技能梳理
    • 2.7 课后练习
  • 3 使用CSS+DIV布局
    • 3.1 盒子模型
      • 3.1.1 盒子模型的基本概念
      • 3.1.2 盒子模型的组成
      • 3.1.3 负margin 技巧
      • 3.1.4 块元素和行元素
      • 3.1.5 <div> 元素和<span> 元素
    • 3.2 灵活的盒子布局
      • 3.2.1 HTML 结构重构
      • 3.2.2 SEO 结构优化
      • 3.2.3 单列版式
      • 3.2.4 两列版式
      • 3.2.5 三栏宽度固定的布局
    • 3.3 DIV 布局——制作汽车页面框架
      • 3.3.1 汽车网页介绍
      • 3.3.2 设计页面结构部分
    • 3.4 知识与技能梳理
    • 3.5 课后练习
  • 4 列表与超链接
    • 4.1 使用列表标签创建列表
      • 4.1.1 创建列表
      • 4.1.2 使用CSS 定义列表样式
      • 4.1.3 创建纵向菜单
      • 4.1.4 创建横向菜单
    • 4.2 创建图文信息列表
      • 4.2.1 分析
      • 4.2.2 制作页面结构
      • 4.2.3 定义CSS 样式
    • 4.3 使用网页超链接
      • 4.3.1 超链接的基本概念
      • 4.3.2 使用<a> 标签创建链接
      • 4.3.3 关于链接路径
      • 4.3.4 链接的类型
      • 4.3.5 CSS 样式伪类
    • 4.4 实例——音乐排行榜
      • 4.4.1 结构分析
      • 4.4.2 制作页面结构
      • 4.4.3 定义CSS 样式
    • 4.5 知识与技能梳理
    • 4.6 课后练习
  • 5 HTML增强型表单与简易表格
    • 5.1 表单的创建与编辑
      • 5.1.1 认识表单
      • 5.1.2 常见的表单对象
    • 5.2 CSS 控制表单
      • 5.2.1 单行文本框控件的美化
      • 5.2.2 按钮控件的美化
      • 5.2.3 单选按钮的美化
      • 5.2.4 制作登录页面
      • 5.2.5 美化下拉列表
    • 5.3 创建表格
      • 5.3.1 表格基本概念
      • 5.3.2 表格中常用的标签
      • 5.3.3 单元格跨行合并
    • 5.4 CSS 表格属性
      • 5.4.1 设置表格属性
      • 5.4.2 隔行分色表格
    • 5.5 知识与技能梳理
    • 5.6 课后练习
  • 6 浮动与定位
    • 6.1 排版模型
      • 6.1.1 标准流排版
      • 6.1.2 浮动模型
      • 6.1.3 层模型
    • 6.2 浮动排版
      • 6.2.1 设置浮动显示
      • 6.2.2 浮动元素的表现
    • 6.3 清除浮动
      • 6.3.1 使用空div 清除浮动
      • 6.3.2 使用after 伪元素清除浮动
      • 6.3.3 使用overllow 清除浮动
    • 6.4 CSS 定位
      • 6.4.1 定位排版属性position
      • 6.4.2 静态定位和相对定位
      • 6.4.3 绝对定位
      • 6.4.4 固定定位
      • 6.4.5 z-index 属性
    • 6.5 知识与技能梳理
    • 6.6 课后练习
  • 7 CSS3与HTML5的高级应用
    • 7.1 CSS Sprite 技术
      • 7.1.1 CSS Sprite 技术分解
      • 7.1.2 CSS Sprite 技术应用
    • 7.2 CSS3 渐变
      • 7.2.1 绘制线性渐变
      • 7.2.2 绘制径向渐变
    • 7.3 炫酷的CSS3 动画
      • 7.3.1 元素的变形——transform 属性
      • 7.3.2 设计图片画廊
      • 7.3.3 CSS3 动画设计
    • 7.4 HTML5 Canvas
      • 7.4.1 Canvas 元素
      • 7.4.2 使用JavaScript 实现绘图流程
      • 7.4.3 绘制图形
    • 7.5 知识与技能梳理
    • 7.6 课后练习
  • 8 PC端网页设计与实现
    • 8.1 网站前端设计的基础知识
      • 8.1.1 网站开发流程
      • 8.1.2 建设网站要注意的问题
      • 8.1.3 竞品网站赏析
    • 8.2 HTML 和CSS 基础知识
      • 8.2.1 网站目录划分
      • 8.2.2 网站文件夹、文件的命名
      • 8.2.3 CSS 样式重置
    • 8.3 网站首页分析及结构编码
      • 8.3.1 布局规划与切图
      • 8.3.2 搭建HTML 结构
      • 8.3.3 页面头部& 导航菜单版块的编码
      • 8.3.4 页面内容区版块的编码
      • 8.3.5 底部版权HTML 编码
    • 8.4 应用CSS 样式组建网页
      • 8.4.1 页面公共部分的CSS 样式
      • 8.4.2 页面头部& 页面导航CSS 样式
      • 8.4.3 banner 区域的CSS 样式
      • 8.4.4 主体内容区域的CSS 样式
      • 8.4.5 底部版权版块的CSS 编码
    • 8.5 知识与技能梳理
    • 8.6 拓展训练—品牌形象设计网站制作
  • 9 响应式页面开发
    • 9.1 了解响应式布局的相关知识
      • 9.1.1 响应式布局的概念
      • 9.1.2 响应式布局的原则
    • 9.2 定义设备类型
      • 9.2.1 定义媒体类型
      • 9.2.2 使用@meda
      • 9.2.3 在<link> 中定义媒体查询
    • 9.3 响应式页面的设计与实现
      • 9.3.1 页面分析
      • 9.3.2 网站基本结构
    • 9.4 知识与技能梳理
    • 9.5 拓展训练—产品页面响应式布局
  • 系列教材后记——得鱼忘筌

相关图书