新書推薦:
《
跟着渤海小吏读历史:大唐气象(全三册)
》
售價:HK$
189.0
《
心智的构建:大脑如何创造我们的精神世界
》
售價:HK$
81.4
《
美国小史(揭秘“美国何以成为美国”,理解美国的经典入门读物)
》
售價:HK$
81.4
《
中国古代北方民族史丛书——东胡史
》
售價:HK$
87.8
《
巨人传(插图珍藏本)
》
售價:HK$
705.6
《
地下(村上春树沙林毒气事件的长篇纪实)
》
售價:HK$
76.7
《
偿还:债务与财富的阴暗面
》
售價:HK$
80.2
《
清华大学藏战国竹简校释(壹):《命训》诸篇
》
售價:HK$
94.4
|
編輯推薦: |
《HTML 5网页设计与制作案例教程》从浅到深逐步讲解,通过语法、示例、案例的逐层递进方式阐释HTML 5 的新特性。通过精彩案例,综合应用多种HTML 5 技术,从而实现知识是基础,能力是目标。另外,《HTML 5网页设计与制作案例教程》提供了丰富的教学资源,包括案例的素材、场景、效果、PPT课件以及视频教学,方便教与学。
|
內容簡介: |
《HTML 5网页设计与制作案例教程》是为适应中等职业学校培养计算机应用及软件技术领域技能紧缺人才的需要而编写的。《HTML 5网页设计与制作案例教程》从浅到深逐步讲解,通过语法、示例、案例的逐层递进方式阐释HTML 5 的新特性。通过精彩案例,综合应用多种HTML 5 技术,从而实现知识是基础,能力是目标,且部分案例给出视频讲解。 《HTML 5网页设计与制作案例教程》适合所有想全面和深入学习HTML 5 开发技术的人员阅读;对于大中专院校相关专业的学生和培训机构的学员,本书也是一本不可多得的参考书。
|
關於作者: |
李兴莹,武汉传媒学院电子商务专业副教授 ,硕士研究生,主讲课程:《网页设计与制作》、《网站建设与维护》、《数据库分析与设计》、《图形图像处理》等。
|
目錄:
|
第1章 教育培训类网页设计网页文本内容1
视频讲解:4个
1.1 标题与文字格式 2
1.1.1 设置文字标题及字体样式2
1.1.2 设置文字的属性3
1.1.3 设置文字的颜色4
1.1.4 设置文字的阴影4
1.1.5 设置字体复合属性 5
1.1.6 控制换行 5
1.1.7 块元素及行元素5
1.1.8 制作G-Team教育培训类
网页一6
1.2 设置段落与网页水平线9
1.2.1 段落标签9
1.2.2 段落内容排版 10
1.2.3 使用标签添加水平线13
1.2.4 使用CSS样式添加水平线 13
1.2.5 设置水平线样式14
1.2.6 制作G-Team教育培训类
网页二15
1.3 网页文字列表设计 18
1.3.1 无序列表18
1.3.2 有序列表18
1.3.3 建立不同的无序列表 19
1.3.4 建立不同的有序列表 19
1.3.5 嵌套列表19
1.3.6 自定义列表 20
1.3.7 制作G-Team教育培训类
网页(三) 20
1.4 上机练习制作G-Team简介网页 22
1.5 思考与练习26
第2章 企业门户类网页HTML 5网页中的图像 27
视频讲解:3个
2.1 在网页中插入图像28
2.1.1 图像基础 28
2.1.2 标签简介29
2.1.3 CSS引入方式 30
2.1.4 标签的适用范围 31
2.1.5 路径问题 31
2.1.6 制作房地产网页32
2.2 将图片设置为网页背景35
2.2.1 标签 35
2.2.2 制作装饰公司网页(一)35
2.3 上机练习制作装饰公司
网页(二)37
2.4 思考与练习41
第3章 孕婴类网页使用HTML5创建超链接42
视频讲解:3个
3.1 建立网页超链接43
3.1.1 认识超链接 43
3.1.2 创建超链接 43
3.1.3 创建图片链接44
3.1.4 图片热点链接44
3.1.5 创建下载链接46
3.1.6 创建锚点链接46
3.1.7 相对路径和绝对路径 48
3.1.8 设置以新窗口显示超链接页面 48
3.1.9 设置电子邮件链接 49
3.1.10 制作母婴商城网页(一) 50
3.2 浮动框架iframe 53
3.2.1 浮动框架iframe的使用 53
3.2.2 width属性和height属性54
3.2.3 align属性 54
3.2.4 frameborder属性55
3.2.5 name属性 56
3.2.6 scrolling属性56
3.2.7 marginwidth和marginheight
属性56
3.2.8 制作母婴商城网页(二)57
3.3 上机练习制作育儿类网页 58
3.4 思考与练习64
第4章 旅游交通类网页使用HTML 5创建表单与 表格 65
视频讲解:4个
4.1 表单的使用66
4.1.1 定义表单66
4.1.2 文本框 66
4.1.3 文本区域67
4.1.4 单选按钮67
4.1.5 复选框 68
4.1.6 下拉列表框 68
4.1.7 按钮68
4.1.8 新的input类型 69
4.1.9 旅游网站登录界面71
4.2 创建表格 74
4.2.1 定义表格74
4.2.2 带有标题的表格75
4.2.3 制作旅游网页(一)75
4.3 表格的设置77
4.3.1 定义表格边框类型 77
4.3.2 定义表格的表头78
4.3.3 定义表格的背景79
4.3.4 设置单元格的背景 80
4.3.5 合并单元格 80
4.3.6 排列单元格中的内容 81
4.3.7 设置单元格的行高与列宽82
4.3.8 制作旅游网页(二) 82
4.4 上机练习制作爱旅游论坛网页 84
4.5 思考与练习87
第5章 音视频类网页HTML 5中的多媒体88
视频讲解:3个
5.1 音视频的添加与设置89
5.1.1 设置背景音乐 89
5.1.2 设置背景音乐循环播放 89
5.1.3 为网页添加视频文件 90
5.1.4 设置自动运行 90
5.1.5 设置视频文件的循环播放91
5.1.6 设置视频文件窗口的高度与
宽度 91
5.1.7 Bootstrap4 网格系统 92
5.1.8 Bootstrap4 轮播图92
5.1.9 Bootstrap4 卡片93
5.1.10 Bootstrap4 弹性盒子 94
5.1.11 Bootstrap4 多媒体对象 95
5.1.12 CSS选择器 97
5.1.13 制作多媒体首页99
5.2 网页中的滚动文字107
5.2.1 滚动文字标签的使用 107
5.2.2 滚动方向属性的应用 107
5.2.3 滚动方式属性的应用 107
5.2.4 滚动速度属性的应用 108
5.2.5 滚动延迟属性的应用 108
5.2.6 滚动循环属性的应用 108
5.2.7 滚动范围属性的应用 108
5.2.8 滚动背景颜色属性的应用108
5.2.9 滚动空间属性的应用 109
5.2.10 Bootstrap4颜色109
5.2.11 制作视频播放网页 110
5.3 上机练习制作音频播放网页 115
5.4 思考与练习118
第6章 企业门户类网页使用JavaScript完善网页 效果 119
视频讲解:2个
6.1 JavaScript基础 120
6.1.1 直接嵌入.js文件120
6.1.2 外部引入.js文件120
6.2 使用JavaScript 120
6.2.1 数据类型 120
6.2.2 变量120
6.2.3 注释、表达式与运算符121
6.2.4 常用语句 123
6.2.5 函数125
6.2.6 面向对象程序设计 127
6.2.7 事件132
6.2.8 育婴网首页 137
6.3 上机练习G-Team培训网站首页 142
6.4 思考与练习149
第7章 餐饮美食类网页使用HTML 5绘制图形150
视频讲解:3个
7.1 使用HTML 5绘制图形151
7.1.1 绘制基本形状151
7.1.2 绘制渐变形状152
7.1.3 绘制变形图形153
7.1.4 绘制其他样式的图形155
7.1.5 制作必胜客网页 159
7.2 图形的保存与恢复164
7.2.1 保存与恢复状态 164
7.2.2 保存文件 166
7.2.3 制作餐厅网页167
7.3 上机练习制作餐厅首页172
7.4 思考与练习176
第8章 电子商务类网页HTML 5中的文件与拖放177
视频讲解:3个
8.1 选择文件178
8.1.1 选择单个文件178
8.1.2 选择多个文件178
8.1.3 制作建站服务商城网页178
8.2 使用HTML 5实现文件的拖放183
8.2.1 认识文件拖放的过程183
8.2.2 浏览器支持情况 183
8.2.3 在网页中拖放图片 183
8.2.4 在网页中拖放文字 186
8.2.5 制作产品介绍界面 186
8.3 上机练习制作销售后台
管理系统191
8.4 思考与练习197
附录.参考答案198
|
內容試閱:
|
早期的HTML在非常长的时间里被人们认为是一种效率低下,且功能简单的网页开发技术。但Web技术的不断发展让网页和应用的界限越来越模糊,尤其是HTML 5的横空出世让Web变得更加强大。
HTML 5标准草案最初发布于2008年,而后被各大浏览器厂商跟进,包括Chrome、IE、Opera和Safari等。它发展迅速,很快成为开发跨平台和跨设备应用的首选客户端技术。它能赋予浏览器强大的能力。
对于开发人员来讲,HTML 5使得开发应用程序更加高效、快捷和简单,几十行代码便可以实现过去几百上千行代码才能实现的功能,真是省时省力。
1. 本书内容
全书共分为8章,分别讲解了设计网页文本内容、HTML 5网页中的图像、使用HTML 5创建超链接、使用HTML 5创建表单与表格、HTML 5中的多媒体、使用JavaScript完善网页效果、使用HTML 5绘制图形、HTML 5中的文件与拖放等内容。
2. 本书特色
本书面向HTML 5的初、中级用户,采用由浅深入、循序渐进的讲解方法,内容丰富。
◎ 本书案例丰富,每章都有不同类型的案例,适合上机操作教学。
◎ 每个案例都是经过编写者精心挑选,可以引导读者发挥想象力,调动学习的积极性。
◎ 案例实用,技术含量高,与实践紧密结合。
◎ 配套资源丰富,方便教学。
3. 海量的电子学习资源和素材
本书附带大量的学习资料和视频教程,下面截图给出部分概览。
本书附带所有的素材文件、场景文件、效果文件、多媒体有声视频教学录像,读者在读完本书内容以后,可以调用这些资源进行深入学习。
本书视频教学贴近实际,几乎手把手教学。
4. 本书约定
为便于阅读理解,本书的写作风格遵从如下约定:
. 本书中出现的中文菜单和命令将用鱼尾号(【】)括起来,以示区分。此外,为了使语句更简洁易懂,本书中所有的菜单和命令之间以竖线( | )分隔,例如,单击【编辑】菜单,再选择【移动】命令,就用【编辑】|【移动】来表示。
. 使用加号( ) 连接的两个或3个键表示快捷组合键,在操作时表示同时按下这两个或3个键。例如,Ctrl V是指在按下Ctrl键的同时,按下V字母键;Ctrl Alt F10是指在按下Ctrl和Alt键的同时,按下功能键F10。
. 在没有特殊指定时,单击、双击和拖动是指用鼠标左键单击、双击和拖动,右击是指用鼠标右键单击。
5. 读者对象
(1) HTML 5的初学者。
(2) 浏览器开发人员。
(3) 大中专院校的学生。
(4) 相关培训班的学员。
6. 致谢
本书由武汉传媒学院的李兴莹老师编写,其他参与编写的人员还有德州学院的李健泽、王浩、马春晖、孙文昊、董开放、王芮以及刘蒙蒙、朱晓文、李少勇,在此一并表示感谢。
本书的出版可以说凝结了许多优秀教师的心血,在这里衷心感谢对本书出版过程给予帮助的编辑老师、视频测试老师,感谢你们!
本书提供了案例的素材、场景、效果、PPT课件以及视频教学,扫一扫下面的二维码,推送到自己的邮箱后下载获取。
素材、效果、视频教学1
PPT课件、场景、视频教学2
由于作者水平有限,书中错误在所难免,希望广大读者批评指正。
编.者
|
|