全部商品分类

您现在的位置: 全部商品分类 > 电子电脑 > 计算机技术 > 程序与语言

HTML+CSS网站设计与开发从新手到高手/从新手到高手

  • 定价: ¥79
  • ISBN:9787302589204
  • 开 本:16开 平装
  •  
  • 折扣:
  • 出版社:清华大学
  • 页数:326页
  • 作者:编者:罗刚//原晋...
  • 立即节省:
  • 2021-10-01 第1版
  • 2021-10-01 第1次印刷
我要买:
点击放图片

导语

  

内容提要

  

    本书紧密围绕网页设计师在网页制作过程中的实际需要和应该掌握的技术,全面地介绍了使用HTML和CSS进行网页设计和制作的内容和技巧。本书不仅注重语法讲解,还通过一个个鲜活、典型的案例来帮助读者达到学以致用的目的。每个语法都有对应的实例,大多数章还配有综合实例,力求达到理论知识与实践操作的完美结合。
    本书可作为普通高校、高职高专院校计算机及相关专业的教材,也可供从事网页设计与制作、网站开发、网页编程等行业人员参考。

目录

第1章  HTML 5入门
  1.1  认识HTML
  1.2  HTML 5的新特性
  1.3  HTML 5与HTML4的区别
    1.3.1  HTML 5的语法变化
    1.3.2  HTML 5中的标记方法
    1.3.3  HTML 5语法中的3个要点
  1.4  新增的主体结构元素
    1.4.1  article元素
    1.4.2  section元素
    1.4.3  nav元素
    1.4.4  aside元素
  1.5  新增的非主体结构元素
    1.5.1  header元素
    1.5.2  hgroup元素
    1.5.3  footer元素
    1.5.4  address元素
  1.6  本章小结
第2章  用HTML设置文字与段落格式
  2.1  HTML页面主体常用设置
    2.1.1  定义网页背景色:bgcolor
    2.1.2  设置背景图片:background
    2.1.3  设置文字颜色:text
    2.1.4  设置链接文字属性
    2.1.5  设置页面边距
  2.2  页面头部元素和
  2.3  页面标题元素<br>  2.4  插入其他标记<br>    2.4.1  输入空格符号<br>    2.4.2  输入特殊符号<br>  2.5  设置文字的格式<br>    2.5.1  字体:face<br>    2.5.2  字号:size<br>    2.5.3  文字颜色:color<br>    2.5.4  粗体、斜体、下画线:b、strong、i、em、cite、u<br>    2.5.5  上标与下标:sup、sub<br>    2.5.6  多种标题样式:<h1>~<h6><br>  2.6  设置段落的排版与换行<br>    2.6.1  为文字分段<br>    2.6.2  段落的对齐属性:align<br>    2.6.3  不换行标记:nobr<br>    2.6.4  换行标记:br<br>  2.7  水平线标记<br>    2.7.1  插入水平线:hr<br>    2.7.2  水平线的宽度与高度:width、size<br>    2.7.3  水平线的颜色:color<br>    2.7.4  水平线的对齐方式:align<br>    2.7.5  去掉水平线阴影:noshade<br>  2.8  综合实例—设置页面文本及段落<br>  2.9  本章小结<br>第3章  用HTML创建精彩的图像和多媒体页面<br>  3.1  网页中常见的图像格式<br>  3.2  插入图像并设置图像属性<br>    3.2.1  图像标记:img<br>    3.2.2  图像高度:height<br>    3.2.3  图像宽度:width<br>    3.2.4  图像的边框:border<br>    3.2.5  图像水平间距:hspace<br>    3.2.6  图像垂直间距:vspace<br>    3.2.7  图像相对于文字的对齐方式:align<br>    3.2.8  图像的替代文字:alt<br>  3.3  音频和视频<br>    3.3.1  使用embed<br>    3.3.2  使用video<br>  3.4  综合实例—创建多媒体网页<br>  3.5  本章小结<br>第4章  用HTML创建超链接<br>  4.1  超链接和路径<br>    4.1.1  超链接的概念<br>    4.1.2  路径URL<br>    4.1.3  HTTP路径<br>    4.1.4  FTP路径<br>    4.1.5  邮件路径<br>  4.2  链接元素<a<br>    4.2.1  指定路径属性href<br>    4.2.2  显示链接目标属性target<br>    4.2.3  链接的热键属性accesskey<br>  4.3  创建图像的超链接<br>    4.3.1  创建链接区域元素<map><br>    4.3.2  链接区域的名称属性name<br>    4.3.3  定义鼠标敏感区元素<area><br>    4.3.4  链接的路径属性href、nohref<br>    4.3.5  鼠标敏感区坐标属性coords<br>  4.4  创建锚点链接<br>  4.5  综合实例—为网页添加链接<br>  4.6  本章小结<br>第5章  使用HTML创建表格<br>  5.1  创建并设置表格属性<br>    5.1.1  表格的基本标记:table、tr、td<br>    5.1.2  表格宽度和高度:width、height<br>    5.1.3  表格的标题:caption<br>    5.1.4  表格的表头:th<br>    5.1.5  表格对齐方式:align<br>    5.1.6  表格的边框宽度:border<br>    5.1.7  表格的边框颜色:bordercolor<br>    5.1.8  单元格间距:cellspacing<br>    5.1.9  单元格边距:cellpadding<br>    5.1.10  表格的背景色:bgcolor<br>    5.1.11  表格的背景图像:background<br>  5.2  表格的结构标记<br>    5.2.1  设计表头样式:thead<br>    5.2.2  设计表主体样式:tbody<br>    5.2.3  设计表尾样式:tfoot<br>  5.3  综合实例—使用表格排版网页<br>  5.4  本章小结<br>第6章  创建交互式表单<br>  6.1  表单元素<form<br>    6.1.1  动作属性action<br>    6.1.2  发送数据方式属性method<br>    6.1.3  名称属性name<br>  6.2  表单对象<input<br>    6.2.1  文本域text<br>    6.2.2  密码域password<br>    6.2.3  提交按钮submit<br>    6.2.4  复位按钮reset<br>    6.2.5  图像域image<br>    6.2.6  普通按钮button<br>    6.2.7  复选框checkbox<br>    6.2.8  单选按钮radio<br>    6.2.9  隐藏域hidden<br>  6.3  综合实例—用户注册表单页面<br>  6.4  本章小结<br>第7章  HTML 5绘图Canvas和SVG<br>  7.1  Canvas绘制基本图形<br>    7.1.1  Canvas元素<br>    7.1.2  绘制直线<br>    7.1.3  绘制矩形<br>    7.1.4  绘制三角形<br>    7.1.5  绘制圆弧<br>    7.1.6  绘制贝塞尔曲线<br>  7.2  颜色和样式选项<br>    7.2.1  应用不同的线型<br>    7.2.2  绘制线性渐变<br>    7.2.3  绘制径向渐变<br>  7.3   变换<br>    7.3.1  平移变换<br>    7.3.2  缩放变换<br>    7.3.3  旋转变换<br>  7.4  SVG<br>    7.4.1  图形绘制<br>    7.4.2  文本与图像<br>    7.4.3  笔画与填充<br>  7.5  综合实例—绘制精美时钟<br>  7.6  本章小结<br>第8章  CSS基础知识<br>  8.1  CSS3简介<br>    8.1.1  CSS基本概念<br>    8.1.2  CSS的优点<br>    8.1.3  CSS功能<br>    8.1.4  CSS发展史<br>  8.2  在HTML 5中使用CSS<br>    8.2.1  行内样式<br>    8.2.2  内嵌样式<br>    8.2.3  链接样式<br>    8.2.4  导入样式<br>    8.2.5  优先级问题<br>  8.3  选择器类型<br>    8.3.1   标签选择器<br>    8.3.2   类选择器<br>    8.3.3   ID选择器<br>  8.4  编辑和浏览CSS<br>    8.4.1  手工编写CSS<br>    8.4.2  利用Dreamweaver编写CSS<br>  8.5  综合实例—对网页添加CSS样式<br>  8.6  本章小结<br>第9章  CSS控制网页文本和段落样式<br>  9.1  通过CSS控制文本样式<br>    9.1.1  字体font-family<br>    9.1.2  字号font-size<br>    9.1.3  加粗字体font-weight<br>    9.1.4  字体风格font-style<br>    9.1.5  小写字母转换为大写字母font-variant<br>  9.2  通过CSS控制段落样式<br>    9.2.1  单词间隔word-spacing<br>    9.2.2  字符间隔letter-spacing<br>    9.2.3  文字修饰text-decoration<br>    9.2.4  垂直对齐方式vertical-align<br>    9.2.5  文本转换text-transform<br>    9.2.6  水平对齐方式text-align<br>    9.2.7  文本缩进text-indent<br>    9.2.8  文本行高line-height<br>  9.3  综合实例—CSS字体样式综合演练<br>  9.4  本章小结<br>第10章  用CSS设计图片和背景<br>  10.1  设置网页的背景<br>    10.1.1  背景颜色<br>    10.1.2  背景图片<br>  10.2  设置背景图片的样式<br>    10.2.1  背景图片重复<br>    10.2.2  背景图片附件<br>    10.2.3  背景图片定位<br>  10.3  设置网页图片的样式<br>    10.3.1  设置图片边框<br>    10.3.2  图文混合排版<br>  10.4  综合实例<br>    10.4.1  实例1—为图片添加边框<br>    10.4.2  实例2—光标移到图片时产生渐变效果<br>  10.5  本章小结<br>第11章  用CSS制作实用的菜单和网站导航<br>  11.1  列表的使用<br>  11.2  控制列表样式<br>    11.2.1  ul无序列表<br>    11.2.2  ol有序列表<br>    11.2.3  dl定义列表<br>    11.2.4  更改列表起始数值<br>  11.3  横排导航<br>    11.3.1  文本导航<br>    11.3.2  标签式导航<br>  11.4  竖排导航<br>  11.5  综合实例<br>    11.5.1  实例1—实现背景变换的导航菜单<br>    11.5.2  实例2—利用CSS制作横向导航<br>    11.5.3  实例3—树状导航菜单<br>  11.6  本章小结<br>第12章  CSS3移动网页开发<br>  12.1  预览激动人心的CSS<br>  12.2  边框<br>    12.2.1  圆角边框border-radius<br>    12.2.2  边框图片border-image<br>    12.2.3  边框阴影box-shadow<br>  12.3  背景<br>    12.3.1  背景图片尺寸background-size<br>    12.3.2  背景图片定位区域background-origin<br>    12.3.3  背景绘制区域background-clip<br>  12.4  文本<br>    12.4.1  文本阴影text-shadow<br>    12.4.2  强制换行word-wrap<br>    12.4.3  文本溢出text-overflow<br>  12.5  多列<br>    12.5.1  创建多列column-count<br>    12.5.2  列的宽度column-width<br>  12.6  转换<br>    12.6.1  移动translate()<br>    12.6.2  旋转rotate()<br>    12.6.3  缩放scale()<br>  12.7  综合实例—将鼠标放上去移动并旋转图片<br>  12.8  本章小结<br>第13章  CSS盒子模型与定位<br>  13.1  “盒子”与“模型”的概念探究<br>  13.2   border<br>    13.2.1  边框样式:border-style<br>    13.2.2  属性值的简写形式<br>    13.2.3   边框与背景<br>  13.3  设置内边距(padding)<br>  13.4  设置外边距(margin) <br>  13.5  盒子的定位<br>    13.5.1  静态定位(static)<br>    13.5.2  相对定位(relative)<br>    13.5.3  绝对定位(absolute)<br>    13.5.4  固定定位(fixed)<br>  13.6  盒子的浮动<br>  13.7  综合案例—设置第1个浮动的Div<br>  13.8  本章小结<br>第14章  CSS+Div布局方法<br>  14.1  CSS布局模型<br>    14.1.1  关于CSS布局<br>    14.1.2  流动布局模型<br>    14.1.3  浮动布局模型<br>    14.1.4  层布局模型<br>    14.1.5  高度自适应<br>  14.2  CSS布局理念<br>    14.2.1  将页面用Div分块<br>    14.2.2  设计各块的位置<br>    14.2.3  用CSS定位<br>  14.3  常见的布局类型<br>    14.3.1  列固定宽度<br>    14.3.2  列自适应<br>    14.3.3  两列固定宽度<br>    14.3.4  两列宽度自适应<br>    14.3.5  两列右列宽度自适应<br>    14.3.6  三列浮动中间宽度自适应<br>    14.3.7  三行二列居中高度自适应布局<br>  14.4  本章小结<br>第15章  JavaScript基础知识<br>  15.1  JavaScript的添加方法<br>    15.1.1  内部引用<br>    15.1.2  外部调用js文件<br>    15.1.3  添加到事件中<br>  15.2  基本数据类型<br>    15.2.1  使用字符串型数据<br>    15.2.2  使用数值型数据<br>    15.2.3  使用布尔型数据<br>    15.2.4  使用Undefined和Null类型<br>  15.3  常量和变量<br>    15.3.1  常量<br>    15.3.2  常量的使用方法<br>    15.3.3  变量的定义<br>  15.4  使用选择语句<br>    15.4.1  if选择语句<br>    15.4.2  if…else选择语句<br>    15.4.3  if…elseif…else选择语句<br>    15.4.4  switch多条件选择语句<br>  15.5  使用循环语句<br>    15.5.1  for循环语句<br>    15.5.2  while循环语句<br>    15.5.3  do-while循环语句<br>    15.5.4  break和continue跳转语句<br>  15.6  事件<br>    15.6.1  事件详解<br>    15.6.2  事件与事件驱动<br>  15.7  JavaScript对象<br>    15.7.1  声明和实例化<br>    15.7.2  对象的引用<br>    15.7.3  navigator对象<br>    15.7.4  window对象<br>    15.7.5  location对象<br>    15.7.6  history对象<br>    15.7.7  document对象<br>  15.8  综合实例—改变网页背景颜色<br>  15.9  本章小结<br>第16章  设计制作企业网站<br>  16.1  企业网站设计概述<br>    16.1.1  企业网站主要功能<br>    16.1.2  页面配色<br>    16.1.3  排版构架<br>  16.2  各部分设计<br>    16.2.1  页面的通用规则<br>    16.2.2  制作网站导航部分<br>    16.2.3  制作header右侧部分<br>    16.2.4  制作欢迎部分<br>  16.3  本章小结<br></p> </div></div> </div> <div class="middle"> </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/2014/01/17/2621472.shtml" target="_blank">维修电工(初\中级职业资...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2021/07/25/5409900.shtml" target="_blank">Python数据分析与可视化...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/11/13/5155775.shtml" target="_blank">生活在电波之中/百科经...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/07/01/5090506.shtml" target="_blank">大数据(挖掘数据背后的...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/09/22/5157996.shtml" target="_blank">JavaScript高级程序设计...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/11/13/5184490.shtml" target="_blank">区块链革命(当代技术经...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/01/02/4912168.shtml" target="_blank">核电焊工技能操作标准化...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/10/21/5169078.shtml" target="_blank">Python编程(从入门到实...</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2021/08/26/5433299.shtml" target="_blank">Micro-LED显示技术</a></li> <li><a href="http://www.zxhsd.com/kgsm/ts/2020/09/19/5133381.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> 版权所有 ©<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="http://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="http://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 2021-10-25 15:28:18 cost 661ms -->