HTML5+CSS3网页设计与制作案例教程(第二版)--详细介绍

图书搜索
帮助
热门图书
EDA技术实用教程——V...
管理学基础
平面设计基础(第二版)
食品理化检验技术
内蒙古大兴安岭汗马国家级...
推荐系统进展:方法与技术
基于深度学习的医学图像数...
汽车维护实训指导
机电设备基本电路装接与调...
数控车削操作与实训
基于评估的智障学生职业教...
学前儿童区域游戏经典案例
体能和形体训练(下)
成本核算与管理
电子技术基础与实训教程
建筑装饰工程施工组织与管...
机电设备操作
计算机公共基础与MS O...
调频阻尼减震结构理论与设...
中国中西部南北旅游大通道...
C语言程序设计实验指导与...
企业会计实训
[ 本科及研究生教材 ]
    [ 信息技术,电子 ]
        [ 信息技术,电子 ]
    [ 经济管理 ]
        [ 经济管理 ]
    [ 建筑 ]
        [ 建筑 ]
    [ 机械,制造 ]
        [ 机械,制造 ]
    [ 公共课 ]
        [ 公共课 ]
[ 高职高专教材 ]
    [ 信息技术,电子 ]
        [ 信息技术,电子 ]
    [ 经济管理 ]
        [ 经济管理 ]
    [ 建筑 ]
        [ 建筑 ]
    [ 机械,制造 ]
        [ 机械,制造 ]
    [ 农林环境 ]
        [ 农林环境 ]
    [ 公共课 ]
        [ 公共课 ]
[ 中职中专教材 ]
    [ 信息技术,电子 ]
        [ 信息技术,电子 ]
    [ 经济管理 ]
        [ 经济管理 ]
    [ 建筑 ]
        [ 建筑 ]
    [ 机械,制造 ]
        [ 机械,制造 ]
    [ 公共课 ]
        [ 公共课 ]
[ 店销书,专著 ]
    [ 信息技术,电子 ]
        [ 信息技术,电子 ]
    [ 经济管理 ]
        [ 经济管理 ]
    [ 建筑 ]
        [ 建筑 ]
    [ 机械,制造 ]
        [ 机械,制造 ]
    [ 农林环境 ]
        [ 农林环境 ]
    [ 其他 ]
        [ 其他 ]
 当前位置:高职高专教材 信息技术,电子 信息技术,电子 信息技术,电子 HTML5+CSS3网页设计与制作案例教程(第二版)
   
HTML5+CSS3网页设计与制作案例教程(第二版)
作者:郭建东
书名:HTML5+CSS3网页设计与制作案例教程(第二版)
定价:¥ 39 元
光盘: 
丛书名:  全国高职高专计算机网络技术专业规划教材
免费资源下载: 资源下载地址
本书PPT下载: 课件下载地址
目录和样章下载: 样章下载地址
开本: 16K
标准书号: 978-7-03-063387-3
字数(千): 280
页数: 200
出版日期: 2020-4-10
发行号: TP-8401.0101
装帧: 平装
点击热度: 1408
最新印刷日期:    
 
编辑推荐
...........................................................................................................................................
 
获奖情况
...........................................................................................................................................
 
图书介绍
...........................................................................................................................................
  本书是Web前端网页设计的基础性教材,结合1+X前端考证,介绍不同前端编辑器下HTML5网站和网页的创建,包括简单页面制作、多列布局的复杂页面制作和导航设计等;然后结合CSS3和HTML5的新特性,由浅入深讲解了HTML5表单制作、使用CSS3样式制作特效文字、过渡渐变和动画效果、HTML5媒体应用技术、Bootstrap响应式布局页面制作等内容,使读者全面理解和掌握基于HTML5+CSS3的前端页面设计与制作技术。本书还介绍了使用Photoshop制作按钮、导航等网页图片素材,并通过实例介绍网页版面效果图制作和切图技术;最后讲解了一个综合网站的制作过程。
  本书配套提供国家级精品课程平台“爱课程中国大学MOOC”的线上学习和广东省精品在线开放课程资源,包括案例视频、教学PPT、案例源代码、素材图片、上机实训素材、授课计划、教学大纲、考核方案和混合式教学方案等。本书适合作为高职高专院校、应用型本科院校网页设计课程的教材,也可作为网页设计和制作人员自学的参考用书。
 
前言
...........................................................................................................................................
  HTML5技术的发展,标志着新的Web时代来临。能够掌握通过HTML5结合CSS3样式制作出内容丰富、动态美观的网页等页面前端技术显得日趋重要。
  本书结构合理、内容翔实,结合1+X前端考证内容,通过应用HTML5技术结合CSS3样式制作精美网页,使读者轻松快速掌握Web前端设计及网页图片素材设计的基本知识。本书以“高技能应用型人才”为培养目标,以案例讲解为主线,每一个案例知识点都融合在精美的网页制作中,案例选取的网页具有较强的应用性和示范性。每章后面都附有上机实训和模拟1+X前端考证的客观题,供读者课外练习巩固所学内容。读者可以访问与本书配套的“网页设计基础”精品课程网站(http://jx.gdgm.cn/skills/wv/30764673)或科学出版社网站(http://www. abook.cn)获取所有教学资源,也可进入“爱课程中国大学MOOC”的“网页设计基础”课程(https://www.icourse163.org/course/GDGM­1002536020)进行在线学习。
本书共10章,各章主要内容如下。
  第1章介绍网页的基本概念、基本元素、在Dreamweaver CC开发平台上创建网站和网页的基本操作、在HBuilder X开发平台上网站、网页和样式表文件的创建,并初步了解网页的文档结构、掌握文字网页制作和文字样式的设计,初步了解HTML5语法。
第2章介绍CSS样式的基础知识,在网页中添加文本、图像等网页元素,制作一列布局和图文混排等页面。
  第3章深入介绍如何通过CSS+Div+布局标签制作出复杂的网页页面。
  第4章介绍文字和图片的超链接,利用文字链接和列表项文字制作横向和竖向导航。
  第5章介绍HTML5的各类表单元素,包括input元素、各类无障碍访问表单元素、列表项、日期和颜色控件等,通过案例讲解表单元素的CSS样式设计,通过表单元素结合CSS样式,制作出精美的表单页面。
  第6章介绍CSS3样式及其在网页制作中的应用,包括文本特效、渐变、过渡效果和动画效果制作等。
  第7章介绍HTML5新特性、新增元素和HTML5的媒体应用。
  第8章介绍HTML5的Bootstrap框架基础及应用,包括介绍响应式Web设计、使用弹性盒布局创建响应式网页布局、Bootstrap框架基础及应用等。
  第9章介绍利用Photoshop对网页中的图片素材进行修改,导航条、按钮等网页元素的制作,以及网页版面设计制作等内容。
  第10章结合企业项目介绍一个综合网站实例的制作过程,包括网站的规划、整体设计、网页切图、主页和内容页的设计、网站的测试与发布等过程。
本书主要特点如下。
  1.教学配套资源丰富,方便读者使用
  与本书配套的“网页设计基础”精品课程在2017年立项为广东省精品在线开放课程,截止到2019年11月该网站总访问量已超过47万人次。2017年开始在国家精品课程平台“爱课程中国大学MOOC”开设“网页设计基础”课程,提供在线学习。丰富的课程教学资源为开展混合式教学开展提供了条件,本书主编围绕该课程开展的混合式教学创新实践成果在2019年获得广东省教育教学成果一等奖。精品课程网站提供的教学资源包括案例视频、教学PPT、案例源代码、素材图片、上机实训素材、授课计划、教学大纲、考核方案和混合式教学方案等;给学有余力的读者提供了课程拓展学习资源、各类项目资源库(如导航库、播放器库、样式库、优秀项目作品)等,并针对这些资源录制了教学视频,另外还提供了网页开发标准与规范、在线测试链接等课程资源。
  2.配套1+X前端考证,并体现新知识、新技术、新应用
  本书以案例为引导,理论知识贯穿其中,融“教、学、做”为一体,融艺术与技术于一体,强化学生能力培养;引入网页设计前端的新知识、新技术、新应用和1+X前端考证知识,使知识内容与企业需求无缝衔接;上机实训项目来源于真实互联网网页仿真,培养学生的技能应用能力和创新能力。
  3. 教材融合思政育人于一体
  本书中的案例文字和图片都经过精心制作和挑选,素材内容包括工匠精神、科技发展、现代诗词散文、古代诗词曲赋等,使专业知识与思政育人相融合。
  4.教材具有先进性
  本书属于创新型教材,书中提供的二维码分别链接到80个微课教学视频、25个优秀项目资源库和50个其他拓展资源库等课程资源,读者通过扫描书中二维码可在线浏览各类资源。
本书由广东工贸职业技术学院郭建东担任主编,广东工程职业技术学院陆晓梅、广州工商学院刘红英和广东工贸职业技术学院黄培泉担任副主编。其中,第1章由郭建东和黄培泉共同编写,第2~5章和第9章、第10章由郭建东编写,第6章由刘红英编写,第7章、第8章由陆晓梅编写。全书由郭建东统稿。
  由于编者水平所限,书中疏漏和错误之处在所难免,欢迎广大读者批评指正。


 
图书目录
...........................................................................................................................................
第1章  网页设计基础    1
1.1  网页的基本概念    1
1.2  网页的基本元素    2
1.3  常用前端开发工具    3
1.4  基于Dreamweaver平台的网站创建与管理    4
1.4.1  Dreamweaver CC开发平台工作区介绍    4
1.4.2  基于Dreamweaver CC的网站创建与管理    6
1.5  HBuilder X平台网站项目的创建    9
1.5.1  HBuilder X开发平台工作区介绍    9
1.5.2  HBuilder X项目的创建    10
1.6  网页基本结构和文本元素    11
1.6.1  网页的基本结构    11
1.6.2  HTML中的文本元素    14
1.6.3  HTML块元素与内联元素    16
1.7  创建基于文本的网页    17
1.7.1  在网页中添加文字    17
1.7.2  文字和段落的CSS样式    18
1.7.3  CSS样式在文本页面的应用案例    22
上机实训    22
课后练习    23
第2章  HTML5+CSS简单页面制作    25
2.1  CSS样式基础    25
2.1.1  CSS盒子模型    25
2.1.2  CSS页面布局基础    29
2.1.3  CSS样式分类    31
2.1.4  样式规则的优先级    32
2.1.5  样式规则的优先级应用案例    32
2.1.6  样式命名规范    34
2.2  一列布局页面制作    36
2.2.1  制作一列固定宽度布局网页    36
2.2.2  制作一列自适应宽度布局网页    39
2.3  网页中的图片元素    40
2.4  制作图文混排的网页    41
2.4.1  文字环绕图片网页制作    41
2.4.2  一列布局图文混排网页制作    42
上机实训    43
课后练习    44
第3章  多列布局页面制作    46
3.1  二列布局页面制作    46
3.1.1  网页常见二列布局方案    46
3.1.2  二列布局页面制作案例    47
3.2  三列布局页面制作    49
3.2.1  网页常见三列布局方案    49
3.2.2  三列布局页面制作案例    50
3.3  多列布局页面制作    52
3.3.1  网页常见多列布局方案    52
3.3.2  多列布局页面制作案例    52
上机实训    57
课后练习    59
第4章  链接与导航制作    61
4.1  文字链接    61
4.1.1  文本链接    62
4.1.2  邮件链接    63
4.1.3  下载链接    63
4.1.4  空链接    63
4.1.5  链接文字样式设置    63
4.2  图片链接    64
4.3  导航设计与制作    64
4.3.1  横向文字链接导航制作及应用    64
4.3.2  图片背景导航制作    65
4.3.3  列表导航制作    67
上机实训    72
课后练习    73
第5章  HTML5表单基础    75
5.1  认识表单    75
5.2  表单对象    77
5.2.1  input元素    77
5.2.2  textarea(多行文本框)元素    80
5.2.3  select元素和option元素    80
5.2.4  无障碍访问表单元素label、fieldset和legend    80
5.2.5  datalist预设列表选项元素    81
5.2.6  日历控件    82
5.2.7  颜色池控件    82
5.3  表单应用案例    83
上机实训    84
课后练习    84
第6章  CSS3样式基础    86
6.1  CSS3文本效果应用    86
6.1.1  文本阴影效果    86
6.1.2  文本描边效果    87
6.1.3  文本浮雕效果    87
6.1.4  CSS3文本效果应用案例    87
6.2  CSS3背景与渐变效果    89
6.2.1  线性渐变    89
6.2.2  径向渐变    89
6.2.3  重复渐变    90
6.2.4  CSS3背景与渐变效果应用案例    90
6.3  CSS3制作边框效果    91
6.3.1  圆角边框    91
6.3.2  CSS3圆角边框应用案例    92
6.3.3  边框阴影    94
6.3.4  边框阴影制作案例    95
6.4  CSS3制作动画效果    96
6.4.1  CSS3 transitions过渡动画制作    96
6.4.2  过渡动画制作案例    97
6.4.3  CSS3 animation动画    98
6.4.4  animation动画制作案例    100
6.5  CSS3应用综合案例    101
上机实训    106
课后练习    108
第7章  HTML5新特性与媒体应用    109
7.1  HTML5新特性    109
7.1.1  解决浏览器兼容问题    109
7.1.2  新增多个功能丰富的新元素和API    109
7.1.3  用户优先的原则    110
7.1.4  元素语法化繁为简    110
7.2  HTML5常用新增元素    110
7.2.1  figure元素和figcaption元素    110
7.2.2  details和summary元素    111
7.2.3  time和mark元素    112
7.3  HTML5元素全局属性    113
7.3.1  contenteditable    113
7.3.2  data­*    114
7.3.3  draggable    114
7.3.4  hidden    114
7.3.5  spellcheck    114
7.4  HTML5网页中多媒体应用    115
7.4.1  HTML5视频播放案例    115
7.4.2  HTML5音频播放案例    117
上机实训    119
课后练习    119
第8章  Bootstrap响应式布局    120
8.1  响应式Web设计和视口    120
8.2  弹性盒布局    121
8.2.1  弹性盒布局结构    121
8.2.2  弹性盒容器属性    122
8.2.3  弹性盒容器子元素属性    124
8.3  Bootstrap响应式布局    127
8.3.1  Bootstrap下载与快速部署    127
8.3.2  栅格系统    129
8.3.3  组件及公用样式    132
8.3.4  Bootstrap响应式布局案例    136
上机实训    138
课后练习    139
第9章  Photoshop网页界面设计    140
9.1  网页界面设计基础    140
9.1.1  网页界面设计配色    140
9.1.2  网页文字图片元素    141
9.1.3  网页中常用的图片格式    142
9.2  Photoshop简介    143
9.2.1  Photoshop 操作界面简介    143
9.2.2  工具栏    144
9.2.3  图层    144
9.3  网页图片元素的制作案例    147
9.3.1  线条绘制    147
9.3.2  按钮制作    148
9.3.3  文字阴影    152
9.3.4  导航条制作    153
9.3.5  网页图像合成与修饰    154
9.4  网页版面制作案例    156
上机实训    158
课后练习    159
第10章  网站设计制作实例    160
10.1  网站制作流程    160
10.2  使用CSS+Div设计制作静态网站    161
10.2.1  网站的用途及定位    162
10.2.2  网站内容的选取    162
10.2.3  使用Photoshop切图    162
10.2.4  主页框架制作    165
10.2.5  导航制作    171
10.2.6  主页内容区内容制作    171
10.2.7  制作前端内容页“唐诗”页面    172
10.2.8  制作前端内容页“宋词”页面    176
10.2.9  制作前端内容页“元曲”页面    176
10.2.10  制作前端内容页“汉赋”页面    180
10.3  测试网站    182
10.4  上传发布网站    184
10.4.1  使用Dreamweaver CC 2019自带工具上传站点    184
10.4.2  使用FlashFXP上传文件    185
上机实训    186
参考文献    187
附录  拓展教学资源    188
 
 
本站首页 | 联系我们 | 所有图书 | 资源下载 | 作者投稿 | 读者反馈 | 业务联系 | 招聘信息 | 加入收藏    
Copyright www.abook.cn All Rights Reserved
地址:北京市海淀区北三环西路43号青云当代大厦21层2109   邮编:100086
站长QQ:693638799 Email:693638799@qq.com 电话:010-62140850
版权所有:科学出版社 职教技术出版中心
京ICP备13039988号