Web前端技术项目教程(HTML5+CSS3)

Web前端技术项目教程(HTML5+CSS3)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
出版社: 科学出版社
2021-08
版次: 1
ISBN: 9787030676245
定价: 39.00
装帧: 其他
开本: 16开
纸张: 胶版纸
1人买过
  • 本书在“有趣、有效、只学有用的”原则基础上,结合学生的认知规律和现状,力求使其能够在有限的课时内“专业”和“深入”地学习Web前端技术相关知识。本书共7个项目,按照知识点由浅入深分为Web知识储备篇、Web案例提高篇和Web项目实战篇,分别完成知识点讲解、案例讲解和项目实战三大步骤,帮助学生把握Web前端的核心技术HTML5与CSS3。明确的学习目标以及循序渐进的知识体系,能使学生的理论知识和实践技能同步提高。通过本书的学习,学生能够熟悉Web页面制作流程、掌握常见的页面布局效果、学会设计制作各种常见的门户网站。
      本书可以作为高职高专院校计算机相关专业的教材,也可作为Web前端设计者的自学用书,还可作为IT类培训机构的Web前端开发培训类教材。  

     图书目录

    ...........................................................................................................................................

     

    Web知识储备篇

    项目1  HTML5基础    3

    任务1.1 掌握网页的文档结构    4

    1.1.1 HTML5中的常用标签    4

    1.1.2 HTML5的编写方法及代码的书写格式    4

    动手实践——实现一个简单的HTML页面    5

    任务1.2 设计网页文档    6

    1.2.1 网页图像的设置    6

    1.2.2 网页表格的设置    7

    1.2.3 网页表单的设置    7

    1.2.4 网页列表的设置    8

    1.2.5 网页多媒体的设置    11

    1.2.6 网页超链接的设置    11

    动手实践——创建一个产品展示页面    11

    小结    14

    测试题    14

    项目2  CSS3基础    16

    任务2.1 CSS3语法概述    17

    2.1.1 CSS3的语法结构    17

    2.1.2 CSS3的使用方法    17

    2.1.3 CSS3的基础选择器    20

    任务2.2 网页中字体、段落的美化    27

    2.2.1 网页中的字体样式    27

    2.2.2 网页中的段落样式    28

    动手实践——新闻页面的实现    31

    任务2.3 网页中背景与边框的美化    34

    2.3.1 网页中背景的美化    34

    2.3.2 网页中边框的美化    50

    动手实践——简单信息展示网页的实现    53

    小结    60

    测试题    60

     

    项目3  CSS3 DIV页面结构布局    62

    任务3.1 CSS3 DIV    63

    3.1.1 块元素与行内元素的应用    63

    3.1.2 盒子模型及运用    66

    3.1.3 浮动与定位    68

    动手实践——导购菜单的制作    79

    任务3.2 导航菜单的制作    84

    3.2.1 垂直导航菜单的制作    84

    3.2.2 水平导航菜单的制作    85

    动手实践——模拟导航栏的制作    86

    小结    88

    测试题    88

    项目4  CSS3新增动画特效    91

    任务4.1 变形效果    92

    4.1.1 平移    92

    4.1.2 缩放    94

    4.1.3 倾斜    96

    4.1.4 旋转    98

    动手实践——网页中立体效果的实现    100

    任务4.2 过渡效果    105

    4.2.1 transition­property属性    105

    4.2.2 transition­duration属性    106

    4.2.3 transition­timing­function属性    107

    4.2.4 transition­delay属性    110

    4.2.5 transition属性    111

    动手实践——悬浮相册的实现    111

    任务4.3 animation动画效果    116

    4.3.1 关键帧    116

    4.3.2 animation动画属性    119

    动手实践——图片墙3D翻转效果的实现    122

    小结    126

    测试题    127

    Web案例提高篇

    项目5  气泡悬浮效果的实现    131

    任务5.1 界面设计分析    132

    任务5.2 基本框架的实现    132

    项目6  横幅广告效果的实现    137

    任务6.1 设计分析    137

    任务6.2 页面的实现    138

    Web项目实战篇

    项目7  综合信息类网站首页的实现    143

    任务7.1 网站首页整体布局的实现    143

    任务7.2 页面头部、banner及导航的具体实现    147

    任务7.3 图片浏览样式与动态栏的实现    150

    任务7.4 走进浙江、浙江历史等信息栏的实现    154

    任务7.5 快速通道及页脚信息的实现    167

    参考文献    172
  • 内容简介:
    本书在“有趣、有效、只学有用的”原则基础上,结合学生的认知规律和现状,力求使其能够在有限的课时内“专业”和“深入”地学习Web前端技术相关知识。本书共7个项目,按照知识点由浅入深分为Web知识储备篇、Web案例提高篇和Web项目实战篇,分别完成知识点讲解、案例讲解和项目实战三大步骤,帮助学生把握Web前端的核心技术HTML5与CSS3。明确的学习目标以及循序渐进的知识体系,能使学生的理论知识和实践技能同步提高。通过本书的学习,学生能够熟悉Web页面制作流程、掌握常见的页面布局效果、学会设计制作各种常见的门户网站。
      本书可以作为高职高专院校计算机相关专业的教材,也可作为Web前端设计者的自学用书,还可作为IT类培训机构的Web前端开发培训类教材。
  • 目录:
     

     图书目录

    ...........................................................................................................................................

     

    Web知识储备篇

    项目1  HTML5基础    3

    任务1.1 掌握网页的文档结构    4

    1.1.1 HTML5中的常用标签    4

    1.1.2 HTML5的编写方法及代码的书写格式    4

    动手实践——实现一个简单的HTML页面    5

    任务1.2 设计网页文档    6

    1.2.1 网页图像的设置    6

    1.2.2 网页表格的设置    7

    1.2.3 网页表单的设置    7

    1.2.4 网页列表的设置    8

    1.2.5 网页多媒体的设置    11

    1.2.6 网页超链接的设置    11

    动手实践——创建一个产品展示页面    11

    小结    14

    测试题    14

    项目2  CSS3基础    16

    任务2.1 CSS3语法概述    17

    2.1.1 CSS3的语法结构    17

    2.1.2 CSS3的使用方法    17

    2.1.3 CSS3的基础选择器    20

    任务2.2 网页中字体、段落的美化    27

    2.2.1 网页中的字体样式    27

    2.2.2 网页中的段落样式    28

    动手实践——新闻页面的实现    31

    任务2.3 网页中背景与边框的美化    34

    2.3.1 网页中背景的美化    34

    2.3.2 网页中边框的美化    50

    动手实践——简单信息展示网页的实现    53

    小结    60

    测试题    60

     

    项目3  CSS3 DIV页面结构布局    62

    任务3.1 CSS3 DIV    63

    3.1.1 块元素与行内元素的应用    63

    3.1.2 盒子模型及运用    66

    3.1.3 浮动与定位    68

    动手实践——导购菜单的制作    79

    任务3.2 导航菜单的制作    84

    3.2.1 垂直导航菜单的制作    84

    3.2.2 水平导航菜单的制作    85

    动手实践——模拟导航栏的制作    86

    小结    88

    测试题    88

    项目4  CSS3新增动画特效    91

    任务4.1 变形效果    92

    4.1.1 平移    92

    4.1.2 缩放    94

    4.1.3 倾斜    96

    4.1.4 旋转    98

    动手实践——网页中立体效果的实现    100

    任务4.2 过渡效果    105

    4.2.1 transition­property属性    105

    4.2.2 transition­duration属性    106

    4.2.3 transition­timing­function属性    107

    4.2.4 transition­delay属性    110

    4.2.5 transition属性    111

    动手实践——悬浮相册的实现    111

    任务4.3 animation动画效果    116

    4.3.1 关键帧    116

    4.3.2 animation动画属性    119

    动手实践——图片墙3D翻转效果的实现    122

    小结    126

    测试题    127

    Web案例提高篇

    项目5  气泡悬浮效果的实现    131

    任务5.1 界面设计分析    132

    任务5.2 基本框架的实现    132

    项目6  横幅广告效果的实现    137

    任务6.1 设计分析    137

    任务6.2 页面的实现    138

    Web项目实战篇

    项目7  综合信息类网站首页的实现    143

    任务7.1 网站首页整体布局的实现    143

    任务7.2 页面头部、banner及导航的具体实现    147

    任务7.3 图片浏览样式与动态栏的实现    150

    任务7.4 走进浙江、浙江历史等信息栏的实现    154

    任务7.5 快速通道及页脚信息的实现    167

    参考文献    172
查看详情
相关图书 / 更多
Web前端技术项目教程(HTML5+CSS3)
Web前端开发与项目实践
魏慧;胡沁涵
Web前端技术项目教程(HTML5+CSS3)
Web前端设计
王珊
Web前端技术项目教程(HTML5+CSS3)
Web应用开发技术(微课版)
白磊
Web前端技术项目教程(HTML5+CSS3)
Web 3.0:打造良好体验的品牌方法论
施襄 著
Web前端技术项目教程(HTML5+CSS3)
Web API设计原则通过API和微服务实现价值交付
(美)詹姆斯·希金博特姆(James Higginbotham)
Web前端技术项目教程(HTML5+CSS3)
Weir & Abrahams 人体解剖影像图谱(第6版)
袁慧书 著
Web前端技术项目教程(HTML5+CSS3)
Web3.0:数字时代赋能与变革
贾新峰
Web前端技术项目教程(HTML5+CSS3)
Web3.0:构建数字经济新未来
翟振林
Web前端技术项目教程(HTML5+CSS3)
Web前端开发基础
韩少云、王春梅 著
Web前端技术项目教程(HTML5+CSS3)
Web3.0时代:创新思维赋能数字未来
徐俊
Web前端技术项目教程(HTML5+CSS3)
Web前端开发实战
郭凯;孔繁玉;张有宽
Web前端技术项目教程(HTML5+CSS3)
Web前端设计基础(第2版)
李立威;薛晓霞;王晓红;李丹丹;王艳娥