新書推薦:
《
朋党之争与北宋政治·大学问
》
售價:HK$
99.7
《
甲骨文丛书·波斯的中古时代(1040-1797年)
》
售價:HK$
88.5
《
以爱为名的支配
》
售價:HK$
62.7
《
台风天(大吴作品,每一种生活都有被看见的意义)
》
售價:HK$
53.8
《
打好你手里的牌(斯多葛主义+现代认知疗法,提升当代人的心理韧性!)
》
售價:HK$
66.1
《
新时代硬道理 广东寻路高质量发展
》
售價:HK$
77.3
《
6S精益管理实战(精装版)
》
售價:HK$
100.6
《
异域回声——晚近海外汉学之文史互动研究
》
售價:HK$
109.8
|
編輯推薦: |
本书知识全面,结构合理,通俗易懂,实践性强,适合作为应用型本科数字媒体类专业、计算机类专业、商务类专业的教材,还可作为想了解HTML5 CSS3 的网页设计专业人员的参考用书。
|
內容簡介: |
本书采用任务驱动式的编写思路,将知识点集成于一个网站案例,分别在5 个单元内进行讲解:网页设计工具、网页元素、网页布局、网页特效及网站整合与发布,共20 个任务。每个任务包括学习目标、学习重点与难点、效果展示、任务准备、任务实现、同步训练、知识拓展和课后习题。附录中介绍如何提高网站的品质以及兼容性解决方案。
|
目錄:
|
单元0 绪论....................................... 1
单元1 网页设计工具....................... 10
任务1 熟识网页语言...................... 10
任务2 美化网页元素...................... 15
任务3 熟识网页制作软件
Dreamweaver ......................... 18
任务4 浏览网页.............................. 26
单元小结............................................ 31
单元2 网页元素.............................. 32
任务1 创建和美化网页文本元素.... 32
子任务1 创建文本网页........... 32
子任务2 美化普通文本........... 35
子任务3 创建超链接文本....... 42
子任务4 美化超链接文本....... 47
子任务5 创建滚动文本........... 51
子任务6 设计制作网站特效
文字.......................... 53
任务2 创建和美化网页图像元素.... 57
子任务1 创建图文网页........... 57
子任务2 创建网页背景........... 68
子任务3 设计制作网站图像
特效.......................... 76
任务3 创建网页布局元素............... 81
子任务1 使用table 标记排列
超链接...................... 81
子任务2 使用div 标记创建
布局元素.................. 86
任务4 创建和美化网页导航元素..... 92
子任务1 创建一级导航........... 93
子任务2 创建二级导航........... 99
子任务3 添加导航前导
符号........................ 103
子任务4 使用预置的Spry
导航元素................. 107
任务5 添加网页媒体元素............. 110
任务6 创建网页表单元素............. 113
子任务1 创建留言板页面..... 113
子任务2 创建用户登录
页面........................ 121
单元小结.......................................... 127
单元3 网页布局............................128
任务1 实现网页单一布局............. 128
任务2 实现网页多列布局............. 135
子任务1 使用float 属性实现
网页多列布局......... 135
子任务2 column-count 属性
实现文本分列布局... 147
任务3 基于网页模板创建网页..... 150
任务4 定位网页元素..................... 159
子任务1 设计实现网页元素
的定位..................... 160
子任务2 定位技术实现网页
布局......................... 165
任务5 基于Spry 构件实现
tab 布局.............................. 168
任务6 移动端页面的制作............. 172
单元小结.......................................... 183
单元4 网页特效............................184
任务1 从行为面板添加网页
特效.................................... 184
子任务1 网页添加改变背景
颜色的特效............. 184
子任务2 网页添加图像切换
特效......................... 189
目 录 CONTENTS
2
网页设计与制作(HTML5 CSS3)
任务2 通过CSS3 属性添加网页
特效.................................... 192
子任务1 使用transition 属性
创建动画................ 192
子任务2 使用animation 属性
创建动画................ 198
单元小结.......................................... 205
单元5 网站整合与发布..................206
任务1 检测网站超链接检测... 206
任务2 上传站点文件到Web
服务器................................ 208
单元小结.......................................... 210
附录A 浏览器兼容性问题..............211
附录B 关于网站品质.....................213
|
內容試閱:
|
随着移动互联网、HTML5技术的发展,Internet让人们的世界越来越小,而网站是这个世界的主要载体。网站的构建技术统称为Web技术,分为Web前端和Web后台开发,本书讲解的内容属于Web前端开发。Web前端开发是一个庞大的技术体系,其中网页设计与制作是技术体系的核心,主要涉及的技术包括HTML5标记语言、CSS3表现样式、交互行为(JavaScript)。全书共分5个单元:
单元1 网页设计工具。本单元主要介绍标记语言HTML5的基本结构与语法,HTMl标记的发展史,HTML5的优点以及新增的标记;层叠样式表CSS3的样式定义及使用CSS的发展史,CSS3新增的属性;可视化制作工具Dreamweaver的工作环境及在浏览器中浏览网页。
单元2 网页元素。本单元主要介绍各种网页元素的创建及美化,主要包括普通文本、超链接文本及页面之间的链接方式、特效文字、图像元素、背景图像、图像特效、布局元素(Div、Table)、导航元素、媒体元素(Video、Audio)、表单元素等。关于美化,主要介绍了CSS样式文件、长度单位、伪类选择符、优先级、盒子模型、浏览器私有属性前缀等相关知识点。
单元3 网页布局。本单元主要介绍网页的各种布局技术: Div CSS技术、基于@media属性的自适应显示技术、基于CSS的Float或Position多列布局技术、Box-sizing属性、Column-count属性、HTML5新增的布局标记、Spry构件实现Tab布局等。还介绍了网页模板的概念以及如何基于网页模板创建网页。
单元4 网页特效。本单元主要介绍如何创建网页特效,包括使用Dreamweaver的行为面板、使用CSS3的Transition属性、使用CSS3的Animation属性等,还介绍了CSS3动画库、Canvas创建动画的基础知识。
单元5 网站整合与发布。本单元主要介绍在Dreamweaver中实现站点文件的测试、通过FTP上传站点文件。
另外,本书的附录还介绍了如何更好地提高网站品质,以及如何解决浏览器差异导致的兼容性问题。
每个任务的编写分为学习目标、学习重点与难点、效果展示、任务准备、任务实现、同步训练、知识拓展和课后练习等环节。
学习目标:完成任务需掌握和了解的知识点。
学习重点与难点:任务学习的重点和难点的描述。
效果展示:实施之前即可得知任务的效果,提高学习兴趣。
任务准备:结合实践,详细讲解任务所需的知识点。
任务实现:综合应用所准备的知识,提高实践的能力。
同步训练:知识点的巩固和消化。
知识拓展:相关知识的扩展,增加知识范围,提高应用技巧。
课后练习:巩固所有知识,为后续学习储备知识。
本书特点如下:
1.知识全面
全面介绍网页前端制作涉及的HTML5 CSS3的相关内容,提供了网页制作的各种相关知识点。
2.一个案例
从一个基本的网页文本元素的制作和美化、网页布局、网页特效,直至最后的网页发布,一个案例贯穿始终。
3.详略得当
根据任务实现的需要,用平实的语言详细讲解所需的相关知识点,并不是面面俱到,便于更快地实现任务。
4.图文并茂
知识点的讲解、任务实现的步骤等,关键的地方都配有插图辅助说明,清晰、直观,便于理解和掌握。
5.循序渐进
基于网页设计的知识点,从认知规律的角度,教学内容的安排从网页制作的基础知识开始,依次介绍网页的基本工具、网页的基本元素制作、网页的布局(基本元素的整合)、网页特效,最后是网页的测试及发布。
本书配套提供的资源包括案例所用到的文本素材、图像素材、HTML文件以及每个案例的结果文件,需要的读者可从网址www.tdpress.com5leds下载。
本书由矫桂娥主编,负责全书的总体设计和统稿。张贝贝、余莉、李玮莹、石潇参与了网页案例设计和部分编写工作,具体分工如下:张贝贝设计网页效果图,石潇制作网站案例,余莉和矫桂娥编写案例的制作过程,李玮莹和矫桂娥编写理论知识点。另外,在本书的编写过程中,得到了上海建桥学院相关部门和老师的指导和帮助,在此表示衷心的感谢。另外,中国铁道出版社的王春霞编辑也对本书的出版提供了帮助,在此一并表示衷心的感谢。
编者水平所限,加之时间仓促,书中难免存在疏漏或不足之处,敬请读者批评指正。
编 者
2017年7月
本书结合编者多年网页设计、Web技术开发的教学经验,强调实践和理论相结合,从Web前端技术开发的角度,将所涉及的知识单元化。
|
|