全部商品分类

您现在的位置: 全部商品分类 > 电子电脑 > 计算机技术 > 计算机网络

网页设计与制作项目案例教程(第2版高职高专计算机类专业教材)/网络开发系列

  • 定价: ¥55
  • ISBN:9787121421471
  • 开 本:16开 平装
  •  
  • 折扣:
  • 出版社:电子工业
  • 页数:266页
  • 作者:编者:秦凤梅//何...
  • 立即节省:
  • 2021-10-01 第2版
  • 2021-10-01 第1次印刷
我要买:
点击放图片

导语

  

内容提要

  

    本书为高职高专院校网页设计与制作相关课程的教材,主要内容包括网页设计与制作概述、HTML5页面元素及属性、CSS美化HTML网页、网页div+CSS布局设计与制作、网页表格布局设计与制作、网页框架设计与制作、网页模板设计与制作、网页表单设计与制作、网页简单特效设计与制作,以及网页多媒体设计与制作。各项目内容通过项目导向、任务驱动逐步展开,不仅更好地体现了“能力导向,学生主体”的原则,也更好地适应了高职项目化的教学要求。本书配套的电子课件、素材等资源,请登录华信教育资源网(http://www.hxedu.com.cn)注册后免费下载。
    本书既可以作为高职高专院校网页设计与制作相关课程的教材,也可以作为对网页设计与制作感兴趣的人员的学习参考用书。

目录

上篇  基础部分
  项目1  网页设计与制作概述
    1.1  任务目标
    1.2  知识准备
      1.2.1  网站和网页概述
      1.2.2  网页设计素养
      1.2.3  Web标准
      1.2.4  HTML基础
      1.2.5  网页设计常用软件
    1.3  任务实施
      任务1:实现大国工匠年度人物的图像信息展示
      任务2:实现大国工匠年度人物的文字信息展示
    1.4  任务总结
    1.5  能力与知识拓展
    1.6  巩固练习
  项目2  HTML5页面元素及属性
    2.1  任务目标
    2.2  知识准备
      2.2.1  结构元素
      2.2.2  列表元素
      2.2.3  分组元素
      2.2.4  页面交互元素
    2.3  任务实施
      任务1:实现感动中国年度人物信息展示页面分区
      任务2:实现感动中国年度人物的文字信息展示
    2.4  任务总结
    2.5  能力与知识拓展
    2.6  巩固练习
  项目3  CSS美化HTML网页
    3.1  任务目标
    3.2  知识准备
      3.2.1  CSS概述
      3.2.2  CSS语法与用法
      3.2.3  CSS样式属性
      3.2.4  基本选择器
      3.2.5  复合选择器
      3.2.6  CSS高级特性
    3.3  任务实施
      任务1:实现热点新闻网首页的信息展示
      任务2:实现热点新闻网首页的样式设置
    3.4  任务总结
    3.5  能力与知识拓展
    3.6  巩固练习
下篇  应用实践部分
  项目4  网页div+CSS布局设计与制作
    4.1  任务目标
    4.2  知识准备
      4.2.1  CSS盒子模型
      4.2.2  盒子模型属性设置
      4.2.3  div
      4.2.4  浮动与定位
      4.2.5  div+CSS实现网页布局
    4.3  重庆愉快网学做菜首页页面设计与制作任务实施
      任务1:创建重庆愉快网学做菜首页header部分
      任务2:设置导航(nav)部分的CSS样式
      任务3:设置文字部分的CSS样式
      任务4:设置图文的CSS样式
    4.4  任务总结
    4.5  能力与知识拓展
    4.6  巩固练习
  项目5  网页表格布局设计与制作
    5.1  任务目标
    5.2  知识准备
      5.2.1  表格标签
      5.2.2  使用表格布局的原因
      5.2.3  设计软件
    5.3  个人网站相册页面设计与制作任务实施
      任务1:创建个人网站相册页面站点
      任务2:插入表格完成基本布局
      任务3:编辑页面内容
    5.4  任务总结
    5.5  能力与知识拓展
      5.5.1  网页常见结构布局
      5.5.2  网页常见布局方法与原则
    5.6  巩固练习
  项目6  网页框架设计与制作
    6.1  任务目标
    6.2  知识准备
      6.2.1  框架
      6.2.2  标签与标签
      6.2.3  标签<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.4&nbsp;&nbsp;<iframe>标签<br>&nbsp;&nbsp;&nbsp;&nbsp;6.3&nbsp;&nbsp;重庆愉快网个人主页页面设计与制作任务实施<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务1:创建重庆愉快网个人主页页面<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务2:设计与制作top页面<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务3:设计与制作left页面<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务4:设计制作main页面<br>&nbsp;&nbsp;&nbsp;&nbsp;6.4&nbsp;&nbsp;任务总结<br>&nbsp;&nbsp;&nbsp;&nbsp;6.5&nbsp;&nbsp;能力与知识拓展<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.5.1&nbsp;&nbsp;重庆愉快网找优惠页面中浮动框架的设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.5.2&nbsp;&nbsp;重庆愉快网找优惠框架链接的设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;6.6&nbsp;&nbsp;巩固练习<br>&nbsp;&nbsp;项目7&nbsp;&nbsp;网页模板设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;7.1&nbsp;&nbsp;任务目标<br>&nbsp;&nbsp;&nbsp;&nbsp;7.2&nbsp;&nbsp;知识准备<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.2.1&nbsp;&nbsp;资源<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.2.2&nbsp;&nbsp;库<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.2.3&nbsp;&nbsp;库项目<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.2.4&nbsp;&nbsp;编辑库项目<br>&nbsp;&nbsp;&nbsp;&nbsp;7.3&nbsp;&nbsp;重庆愉快网内容页面设计与制作任务实施<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务1:分析、设计与制作内容页面的布局<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务2:设计与制作网页可编辑区域<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务3:通过模板页来设计与制作同类型的内容页面<br>&nbsp;&nbsp;&nbsp;&nbsp;7.4&nbsp;&nbsp;任务总结<br>&nbsp;&nbsp;&nbsp;&nbsp;7.5&nbsp;&nbsp;能力与知识拓展<br>&nbsp;&nbsp;&nbsp;&nbsp;7.6&nbsp;&nbsp;巩固练习<br>&nbsp;&nbsp;项目8&nbsp;&nbsp;网页表单设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;8.1&nbsp;&nbsp;任务目标<br>&nbsp;&nbsp;&nbsp;&nbsp;8.2&nbsp;&nbsp;知识准备<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.1&nbsp;&nbsp;表单标签<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.2&nbsp;&nbsp;表单域<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.3&nbsp;&nbsp;表单按钮<br>&nbsp;&nbsp;&nbsp;&nbsp;8.3&nbsp;&nbsp;重庆愉快网注册表单页面设计与制作任务实施<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务1:创建重庆愉快网注册表单页面站点<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务2:创建重庆愉快网注册表单页面<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务3:注册表单页面的设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务4:美化注册表单页面<br>&nbsp;&nbsp;&nbsp;&nbsp;8.4&nbsp;&nbsp;任务总结<br>&nbsp;&nbsp;&nbsp;&nbsp;8.5&nbsp;&nbsp;能力与知识拓展<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.5.1&nbsp;&nbsp;表单页面制作原则<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.5.2&nbsp;&nbsp;下拉列表的设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;8.6&nbsp;&nbsp;巩固练习<br>&nbsp;&nbsp;项目9&nbsp;&nbsp;网页简单特效设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;9.1&nbsp;&nbsp;任务目标<br>&nbsp;&nbsp;&nbsp;&nbsp;9.2&nbsp;&nbsp;知识准备<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.2.1&nbsp;&nbsp;行为<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.2.2&nbsp;&nbsp;JavaScript<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.2.3&nbsp;&nbsp;JavaScript事件<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.2.4&nbsp;&nbsp;JavaScript对象<br>&nbsp;&nbsp;&nbsp;&nbsp;9.3&nbsp;&nbsp;重庆市少年宫网站首页页面设计与制作任务实施<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务1:创建重庆市少年宫网站首页页面站点<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务2:创建重庆市少年宫网站首页页面<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务3:重庆市少年宫网站首页页面的设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;9.4&nbsp;&nbsp;任务总结<br>&nbsp;&nbsp;&nbsp;&nbsp;9.5&nbsp;&nbsp;能力与知识拓展<br>&nbsp;&nbsp;&nbsp;&nbsp;9.6&nbsp;&nbsp;巩固练习<br>&nbsp;&nbsp;项目10&nbsp;&nbsp;网页多媒体设计与制作<br>&nbsp;&nbsp;&nbsp;&nbsp;10.1&nbsp;&nbsp;任务目标<br>&nbsp;&nbsp;&nbsp;&nbsp;10.2&nbsp;&nbsp;知识准备<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.1&nbsp;&nbsp;HTML5多媒体的特性<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.2&nbsp;&nbsp;视频和音频编解码器<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.3&nbsp;&nbsp;多媒体的格式<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.4&nbsp;&nbsp;支持视频或音频的浏览器<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.5&nbsp;&nbsp;在网页中嵌入音频<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.6&nbsp;&nbsp;在网页中嵌入视频<br>&nbsp;&nbsp;&nbsp;&nbsp;10.3&nbsp;&nbsp;简单音乐播放器设计与制作任务实施<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务1:创建音乐播<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任务2:实现音乐播放功能.<br>&nbsp;&nbsp;&nbsp;&nbsp;10.4&nbsp;&nbsp;任务总结<br>&nbsp;&nbsp;&nbsp;&nbsp;10.5&nbsp;&nbsp;能力与知识拓展<br>&nbsp;&nbsp;&nbsp;&nbsp;10.6&nbsp;&nbsp;巩固练习<br></p> </div></div> </div> <div class="middle">&nbsp;</div> <div class="right"> <div class="tt"> <div class="blue1"></div> <ul style="list-style-type:decimal;"> <li><a href="http://www.zxhsd.com/kgsm/ts/2023/07/29/6068312.shtml" target="_blank">信息技术(基础模块WPS O...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2022/01/25/5674110.shtml" target="_blank">信息技术学习辅导与练习...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2023/08/01/6070781.shtml" target="_blank">信息技术(基础模块下修...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2022/06/27/5792243.shtml" target="_blank">短视频策划制作与运营(...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2021/08/24/5547534.shtml" target="_blank">大学计算机--Windows10+...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2023/09/18/6105822.shtml" target="_blank">电子技术基础与技能(第4...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/06/17/5051781.shtml" target="_blank">电工与电子技术基础(中...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/08/06/5098893.shtml" target="_blank">计算机基础与应用(Windo...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2023/08/14/6084142.shtml" target="_blank">PLC应用技术&lt;FX3U系...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2021/09/24/5492452.shtml" target="_blank">计算机基础与应用实习指...</a></li> </ul> </div> <div style="padding-top:10px;"></div> <div class="tt"> <div class="blue2"></div> <ul> <script language="javascript" src="/kgsm/jscript/bookview_new.js"></script> </ul> </div> <div style="padding-top:10px;"></div> <!-- <a href="http://www.zxhsd.com/kgsm/ts/2012/04/28/2234439.shtml" target="_blank"><img src="/images/xxym/xszj.jpg"/></a> <div style="padding-top:10px;"></div> <a href="http://www.zxhsd.com/kgsm/ts/2012/04/29/2242518.shtml" target="_blank"><img src="/images/xxym/dqsfz.jpg"/></a> <div style="padding-top:10px;"></div> <a href="http://www.zxhsd.com/kgsm/ts/2012/02/26/2182330.shtml" target="_blank"><img src="/images/xxym/znzcm.jpg"/></a> <div style="padding-top:10px;"></div> <a href="http://www.zxhsd.com/kgsm/ts/2010/11/24/1871811.shtml" target="_blank"><img src="/images/xxym/qcldhwdy.jpg"/></a> <div style="padding-top:10px;"></div> <a href="http://www.zxhsd.com/kgsm/ts/2011/08/04/2047423.shtml" target="_blank"><img src="/images/xxym/wdbwm.jpg"/></a> --> </div> </div><!--end--> </div> <div class="container" style="clear:both;"> <div style="background-color:#FFF;"> <div style="height:10px; background:#b2b2b2;"></div> <div id="footer"> <!-- footer start --> <div class="footer"><h4>售后服务</h4><br/><a href="http://book.zxhsd.com/help/thyz.shtml" target="_blank">退换货原则</a></div> <div class="footer"><h4>我的订单</h4><br/><a href="http://book.zxhsd.com/help/ddzt.shtml" target="_blank">订单状态的含义</a><br/><a href="http://book.zxhsd.com/help/ddfy.shtml" target="_blank">订单费用计算</a><br/><a href="http://book.zxhsd.com/help/ddxg.shtml" target="_blank">订单的修改与取消</a></div> <div class="footer"><h4>订单支付</h4><br/><a href="http://book.zxhsd.com/help/pay_ol.shtml" target="_blank">在线支付</a><br/><a href="http://book.zxhsd.com/help/hdfk.shtml" target="_blank">货到付款</a><br/><a href="http://book.zxhsd.com/help/yjhk.shtml" target="_blank">邮局汇款</a><br/><a href="http://book.zxhsd.com/help/yhhk.shtml" target="_blank">银行汇款</a><br/><a href="http://book.zxhsd.com/help/fpzd.shtml" target="_blank">退款及发票制度</a><br/><a href="http://book.zxhsd.com/help/djzd.shtml" target="_blank">订金制度</a></div> <div class="footer"><h4>联系我们</h4><br/><a href="http://book.zxhsd.com/help/yjjy.shtml" target="_blank">意见与建议</a></div> </div> <div id="footer" style="text-align:center; padding-top:20px;"> <a href="http://book.zxhsd.com/about/lxwm.shtml">联系连锁店</a> │ <a href="http://www.zxhsd.com/Club/ddrl.jsp">汇款单招领</a> │ <a href="http://book.zxhsd.com/Flink/">友情链接</a> │ <a href="http://book.zxhsd.com/help/help.shtml">帮助中心</a> │ <a href="http://book.zxhsd.com/help/glzd/">管理制度</a> <br/> 浙江省新华书店集团有限公司主办 <a href="https://beian.miit.gov.cn/" target="_blank">浙B2-20110302-2</a><br /> 2005-<script>document.write((new Date()).getFullYear())</script> 版权所有 &copy;<br/> <a href="http://www.pingpinganan.gov.cn/web/index.aspx/" target="_blank"><img src="/images/police_icon.gif"/></a> <iframe name="bottomWlgs" width="80" height="80" scrolling="no" marginwidth="0" marginheight="0" frameborder=0 src="https://www.zxhsd.com/common/wlgs.html"></iframe> </div> <script language="javascript"> showXsj01List(""); </script> <script language="javascript" src="http://book.zxhsd.com/js/baiduTraffic.js"></script> </div> </div> <iframe name="wjtj_iframe" width=0 height=0 scrolling="no" marginwidth="0" marginheight="0" frameborder=0 src=""></iframe> <form name="wytj_form" method="post" action="//www.zxhsd.com/browse/djstj.jsp" target="wjtj_iframe"> <input type="hidden" name="wydz" value=""> <input type="hidden" name="tjflm" value=""> <input type="hidden" name="lx" value="0"> <input type="hidden" name="crdz" value=""> </form> <script language="javascript"> var properties = window.location.search; if(properties.length > 1) { properties = properties.substr(1); splits = properties.split("&"); for(i=0; i < splits.length; i++) { splitsTemp = splits[i].split("="); if(splitsTemp.length==2) { if("crdz" == splitsTemp[0]) document.wytj_form.crdz.value = splitsTemp[1]; } } } document.wytj_form.wydz.value = document.URL; document.wytj_form.tjflm.value = spbs; document.wytj_form.submit(); </script> </body> </html> <!-- Generated by Gemway InfoPublisher V2.0 at 2024-03-09 21:51:10 cost 392ms -->