跨平台html5页面代码,HTML5+CSS3跨平台网页设计实例教程
HTML5+CSS3跨平台网页设计实例教程
编辑
锁定
讨论
上传视频
《HTML5+CSS3跨平台网页设计实例教程》是2018年8月清华大学出版社出版的图书,作者是陈承欢、韩耀坤、颜珍平。
书 名
HTML5+CSS3跨平台网页设计实例教程
作 者
陈承欢、韩耀坤、颜珍平
ISBN
9787302502142定 价
49元
出版社
清华大学出版社
出版时间
2018年8月
HTML5+CSS3跨平台网页设计实例教程内容简介
编辑
本书从网页设计实际应用的角度理解HTML5和CSS3的新元素和新功能,合理选取教学内容。本书设置了以下10个教学单元: 站点与网页的创建、网页中文本与段落的应用设计、网页中图像与背景的应用设计、网页中列表与表格的应用设计、网页中超链接与导航栏的应用设计、网页中表单与控件的应用设计、网页中音频与视频的应用设计、网页中图形绘制与操作的应用设计、网页中特效与交互的应用设计、网页中元素与整体布局的应用设计,将HTML5和CSS3的相关知识合理安排到各个教学单元中。
本书编者充分调研HTML5、CSS3新技术的实际应用情况,优选了50多个来自真实网站的典型教学案例,采用“任务驱动、精讲多练、理论实践一体化”的教学方法,改进和优化教学内容的组织方法和网页设计技能的训练方法,全方位促进基于HTML5+CSS3网页应用设计能力的提升。每个教学单元面向教学全过程设置“知识必备→引导训练→同步训练→技术进阶→问题探究→单元习题”6个教学环节,同时还提供了丰富的配套教学资源。
本书可以作为普通高等院校、高职高专或中等职业院校各专业网页设计的教材,也可以作为网页设计的培训用书及技术用书。[1]
HTML5+CSS3跨平台网页设计实例教程图书目录
编辑
单元1站点与网页的创建1
【知识必备】1
【引导训练】4
任务11创建“单元1”站点并浏览网页4
任务111创建本地站点“单元1”4
任务112认识Dreamweaver CC的工作界面6
任务113打开与浏览网页文档0101.html10
任务12认知HTML5的典型标记和结构标签13
任务121分析HTML代码的组成结构13
任务122认知HTML5中典型的标记方法17
任务123认知HTML5主要的结构标签17
【同步训练】18
任务13打开并浏览网页0103.html18
【技术进阶】19
【问题探究】20
【单元习题】21
单元2网页中文本与段落的应用设计22
【知识必备】22
【引导训练】37
任务21制作阿坝概况的文本网页37
任务211建立站点及其结构38
任务212创建与保存网页文档0201.html40
任务213设置网页的首选项40
任务214设置页面的整体属性42
任务215在网页中输入文字48
任务216输入与编辑网页中的文本49
任务217格式化网页文本50
任务218设置超链接与浏览网页效果51
任务219在【代码】视图中查看CSS代码和HTML代码51
任务22使用CSS美化文本标题和文本段落55
【同步训练】61
任务23制作介绍九寨沟概况的文本网页61
【技术进阶】62
【问题探究】65
【单元习题】67
单元3网页中图像与背景的应用设计68
【知识必备】68
【引导训练】74
任务31制作介绍九寨沟景区景点的图文混排网页74
任务311使用【管理站点】对话框创建站点“单元3”75
任务312应用【文件】面板新建网页0301.html76
任务313设置页面的背景图像77
任务314在网页中输入所需的文本内容与设置文本格式78
任务315插入图像与设置图像属性79
任务316在“代码”视图中查看CSS代码和HTML代码81
任务32使用CSS美化网页文本与图片82
任务33创建多张图片并行排列的网页0303.html88
【同步训练】90
任务34在网页中设置图片与背景属性90
任务35创建图文混排的网页0305.html91
【技术进阶】91
【问题探究】96
【单元习题】98
单元4网页中列表与表格的应用设计99
【知识必备】99
【引导训练】105
任务41创建以项目列表形式表现新闻标题的网页105
任务42创建以项目列表形式表现图文按钮的网页109
任务43创建应用表格存放数据的网页114
任务44创建包含个性化表格的网页119
【同步训练】122
任务45创建项目列表为主的旅游攻略标题网页122
任务46创建包含5行3列表格的网页123
【技术进阶】123
【问题探究】124
【单元习题】127
单元5网页中超链接与导航栏的应用设计128
【知识必备】128
【引导训练】131
任务51设置网页中导航栏的超链接属性131
任务52制作包含横向主导航栏的网页134
任务53制作包含纵向栏目导航栏的网页139
任务54创建包含图像热点链接的网页141
【同步训练】145
任务55创建包含顶部横向导航栏的网页145
任务56创建包含多种不同形状图像链接的网页146
【技术进阶】146
【问题探究】150
【单元习题】151
单元6网页中表单与控件的应用设计152
【知识必备】152
【引导训练】158
任务61在网页中添加表单及表单控件158
任务62创建用户注册的表单网页164
【同步训练】171
任务63创建用户登录的表单网页171
任务64创建用户留言反馈网页172
【技术进阶】172
【问题探究】174
【单元习题】174
单元7网页中音频与视频的应用设计175
【知识必备】175
【引导训练】177
任务71设计基于HTML5的网页音乐播放器之一177
任务72设计基于HTML5的网页视频播放器之一179
【同步训练】180
任务73设计基于HTML5的网页音乐播放器之二180
任务74设计基于HTML5的网页视频播放器之二181
【技术进阶】182
【问题探究】183
【单元习题】184
单元8网页中图形绘制与操作的应用设计185
【知识必备】185
【引导训练】194
任务81网页中应用纯CSS绘制各种规则图形194
任务82网页中应用纯CSS绘制各种特色图形197
任务83网页中应用canvas元素绘制各种图形和文字200
任务84网页中绘制菊花图形206
【同步训练】208
任务85网页中绘制阴阳图和五角星208
任务86网页中绘制多种图形和图片208
【技术进阶】209
【问题探究】210
【单元习题】213
单元9网页中特效与交互的应用设计214
【知识必备】214
【引导训练】227
任务91网页中显示当前日期227
任务92网页中不同时间段显示不同的问候语231
任务93网页中制作圆角按钮和圆角图片234
任务94设计网页中的圆形导航按钮239
任务95网页中实现搜索框聚焦变长的效果242
任务96网页中应用CSS实现超酷导航菜单243
任务97网页中实现仿Office风格的多级菜单246
任务98网页中实现图片拖动操作251
【同步训练】254
任务99网页中不同的节假日显示不同的问候语254
任务910网页中创建下拉导航菜单255
【技术进阶】255
【问题探究】255
【单元习题】261
单元10网页中元素与整体布局的应用设计262
【知识必备】262
【引导训练】276
任务101体验网页的不同布局方式276
任务102创建浮动定位2列式布局的网页281
任务103创建等距排列的4列式布局网页289
任务104创建不规则布局网页295
【同步训练】300
任务105创建浮动定位2列规则分块的网页300
任务106创建3列式与4列式等距布局的网页301
【技术进阶】301
【问题探究】302
【单元习题】304
参考文献305
附录ACSS的属性306
附录BCSS的选择器307
参考资料
1.
HTML5+CSS3跨平台网页设计实例教程
.清华大学出版社[引用日期2020-05-10]
跨平台html5页面代码,HTML5+CSS3跨平台网页设计实例教程相关推荐
- HTML5期末大作业:网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业
HTML5期末大作业:网上预订网站设计--火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...
- 静态HTML网页设计作品——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业
HTML5期末大作业 文章目录 HTML5期末大作业 一.作品展示 二.文件目录 三.代码实现 一.作品展示 二.文件目录 三.代码实现 <!DOCTYPE html PUBLIC " ...
- HTML5期末大作业:运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码 学生网页课程设计期末作业下载 大学生网页设计制作成
HTML5期末大作业:运动系列--NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码 学生网页课程设计期末作业下载 大学生网页设计制作成 临近期末 ...
- HTML5期末大作业:旅游网页设计——西安旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:网站--西安旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业 ...
- HTML期末大作业~ 海贼王6页代码质量好~ 学生网页设计作业源码(HTML+CSS+JS)
HTML期末大作业~ 海贼王6页代码质量好~ 学生网页设计作业源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的 ...
- web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作...
web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
- HTML5期末大作业:个人网页设计——薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:个人网页设计--薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有 个人 ...
- 基于HTML5+CSS3的网页设计与实现
摘要:随着互联网技术的不断发展,电子设备的广泛应用和高普及度,网页作为互联网信息的重要载体,其网页设计技术将面临新的挑战.HTML和CSS作为网页前端开发所运用的主要核心技术,如何灵活运用,使得web ...
- HTML5期末大作业:体育网页设计——篮球专题6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:体育网页设计--篮球专题6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有 个 ...
最新文章
- python给用户输出提示_python3.4控制用户输入与输出的方法
- Oracle中的substr()函数 详解及应用
- java打开网页横屏_巅峰之战!三款最热java手机浏览器横屏
- Django + DRF + Elasticsearch 实现搜索功能
- 通俗讲解和学习SQL
- php页面时长,页面执行时间太长,请诸位大大帮忙看看
- 引用管理器没有程序集_Microsoft弃用远程桌面连接管理器
- Mac安装mysql8.x最简洁的步骤,避免采坑
- 链表操作时头结点的好处
- linux禁止防火墙命令,LINUX关闭打开防火墙命令
- 信息学奥赛一本通 1180 | 1946:【09NOIP普及组】分数线划定 | OpenJudge NOI 1.10 05 | 洛谷 P1068 [NOIP2009 普及组] 分数线划定
- python中将列表中的元素倒序输出_python实现对列表中的元素进行倒序打印
- 计算机ip地址无法修改密码,手提电脑怎么修改无线网络的IP地址|无线网络怎么修改密码...
- RestTemplate远程接口调用
- java中ajax的使用jar包_AJAX Java示例
- Vue三大核心之三(插槽)
- 【读书笔记】【独立思考】2018-04-03(2)
- Hibernate之一对多与多对一映射
- 记录一次常见的错误:java.sql.SQLException: Got error 28 from storage engine
- 08_实现用户邮箱激活