您好，欢迎来到聚文网。
登录
免费注册
网站首页
|
搜索
热搜：
磁力片
|
漫画
|
购物车
0
我的订单
商品分类
首页
幼儿
文学
社科
教辅
生活
销量榜
HTML5+CSS3网页设计任务教程/汤佳 陈晓男
字数: 330000.0
装帧: 平装
出版社: 高等教育出版社
作者: 汤佳 陈晓男
出版日期: 2018-10-01
商品条码: 9787040505184
版次: 1
页数: 292
出版年份: 2018
定价：
￥49.5
销售价：
登录后查看价格
￥{{selectedSku?.salePrice}}
库存：
{{selectedSku?.stock}}
库存充足
{{item.title}}：
{{its.name}}
加入购物车
立即购买
加入书单
收藏
精选
¥5.83
世界图书名著昆虫记绿野仙踪木偶奇遇记儿童书籍彩图注音版
¥5.39
正版世界名著文学小说名家名译中学生课外阅读书籍图书批发 70册
¥8.58
简笔画10000例加厚版2-6岁幼儿童涂色本涂鸦本绘画本填色书正版
¥5.83
世界文学名著全49册中小学生青少年课外书籍文学小说批发正版
¥4.95
全优冲刺100分测试卷一二三四五六年级上下册语文数学英语模拟卷
¥8.69
父与子彩图注音完整版小学生图书批发儿童课外阅读书籍正版1册
¥24.2
好玩的洞洞拉拉书0-3岁宝宝早教益智游戏书机关立体翻翻书4册
¥7.15
幼儿认字识字大王3000字幼儿园中班大班学前班宝宝早教启蒙书
¥11.55
用思维导图读懂儿童心理学培养情绪管理与性格培养故事指导书
¥19.8
少年读漫画鬼谷子全6册在漫画中学国学小学生课外阅读书籍正版
¥64
科学真好玩
¥12.7
一年级下4册·读读童谣和儿歌
¥38.4
原生态新生代(传统木版年画的当代传承国际研讨会论文集)
¥11.14
法国经典中篇小说
¥11.32
上海的狐步舞--穆时英(中国现代文学馆馆藏初版本经典)
¥21.56
猫的摇篮(精)
¥30.72
幼儿园特色课程实施方案/幼儿园生命成长启蒙教育课程丛书
¥24.94
旧时风物(精)
¥12.04
三希堂三帖/墨林珍赏
¥6.88
寒山子庞居士诗帖/墨林珍赏
¥6.88
苕溪帖/墨林珍赏
¥6.88
楷书王维诗卷/墨林珍赏
¥9.46
兰亭序/墨林珍赏
¥7.74
祭侄文稿/墨林珍赏
¥7.74
蜀素帖/墨林珍赏
¥12.04
真草千字文/墨林珍赏
¥114.4
进宴仪轨(精)/中国古代舞乐域外图书
¥24.94
舞蹈音乐的基础理论与应用
内容简介
汤佳、陈晓男主编的《HTML5+CSS3网页设计任务教程(高等职业教育计算机类课程MOOC+SPOC规划教材)》将网页制作课程中使用频率较高、具有代表性的案例按照知识点进行归纳、整理，组成8个单元，内容包括HTML，静态网站开发概述、HTML5中的常用标签、CSS的使用、CSS布局初探、表格基本知识、页面布局基础Bootstrap响应式网站基础以及网站开发综合案例。本书采用了支持HTML5的Web集成开发环境――HBuilder作为开发工具，不仅提供了Pc端网站的制作案例，还介绍了基于Bootstrap框架的响应式网站的案例以及WebApp的制作方法，为学习后续的专业课程奠定基础。
为使学习者能够快速且有效地掌握核心知识和技能，也方便教师采用更有效的传统方式教学，或者更新颖的线上线下的翻转课堂教学模式，本书配有107个微课，学习者可以通过扫描书中的二维码进行观看。与本书配套的数字课程将在“智慧职教”(wwwicve com．cn)网站上线，读者可登录网站学习，详见“智慧职教服务指南”。此外，本书还提供了其他丰富的数字化课程教学资源，包括课程标准、教学日历、电子课件(PPT)、案例素材、源代码等，教师可发邮件至编辑邮箱1548103297@qq．com索取。
本书内容由浅入深，循序渐进，适合作为高职高专院校网页开发课程的基础教材，也可作为网页设计开发人员的参考用书。
目录
单元1 HTML5静态网站开发概述
任务1-1 常用HTML5开发环境的
搭建
任务1-2 完成第-个HTML5页面
单元小结
单元2 HTML5中的常用标签
任务2-1 使用
标签制作
滚动字幕
任务2-2 使用
标签实现超链接
任务2-3 使用
标签实现锚点链接
任务2-4 使用文本类标签实现页面
文本的显示
任务2-5使用文本格式类属性实现页
面文本特殊显示效果
任务2-6 使用转义字符显示
特殊符号
任务2-7 使用图像类标签显示图像
及图像映射
任务2-8
标签的使用<br/> 任务2-9使用<audio>和<video>标<br/> 签实现音视频播放<br/> 任务2-10 表单的简单应用<br/> 任务2-11 制作文本编辑器页面<br/> 任务2-12 表单格式验证<br/> 单元小结<br/>单元3 CSS的使用<br/> 任务3-1 使用CSS设置页面样式<br/> 任务3-2 使用CSS详细设置不同段落<br/> 样式<br/> 任务3-3 全局样式和局部样式的<br/> 使用<br/> 任务3-4 样式的并列和从属关系的<br/> 应用<br/> 任务3-5 样式优先级的测试<br/> 任务3-6 使用伪类选择器定义超链<br/> 接的显示效果<br/> 任务3-7 创建盒子模型<br/> 任务3-8 CSS浮动(float)属性的<br/> 使用<br/> 任务3-9 常用文本样式属性的使用<br/> 任务3-10 常用图片样式属性的使用<br/> 任务3-11 在CSS3中使用图片背景<br/> 单元小结<br/>单元4 CSS布局初探<br/> 任务4-1 绝对定位<br/> 任务4-2 相对定位<br/> 任务4-3 绝对、相对组合定位<br/> 任务4-4 z-index定位<br/> 任务4-5 固定定位<br/> 任务4-6 网页布局实现<br/> 任务4-7 clearfix和clear的使用<br/> 单元小结<br/>单元5 表格基本知识<br/> 任务5-1 表格的基本属性及使用<br/> 任务5-2 表格的基本操作<br/> 任务5-3 制作细边框表格<br/> 任务5-4 表格宽高百分比设置<br/> 任务5-5 表格宽度、列宽度和行高度<br/> 的设置<br/> 任务5-6 使用CSS3：nth-child()选择<br/> 器设置表格隔行变色<br/> 任务5-7 使用伪类选择器：hover实<br/> 现鼠标移上去行变色<br/> 任务5-8 使用表格及其他相关元素<br/> 制作个人简历<br/> 任务5-9 使用表格制作QQ邮箱<br/> 单元小结<br/>单元6 页面布局基础<br/> 任务6-1 页面中的图文混排<br/> 任务6-2 页面内容溢出的处理<br/> 任务6-3 纯CSS制作选项卡<br/> 任务6-4 导航条的制作<br/> 任务6-5 制作带有背景图像的<br/> 导航条<br/> 任务6-6 制作新闻文字列表<br/> 任务6-7 制作新闻图文混排列表<br/> 任务6-8 制作缩略图列表<br/> 任务6-9 登录界面的制作<br/> 任务6-10 960网格系统在网页制作<br/> 中的使用<br/> 任务6-11 三种经典布局<br/> 任务6-12 使用基于ub-flexible库的<br/> rem单位制作自适应网页<br/> 单元小结<br/>单元7 Bootstrap响应式网站<br/> 基础<br/> 任务7-1 掌握Bootstrap基础知识<br/> 任务7-2 制作栅格化布局页面<br/> 任务7-3 制作响应式导航栏<br/> 任务7-4 制作响应式banner图片<br/> 任务7-5 制作响应式文字列表<br/> 任务7-6 制作响应式缩略图<br/> 任务7-7 制作响应式图文混排列表<br/> 任务7-8 制作响应式图文混排内容<br/> 任务7-9 制作响应式表格<br/> 任务7-10 制作响应式表单<br/> 任务7-11 制作响应式提示框<br/> 任务7-12 制作完整的响应式网站<br/> 单元小结<br/>单元8 网站开发综合案例<br/> 任务8-1 1024px网站制作<br/> 任务8-2 Blog网站制作<br/> 任务8-3 企业网站制作<br/> 任务8-4 期末大作业<br/> 单元小结<br/>参考文献</div></div> </div> </div> </div> </div> </div> <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { /** * 图片放大器 */ $("#img_zoom").blowup({ background : "#FCEBB6" }); }); </script> <!-- 添加到书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">添加到书单</h4> </div> <div class="modal-body"> <!-- 书单列表模板 --> <script id="tpl_my_list" type="text/template"> {@each records as i} <li class="list-group-item"> <label style="width:100%;cursor: pointer;"> <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}"> @{i.name} </label> </li> {@/each} </script> <!-- 书单列表模板结束 --> <ul class="list-group" id="tbl_my_list"> <li class="list-group-item"> <label for="list2" >加载中...</label> </li> </ul> <div class="pager"></div> <a href="javascript:void(0);" id="a_add_list">点此新建书单</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button> </div> </div> </div> </div> <!-- 添加到书单弹出框结束 --> <!-- 新建书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="form_create_list"> <button type="reset" style="display:none;"></button> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">新建书单</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="recipient-name" class="control-label">标题：</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="recipient-name" class="control-label">简介：</label> <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述..."></textarea> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_create_list">保存</button> </div> </form> </div> </div> </div> <!-- 新建书单弹出框结束 --> </div> <div class="rollto" style="display: none;"><a href="javascript:;"></a></div> <div class="bottom clearfix"> <div class="wrap clearfix"> <div class="fn-left"> </div> <div class="fn-right infomt"> <div class="fn-right"> <div> </div> <div> </div> </div> </div> </div> <div class="linHight"></div> <div class="wrap wenzi"> <p> <a href="https://beian.miit.gov.cn" target="_blank" style="color: #b3b3b3;">蜀ICP备2024047804号</a> </p> <p> Copyright 版权所有 © jvwen.com 聚文网 </p> </div> </div> </body> </html>
