您好，欢迎来到聚文网。
登录
免费注册
网站首页
|
搜索
热搜：
画笔
|
马克笔
|
磁力片
|
购物车
0
我的订单
商品分类
首页
幼儿
文学
社科
教辅
生活
销量榜
HTML5+CSS3网页设计任务教程(第2版)
字数: 460
出版社: 高等教育
作者: 编者:汤佳//陈晓男|责编:刘子峰
商品条码: 9787040606591
版次: 2
开本: 16开
页数: 276
出版年份: 2023
印次: 1
定价：
￥49.8
销售价：
登录后查看价格
￥{{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
上海的狐步舞--穆时英(中国现代文学馆馆藏初版本经典)
¥22.05
猫的摇篮(精)
¥30.72
幼儿园特色课程实施方案/幼儿园生命成长启蒙教育课程丛书
¥24.94
旧时风物(精)
¥12.04
三希堂三帖/墨林珍赏
¥6.88
寒山子庞居士诗帖/墨林珍赏
¥6.88
苕溪帖/墨林珍赏
¥6.88
楷书王维诗卷/墨林珍赏
¥9.46
兰亭序/墨林珍赏
¥7.74
祭侄文稿/墨林珍赏
¥7.74
蜀素帖/墨林珍赏
¥12.04
真草千字文/墨林珍赏
¥114.4
进宴仪轨(精)/中国古代舞乐域外图书
¥24.94
舞蹈音乐的基础理论与应用
内容简介
本书为“十四五”职业教 育国家规划教材。 本书将网页制作中使用 频率较高、具有代表性的案 例按照知识点和技能点归纳 、整理，构建8个单元、55 个任务，内容包括HTML5静 态网站开发概述、HTML5中 常用标签的使用、CSS基本 应用、CSS3高级应用、页 面局部布局、页面整体布局 、Bootstrap5框架简介和 HTML5综合案例。全书采用 支持HTML5的Web集成开发 环境——HBuilderX作为开 发工具，不仅提供了大量个 人计算机（PC）端网站制 作案例，还介绍了基于 Bootstrap5框架的响应式网 站经典案例和WebApp自适 应网站的制作方法，并深入 浅出地讲解了HTML5+CSS3 的各项知识及实战技能，为 读者学习后续专业课程奠定 基础。 本书为高等职业院校计 算机类专业的网页设计与制 作类课程的教学用书，也可 供广大网页设计开发人员参 考使用。
目录
单元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
标签的使用 任务2-9 多媒体标签的使用 任务2-10 表单的简单应用 任务2-11 表单格式验证 单元小结 单元3 CSS基本应用 任务3-1 使用CSS设置 body样式 任务3-2 CSS元素选择器的使用 任务3-3 内联式、嵌入式、外部式样式的使用 任务3-4 测试样式优先级 任务3-5 创建盒子模型 任务3-6 CSS中float属性的使用 任务3-7 常用文本样式属性的使用 任务3-8 常用图片样式属性的使用 任务3-9 position的4种定位方式的使用 任务3-10 Chrome浏览器调试基本技巧单元小结 单元4 CSS3 高级应用 任务4-1 Font Awesome图标的使用 任务4-2 CSS3图片背景的使用 任务4-3 制作搜索框 任务4-4 制作无间隙滚动文字和图片 任务4-5 制作轮播文字和图片 任务4-6 制作多种文字特效 任务4-7 制作图片遮罩和悬停特效 单元小结 单元5 页面局部布局 任务5-1 图文混排与文字溢出 任务5-2 中英文混合标题 任务5-3 阅读更多内容 任务5-4 制作文字选项卡与图片选项卡 任务5-5 制作内容折叠与菜单折叠 任务5-6 制作导航条 任务5-7 制作文字列表、图文混排列表和缩略图列表 任务5-8 制作登录界面 任务5-9 制作评论区 单元小结 单元6 页面整体布局 任务6-1 960网格系统在网页制作中的使用 </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>
