HTML5+CSS3+JavaScript网页设计案例课堂(第2版)(配光盘)(网站开发案例课堂)

HTML5+CSS3+JavaScript网页设计案例课堂(第2版)(配光盘)(网站开发案例课堂)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2017-12
版次: 2
ISBN: 9787302486732
定价: 75.00
装帧: 平装
开本: 16开
页数: 508页
字数: 793千字
13人买过
  • 《HTML 5+CSS 3+JavaScript网页设计案例课堂(第2版)》以零基础讲解为宗旨,用实例引导读者深入学习,采取【HTML 5网页设计→CSS 3美化网页→JavaScript动态特效→综合案例实战】的讲解模式,深入浅出地讲解CSS+DIV的各项技术及实战技能。
    《HTML 5+CSS 3+JavaScript网页设计案例课堂(第2版)》第I篇主要内容包括初识HTML 5、HTML 5网页的文档结构、HTML 5网页中的文本和图像、用HTML 5建立超链接、用HTML 5创建表格、用HTML 5创建表单、用HTML 5绘制图形、HTML 5中的音频和视频等;第II篇主要内容包括CSS 3概述与基本语法、用CSS 3美化网页字体与段落、用CSS 3美化网页图片、用CSS 3美化网页背景与边框、用CSS 3美化超级链接和鼠标、用CSS 3美化表格和表单的样式、用CSS 3美化网页菜单、用滤镜美化网页元素、CSS 3中的动画效果等;第III篇主要内容包括JavaScript编程基本知识、JavaScript的程序控制结构与语句、JavaScript中的函数、JavaScript对象编程、JavaScript的内置对象、HTML 5、CSS 3和JavaScript的综合应用等;第IV篇主要内容包括制作企业门户类网页、制作在线购物类网页、移动设备类型网站开发。
    《HTML 5+CSS 3+JavaScript网页设计案例课堂(第2版)》适合任何想学习网页前台网页设计与布局的人员,无论您是否从事计算机相关行业,是否接触过HTML 5、CSS 3和JavaScript,通过学习均可快速掌握HTML 5+CSS 3+JavaScript的设计方法和技巧。

    刘春茂,本科毕业于上海复旦大学,硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台应用的开发。
    擅长的核心技术
    媒体和教育领域个性化信息推荐,网站用户行为数据挖掘,健康领域非结构化数据处理。
    擅长的其他技术
    熟悉各种网站和手机(Andorid和iOS)app的开发等,精通Java, C/C++, PHP, Python等流行语言并对Hadoop, MapReduce等大数据框架有深入研究。

    目    录
    第I篇  HTML 5网页设计

    第1章  初识HTML 5    3
    1.1  HTML 5的基本概念    4
    1.1.1  HTML的发展历程    4
    1.1.2  什么是HTML 5    4
    1.1.3  HTML 5文件的基本结构    5
    1.2  HTML 5的优势    5
    1.2.1  解决了跨浏览器问题    5
    1.2.2  新增了多个新特性    5
    1.2.3  用户优先的原则    6
    1.2.4  化繁为简的优势    7
    1.3  HTML 5文件的编写方法    7
    1.3.1  使用记事本手工编写HTML 5    7
    1.3.2  使用Dreamweaver CC编写
    HTML文件    8
    1.4  使用浏览器查看HTML 5文件    12
    1.4.1  查看页面效果    12
    1.4.2  查看源文件    13
    1.5  疑难解惑    13
    第2章  HTML 5网页的文档结构    15
    2.1  HTML 5文件的基本结构    16
    2.1.1  HTML 5页面的整体结构    16
    2.1.2  HTML 5新增的结构标记    16
    2.2  HTML 5基本标记详解    17
    2.2.1  文档类型说明    17
    2.2.2  HTML标记    17
    2.2.3  头标记head    18
    2.2.4  网页的主体标记body    20
    2.2.5  页面注释标记     21
    2.3  HTML 5语法的变化    22
    2.3.1  标签不再区分大小写    22
    2.3.2  允许属性值不使用引号    22
    2.3.3  允许部分属性的属性值省略    23
    2.4  综合案例——符合W3C标准的
    HTML 5网页    23
    2.5  跟我学上机——简单的HTML 5
    网页    25
    2.6  疑难解惑    26
    第3章  HTML 5网页中的文本和图像    27
    3.1  在网页中添加文本    28
    3.1.1  普通文本的添加    28
    3.1.2  特殊字符文本的添加    28
    3.1.3  使用HTML 5标记添加特殊
    文本    30
    3.2  文本排版    32
    3.2.1  换行标记     32
    3.2.2  段落标记     32
    3.2.3  标题标记 ~     33
    3.3  文字列表    34
    3.3.1  建立无序列表     34
    3.3.2  建立有序列表     36
    3.3.3  建立不同类型的无序列表    37
    3.3.4  建立不同类型的有序列表    38
    3.3.5  建立嵌套列表    38
    3.3.6  自定义列表    39
    3.4  网页中的图像     40
    3.4.1  在网页中插入图像    40
    3.4.2  设置图像的宽度和高度    42
    3.4.3  设置图像的提示文字    43
    3.4.4  将图片设置为网页背景    44
    3.4.5  排列图像    45
    3.5  综合案例——图文并茂的房屋装饰装修
    网页    45
    3.6  跟我学上机——在线购物网站的产品
    展示效果    47
    3.7  疑难解惑    48
    第4章  用HTML 5建立超链接    49
    4.1  URL的概念    50
    4.1.1  URL的格式    50
    4.1.2  URL的类型    50
    4.2  超链接标记     51
    4.2.1  设置文本和图片的超链接    51
    4.2.2  创建指向不同目标类型的
    超链接    52
    4.2.3  设置以新窗口显示超链接
    页面    54
    4.2.4  链接到同一页面的不同位置    55
    4.3  创建热点区域    56
    4.4  创建浮动框架    58
    4.5  综合案例——用Dreamweaver精确
    定位热点区域    59
    4.6  跟我学上机——创建热点区域    61
    4.7  疑难解惑    62
    第5章  用HTML 5创建表格    63
    5.1  表格的基本结构    64
    5.2  创建表格    65
    5.2.1  创建普通表格    65
    5.2.2  创建一个带有标题的表格    66
    5.3  编辑表格    67
    5.3.1  定义表格的边框类型    67
    5.3.2  定义表格的表头    68
    5.3.3  设置表格背景    69
    5.3.4  设置单元格的背景    71
    5.3.5  合并单元格    72
    5.3.6  排列单元格中的内容    76
    5.3.7  设置单元格的行高与列宽    77
    5.4  完整的表格标记    78
    5.5  综合案例——制作计算机报价表    79
    5.6  跟我学上机——制作学生成绩表    82
    5.7  疑难解惑    85
    第6章  用HTML 5创建表单    87
    6.1  表单概述    88
    6.2  表单基本元素的使用    88
    6.2.1  单行文本输入框    89
    6.2.2  多行文本输入框    89
    6.2.3  密码输入框    90
    6.2.4  单选按钮    91
    6.2.5  复选框    92
    6.2.6  列表框    92
    6.2.7  普通按钮    93
    6.2.8  提交按钮    94
    6.2.9  重置按钮    95
    6.3  表单高级元素的使用    96
    6.3.1  url属性的使用    96
    6.3.2  email属性的使用    97
    6.3.3  date和time属性的使用    97
    6.3.4  number属性的使用    98
    6.3.5  range属性的使用    99
    6.3.6  required属性的使用    100
    6.4  综合案例——创建用户反馈表单    101
    6.5  跟我学上机——制作用户注册表单    102
    6.6  疑难解惑    103
    第7章  用HTML 5绘制图形    105
    7.1  添加canvas的步骤    106
    7.2  绘制基本形状    106
    7.2.1  绘制矩形    107
    7.2.2  绘制圆形    108
    7.2.3  使用moveTo与lineTo绘制
    直线    108
    7.2.4  使用bezierCurveTo绘制贝塞尔
    曲线    109
    7.3  绘制渐变图形    111
    7.3.1  绘制线性渐变    111
    7.3.2  绘制径向渐变    112
    7.4  绘制变形图形    114
    7.4.1  绘制平移效果的图形    114
    7.4.2  绘制缩放效果的图形    115
    7.4.3  绘制旋转效果的图形    116
    7.4.4  绘制组合图形    117
    7.4.5  绘制带阴影的图形    119
    7.5  使用图像    120
    7.5.1  绘制图像    120
    7.5.2  平铺图像    121
    7.5.3  裁剪图像    122
    7.5.4  图像的像素化处理    124
    7.6  绘制文字    126
    7.7  图形的保存与恢复    127
    7.7.1  保存与恢复状态    127
    7.7.2  保存图形    129
    7.8  综合案例——绘制火柴棒人物    130
    7.9  跟我学上机——绘制商标    132
    7.10  疑难解惑    134
    第8章  HTML 5中的音频和视频    135
    8.1  audio标签概述    136
    8.1.1  audio标签概述    136
    8.1.2  audio标签的属性    137
    8.1.3  浏览器对audio标签的支持
    情况    137
    8.2  在网页中添加音频文件    138
    8.2.1  添加自动播放的音频文件    138
    8.2.2  添加带有控件的音频文件    138
    8.2.3  添加循环播放的音频文件    139
    8.2.4  添加预播放的音频文件    139
    8.3  video标签概述    140
    8.3.1  video标签概述    140
    8.3.2  video标签的属性    141
    8.3.3  浏览器对video标签的支持
    情况    142
    8.4  在网页中添加视频文件    142
    8.4.1  添加自动播放的视频文件    142
    8.4.2  添加带有控件的视频文件    143
    8.4.3  添加循环播放的视频文件    144
    8.5  综合案例——设置视频文件的高度
    与宽度    144
    8.6  跟我学上机——添加预播放的视频
    文件    145
    8.5  疑难解惑    146

      
    第II篇  CSS 3美化网页

     

     

  • 内容简介:
    《HTML 5+CSS 3+JavaScript网页设计案例课堂(第2版)》以零基础讲解为宗旨,用实例引导读者深入学习,采取【HTML 5网页设计→CSS 3美化网页→JavaScript动态特效→综合案例实战】的讲解模式,深入浅出地讲解CSS+DIV的各项技术及实战技能。
    《HTML 5+CSS 3+JavaScript网页设计案例课堂(第2版)》第I篇主要内容包括初识HTML 5、HTML 5网页的文档结构、HTML 5网页中的文本和图像、用HTML 5建立超链接、用HTML 5创建表格、用HTML 5创建表单、用HTML 5绘制图形、HTML 5中的音频和视频等;第II篇主要内容包括CSS 3概述与基本语法、用CSS 3美化网页字体与段落、用CSS 3美化网页图片、用CSS 3美化网页背景与边框、用CSS 3美化超级链接和鼠标、用CSS 3美化表格和表单的样式、用CSS 3美化网页菜单、用滤镜美化网页元素、CSS 3中的动画效果等;第III篇主要内容包括JavaScript编程基本知识、JavaScript的程序控制结构与语句、JavaScript中的函数、JavaScript对象编程、JavaScript的内置对象、HTML 5、CSS 3和JavaScript的综合应用等;第IV篇主要内容包括制作企业门户类网页、制作在线购物类网页、移动设备类型网站开发。
    《HTML 5+CSS 3+JavaScript网页设计案例课堂(第2版)》适合任何想学习网页前台网页设计与布局的人员,无论您是否从事计算机相关行业,是否接触过HTML 5、CSS 3和JavaScript,通过学习均可快速掌握HTML 5+CSS 3+JavaScript的设计方法和技巧。

  • 作者简介:
    刘春茂,本科毕业于上海复旦大学,硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台应用的开发。
    擅长的核心技术
    媒体和教育领域个性化信息推荐,网站用户行为数据挖掘,健康领域非结构化数据处理。
    擅长的其他技术
    熟悉各种网站和手机(Andorid和iOS)app的开发等,精通Java, C/C++, PHP, Python等流行语言并对Hadoop, MapReduce等大数据框架有深入研究。

  • 目录:
    目    录
    第I篇  HTML 5网页设计

    第1章  初识HTML 5    3
    1.1  HTML 5的基本概念    4
    1.1.1  HTML的发展历程    4
    1.1.2  什么是HTML 5    4
    1.1.3  HTML 5文件的基本结构    5
    1.2  HTML 5的优势    5
    1.2.1  解决了跨浏览器问题    5
    1.2.2  新增了多个新特性    5
    1.2.3  用户优先的原则    6
    1.2.4  化繁为简的优势    7
    1.3  HTML 5文件的编写方法    7
    1.3.1  使用记事本手工编写HTML 5    7
    1.3.2  使用Dreamweaver CC编写
    HTML文件    8
    1.4  使用浏览器查看HTML 5文件    12
    1.4.1  查看页面效果    12
    1.4.2  查看源文件    13
    1.5  疑难解惑    13
    第2章  HTML 5网页的文档结构    15
    2.1  HTML 5文件的基本结构    16
    2.1.1  HTML 5页面的整体结构    16
    2.1.2  HTML 5新增的结构标记    16
    2.2  HTML 5基本标记详解    17
    2.2.1  文档类型说明    17
    2.2.2  HTML标记    17
    2.2.3  头标记head    18
    2.2.4  网页的主体标记body    20
    2.2.5  页面注释标记     21
    2.3  HTML 5语法的变化    22
    2.3.1  标签不再区分大小写    22
    2.3.2  允许属性值不使用引号    22
    2.3.3  允许部分属性的属性值省略    23
    2.4  综合案例——符合W3C标准的
    HTML 5网页    23
    2.5  跟我学上机——简单的HTML 5
    网页    25
    2.6  疑难解惑    26
    第3章  HTML 5网页中的文本和图像    27
    3.1  在网页中添加文本    28
    3.1.1  普通文本的添加    28
    3.1.2  特殊字符文本的添加    28
    3.1.3  使用HTML 5标记添加特殊
    文本    30
    3.2  文本排版    32
    3.2.1  换行标记     32
    3.2.2  段落标记     32
    3.2.3  标题标记 ~     33
    3.3  文字列表    34
    3.3.1  建立无序列表     34
    3.3.2  建立有序列表     36
    3.3.3  建立不同类型的无序列表    37
    3.3.4  建立不同类型的有序列表    38
    3.3.5  建立嵌套列表    38
    3.3.6  自定义列表    39
    3.4  网页中的图像     40
    3.4.1  在网页中插入图像    40
    3.4.2  设置图像的宽度和高度    42
    3.4.3  设置图像的提示文字    43
    3.4.4  将图片设置为网页背景    44
    3.4.5  排列图像    45
    3.5  综合案例——图文并茂的房屋装饰装修
    网页    45
    3.6  跟我学上机——在线购物网站的产品
    展示效果    47
    3.7  疑难解惑    48
    第4章  用HTML 5建立超链接    49
    4.1  URL的概念    50
    4.1.1  URL的格式    50
    4.1.2  URL的类型    50
    4.2  超链接标记     51
    4.2.1  设置文本和图片的超链接    51
    4.2.2  创建指向不同目标类型的
    超链接    52
    4.2.3  设置以新窗口显示超链接
    页面    54
    4.2.4  链接到同一页面的不同位置    55
    4.3  创建热点区域    56
    4.4  创建浮动框架    58
    4.5  综合案例——用Dreamweaver精确
    定位热点区域    59
    4.6  跟我学上机——创建热点区域    61
    4.7  疑难解惑    62
    第5章  用HTML 5创建表格    63
    5.1  表格的基本结构    64
    5.2  创建表格    65
    5.2.1  创建普通表格    65
    5.2.2  创建一个带有标题的表格    66
    5.3  编辑表格    67
    5.3.1  定义表格的边框类型    67
    5.3.2  定义表格的表头    68
    5.3.3  设置表格背景    69
    5.3.4  设置单元格的背景    71
    5.3.5  合并单元格    72
    5.3.6  排列单元格中的内容    76
    5.3.7  设置单元格的行高与列宽    77
    5.4  完整的表格标记    78
    5.5  综合案例——制作计算机报价表    79
    5.6  跟我学上机——制作学生成绩表    82
    5.7  疑难解惑    85
    第6章  用HTML 5创建表单    87
    6.1  表单概述    88
    6.2  表单基本元素的使用    88
    6.2.1  单行文本输入框    89
    6.2.2  多行文本输入框    89
    6.2.3  密码输入框    90
    6.2.4  单选按钮    91
    6.2.5  复选框    92
    6.2.6  列表框    92
    6.2.7  普通按钮    93
    6.2.8  提交按钮    94
    6.2.9  重置按钮    95
    6.3  表单高级元素的使用    96
    6.3.1  url属性的使用    96
    6.3.2  email属性的使用    97
    6.3.3  date和time属性的使用    97
    6.3.4  number属性的使用    98
    6.3.5  range属性的使用    99
    6.3.6  required属性的使用    100
    6.4  综合案例——创建用户反馈表单    101
    6.5  跟我学上机——制作用户注册表单    102
    6.6  疑难解惑    103
    第7章  用HTML 5绘制图形    105
    7.1  添加canvas的步骤    106
    7.2  绘制基本形状    106
    7.2.1  绘制矩形    107
    7.2.2  绘制圆形    108
    7.2.3  使用moveTo与lineTo绘制
    直线    108
    7.2.4  使用bezierCurveTo绘制贝塞尔
    曲线    109
    7.3  绘制渐变图形    111
    7.3.1  绘制线性渐变    111
    7.3.2  绘制径向渐变    112
    7.4  绘制变形图形    114
    7.4.1  绘制平移效果的图形    114
    7.4.2  绘制缩放效果的图形    115
    7.4.3  绘制旋转效果的图形    116
    7.4.4  绘制组合图形    117
    7.4.5  绘制带阴影的图形    119
    7.5  使用图像    120
    7.5.1  绘制图像    120
    7.5.2  平铺图像    121
    7.5.3  裁剪图像    122
    7.5.4  图像的像素化处理    124
    7.6  绘制文字    126
    7.7  图形的保存与恢复    127
    7.7.1  保存与恢复状态    127
    7.7.2  保存图形    129
    7.8  综合案例——绘制火柴棒人物    130
    7.9  跟我学上机——绘制商标    132
    7.10  疑难解惑    134
    第8章  HTML 5中的音频和视频    135
    8.1  audio标签概述    136
    8.1.1  audio标签概述    136
    8.1.2  audio标签的属性    137
    8.1.3  浏览器对audio标签的支持
    情况    137
    8.2  在网页中添加音频文件    138
    8.2.1  添加自动播放的音频文件    138
    8.2.2  添加带有控件的音频文件    138
    8.2.3  添加循环播放的音频文件    139
    8.2.4  添加预播放的音频文件    139
    8.3  video标签概述    140
    8.3.1  video标签概述    140
    8.3.2  video标签的属性    141
    8.3.3  浏览器对video标签的支持
    情况    142
    8.4  在网页中添加视频文件    142
    8.4.1  添加自动播放的视频文件    142
    8.4.2  添加带有控件的视频文件    143
    8.4.3  添加循环播放的视频文件    144
    8.5  综合案例——设置视频文件的高度
    与宽度    144
    8.6  跟我学上机——添加预播放的视频
    文件    145
    8.5  疑难解惑    146

      
    第II篇  CSS 3美化网页

     

     

查看详情