网上购物 货比三家
您现在的位置:快乐比价网 > 图书 > 计算机与网络 > 网页网站制作 > 商品详情

HTML+CSS网页设计指南

分享到:
HTML+CSS网页设计指南

最 低 价:¥32.10

定 价:¥42.80

作 者:赵辉

出 版 社:清华大学出版社

出版时间:2010-01-01

I S B N:9787302213024

商品详情

编辑推荐

  书中所涉及的案例均为作者原创。
  详细介绍了CSS+DlV制作页面的主流方法。
  由简到难、由原始到整个体系来叙述图书知识结构。
  实例丰富,书中包含4个案例和120个小实例。
  从不一样的角度来分析HTML的应用规则。
  注重实际应用,理论与案例相结合。
  赠送4小时《HTML+CSS网页设计指南》实例讲解视频。
  赠送800页电子书。
  提供280页PPT文档。

内容简介

  《HTML+CSS网页设计指南》主要介绍了页面前端技术的开发,即常说“HTML+CSS+JavaScript”。现在的Web设计理念较之于前两年,已经发生了很大的改变,CSS比传统的属性标签使页面变得更漂亮,而将来,页面中要求的不仅仅是美观,甚至是越来越多的互动功能,JavaScript即是目前最流行的页面脚本语言。2009年,互联网巨头Google公司在全球推广Google Chrome浏览器,正如Chrome浏览器本身:“今天,我们日常生活所用的互联网不再仅仅是网页,而是应用程序。”《HTML+CSS网页设计指南》针对当前网页的开发,详细介绍了CSS的使用法则,不仅如此,《HTML+CSS网页设计指南》同时注重于JavaScript的使用,目的就在于不仅着眼于今天最流行、最成熟的技术,更要把握明天页面开发的趋势。
  《HTML+CSS网页设计指南》从最基本的HTML标签讲起,适用于Web开发的初学者,而对于有一定Web前端开发基础的读者,也有一定的参考意义。

作者简介

目录

第1篇 页面制作入门篇
第1章 了解网页
1.1 什么是网页
1.1.1 网页的概述
1.1.2 静态网页
1.1.3 动态网页
1.1.4 开发动态页面和静态页面的联系
1.2 开发网页的工具
1.2.1 HTML页面的开发工具
1.2.2 动态页面的开发工具
1.3 使用网页浏览器
1.3.1 网页浏览器的工作原理
1.3.2 常用的两种浏览器
1.4 HTML、XML和XHTML语言
1.4.1 超文本标记语言HTML
1.4.2 可扩展标识语言XML
1.4.3 可扩展超文本标识语言XHTML
1.5 编写一个简单的页面
1.6 小结

第2章 通过学习他人的网页了解HTML能做什么 15
2.1 用记事本打开一个页面
2.2 初识HTML
2.2.1 HTML语法
2.2.2 HTML文档的结构
2.3 HTML文档基本结构标签的作用
2.3.1 给页面一个声明——样本代码
2.3.2 踏出制作页面的第一步——开始标签
2.3.3 页面的脑袋——头标签和头标签的对象
2.3.4 给页面起名字——标题标签<br>2.3.5 页面的身体——体标签<body><br>2.3.6 美化HTML文档<br>2.4 案例:我们的第一个页面<br>2.5 小结<br><br>第3章 动手在网页中写些什么<br>3.1 新旧方法对比<br>3.2 文本的排版格式<br>3.2.1 写一行换一行<br>3.2.2 在页面文本中空格<br>3.2.3 文本的段落要对齐<br>3.3 文本的属性样式<br>3.3.1 不一样的文本字体大小<br>3.3.2 奇妙的特殊符号<br>3.3.3 给文本加标注<br>3.4 整齐的文本列表<br>3.4.1 无序列表<br>3.4.2 有序列表<br>3.4.3 定义列表<br>3.4.4 列表嵌套<br>3.5 制作一则通知<br>3.6 小结<br><br>第4章 将图像放入页面中<br>4.1 图像的基础知识<br>4.1.1 最常用的图像——位图<br>4.1.2 在页面中常用的位图格式<br>4.1.3 奇妙的矢量图<br>4.1.4 图像的分辨率<br>4.1.5 认识一些网页中常用的banner尺寸<br>4.2 用图像来编织美丽的页面<br>4.2.1 理解图像路径<br>4.2.2 像编辑文本对齐一样在页面中对齐图片<br>4.2.3 图像与文本的对齐方式<br>4.2.4 控制图像与文本的距离<br>4.3 让图像变得更美观<br>4.3.1 使用画图工具修改图像<br>4.3.2 不一样的改变——给图像添加边框<br>4.3.3 独树一帜的水平线<br>4.4 改变页面的背景<br>4.5 案例:把宠物的照片放到网页上去<br>4.6 小结<br><br>第5章 让网页变得更绚丽一些<br>5.1 了解计算机语言下的颜色描述<br>5.2 让页面绚丽多彩<br>5.2.1 改变页面背景颜色<br>5.2.2 改变页面文本字体颜色<br>5.3 不寻常的图像应用<br>5.3.1 会动的GIF图像<br>5.3.2 图像的透明通道<br>5.3.3 带有透明通道图像的应用<br>5.4 案例:修饰普通页面<br>5.5 小结<br><br>第6章 网页链接<br>6.1 网页链接概述<br>6.1.1 初识页面链接<br>6.1.2 理解链接地址<br>6.2 链接的种种不同<br>6.2.1 基本的文本链接<br>6.2.2 基本的图像链接<br>6.2.3 把邮箱留给需要联系你的人<br>6.2.4 在同一页面中快速查找信息<br>6.3 提高页面链接的友好度<br>6.3.1 美观链接的状态<br>6.3.2 奇妙特殊的链接方式<br>6.3.3 热点图像区域的链接<br>6.4 在新窗口中显示链接窗口<br>6.5 案例:制作普通链接的主页<br>6.6 小结<br><br>第2篇 页面制作提高篇<br><br>第7章 CSS规则<br>7.1 如何学习CSS<br>7.2 CSS基本的规则写法<br>7.2.1 基本的样式表的写法<br>7.2.2 使用类class和标志id链接样式表<br>7.2.3 创建选择器<br>7.2.4 应用CSS样式表<br>7.3 用CSS来修饰页面文本<br>7.3.1 修饰页面文本字体<br>7.3.2 文本的字号<br>7.3.3 文本段落行高<br>7.3.4 禁止文本自动换行<br>7.4 给页面对象添加颜色<br>7.5 案例:使用CSS制作个人页面<br>7.6 小结<br><br>第8章 表格<br>8.1 理解页面中的表格<br>8.2 普通表格的应用<br>8.2.1 制作普通表格<br>8.2.2 表格的基本属性<br>8.2.3 合并单元格<br>8.2.4 表格标题<br>8.2.5 拆分表格<br>8.2.6 设置表格的列<br>8.3 修饰单元格<br>8.3.1 通过CSS修饰单元格的边框<br>8.3.2 合并相邻单元格<br>8.4 编辑单元格中的内容<br>8.4.1 单元格中文本与单元格大小<br>8.4.2 修饰单元格中的内容<br>8.5 案例:制作球赛积分表<br>8.6 小结<br><br>第9章 创建框架结构的页面<br>9.1 创建窗口框架页面<br>9.1.1 创建窗口框架的[frameset]和[frame]标签<br>9.1.2 横向分割窗口<br>9.1.3 纵向分割窗口<br>9.1.4 框架的嵌套<br>9.1.5 将页面放入窗口框架中<br>9.2 花点心思修饰框架的细节<br>9.2.1 给无法处理框架的浏览器添加注释说明<br>9.2.2 固定框架的位置<br>9.2.3 框架中设置滚动条<br>9.3 修改框架边框的样式<br>9.3.1 判定边框是否显示<br>9.3.2 改变边框的表现效果<br>9.3.3 边框的边距<br>9.4 框架集中页面之间的链接<br>9.4.1 在指定的框架中打开链接<br>9.4.2 框架内的锚点链接<br>9.5 灵活的[iframe]框架<br>9.6 案例:制定自己的链接主页<br>9.7 小结<br><br>第10章 当CSS样式表遇到层<br>10.1 理解块级的意义<br>10.2 页面中的层<br>10.2.1 行[span]和层<br>10.2.2 层的基本定位<br>10.2.3 层的叠加<br>10.3 框模型<br>10.3.1 理解框模型<br>10.3.2 空距padding属性<br>10.3.3 边框border的扩展属性<br>10.3.4 边距<br>10.3.5 框模型的溢出<br>10.4 定制层的display属性<br>10.5 CSS Hack<br>10.6 案例:简单的CSS+DIV<br>10.7 小结<br><br>第11章 进一步讨论页面布局的方法<br>11.1 页面中的定位<br>11.1.1 静态定位<br>11.1.2 相对定位<br>11.1.3 绝对定位<br>11.1.4 固定定位<br>11.2 浮动层<br>11.3 CSS的新奇技术以及未来发展<br>11.3.1 图像替换技术<br>11.3.2 CSS 3.0中的新发展<br>11.3.3 Firefox浏览器中实现圆角框模型<br>11.4 案例:有效地管理页面布局<br>11.5 小结<br><br>第3篇 动感页面篇<br><br>第12章 神奇的表单<br>12.1 表单的工作原理<br>12.1.1 [script]标记<br>12.1.2 创建表单<br>12.1.3 表单域<br>12.2 通过表单展示不一样的页面<br>12.2.1 input对象下的多种表单表现形式<br>12.2.2 text文本框的样式表单<br>12.2.3 password输入密码的样式表单<br>12.2.4 checkbox复选框的样式表单<br>12.2.5 radio单选按钮的样式表单<br>12.2.6 submit提交数据的样式表单<br>12.2.7 hidden隐藏域的样式表单<br>12.2.8 image样式表单<br>12.2.9 file上传文件的样式表单<br>12.3 textarea对象的表单<br>12.4 select对象的表单<br>12.5 表单域集合<br>12.6 案例:制作一个精美的由表单构成的页面<br>12.7 小结<br><br>第13章 在网页中加入神奇的效果<br>13.1 什么是脚本语言<br>13.1.1 初识VBScript<br>13.1.2 学习JavaScript的起步<br>13.2 JavaScript和Java的区别<br>13.3 JavaScript的基本语法<br>13.3.1 JavaScript中的标识符和保留关键字<br>13.3.2 JavaScript语法的特殊规则<br>13.4 JavaScript的数据类型<br>13.4.1 常量<br>13.4.2 变量<br>13.4.3 数据类型转换<br>13.4.4 运算符<br>13.4.5 表达式<br>13.5 流程控制<br>13.5.1 顺序结构<br>13.5.2 选择结构<br>13.5.3 循环结构<br>13.6 了解函数<br>13.7 案例:一个使用基本语法的JavaScript例子<br>13.8 小结<br><br>第14章 JavaScript入门<br>14.1 了解一下何为“对象”<br>14.1.1 JavaScript对象概述<br>14.1.2 DOM介绍<br>14.2 JavaScript中的数组<br>14.2.1 定义数组和操作数组<br>14.2.2 多维数组<br>14.3 内部对象<br>14.3.1 Math对象<br>14.3.2 Date对象<br>14.3.3 String对象<br>14.4 window对象<br>14.4.1 window对象属性<br>14.4.2 window对象方法<br>14.4.3 事件<br>14.5 document对象<br>14.5.1 document对象属性<br>14.5.2 document对象方法<br>14.5.3 document对象事件<br>14.6 案例:一个运用JavaScript实现的动态页面<br>14.7 小结<br><br>第15章 了解制作页面的工具<br>15.1 可视化编辑页面工具:Dreamweaver<br>15.1.1 了解Dreamweaver的界面<br>15.1.2 Dreamweaver的菜单<br>15.2 神奇的“美工笔”:Photoshop<br>15.2.1 了解Photoshop的界面<br>15.2.2 Photoshop的实用技巧<br>15.3 网页中的动画:Flash<br>15.3.1 认识Flash文件<br>15.3.2 在页面中放入Flash文件<br>15.3.3 制作Flash的软件<br>15.3.4 Flash8的菜单<br>15.3.5 Flash8的主要功能<br>15.3.6 Flash的常用交互技巧<br>15.4 案例:使用Dreamweaver制作页面<br>15.5 小结<br>第4篇 页面实战篇<br>第16章 综合实例一:制作主流网站界面<br>第17章 综合实例二:设计复杂页面<br>第18章 综合实例三:制作英文网站<br>第19章 综合实例四:使用Dreamweaver制作中文网站<br>附录A</td></tr></table> </div> </div> <div class="comment book_comment hide" id="comm_all"> <h2 id="comm_title"><span>商品评论(0条)</span></h2> <div class="new_comments_tips"> 暂无评论!</div> </div> </div> <div class="dp_sidebar"> <div class="dp_sidebar_content"> <div class="side_title"> <h2><span>相关新品推荐</span></h2> </div> <div class="side_main" name="__newarrive_pub"> <ul class="history"> <li class="detailed clearfix"> <div class="pic"> <a href="/82187372.html" target="_blank" title="XML/HTML/CSS/XSL Web编程实作教程"> <img src="http://image.welan.com/quetu.jpg" style="width:52px;height:52px;" onerror="this.src='/images/home/noface96.gif'" alt="XML/HTML/CSS/XSL Web编程实作教程" /></a> </div> <a href="/82187372.html" target="_blank" title="XML/HTML/CSS/XSL Web编程实作教程" class="name">XML/HTML/CSS/XSL Web编程实作教程</a> <span class="price"><span>¥</span>26.70</span> </li> <li class="detailed clearfix"> <div class="pic"> <a href="/82187368.html" target="_blank" title="用XML组建电子商务系统(附光盘)"> <img src="http://image.welan.com/quetu.jpg" style="width:52px;height:52px;" onerror="this.src='/images/home/noface96.gif'" alt="用XML组建电子商务系统(附光盘)" /></a> </div> <a href="/82187368.html" target="_blank" title="用XML组建电子商务系统(附光盘)" class="name">用XML组建电子商务系统(附光盘)</a> <span class="price"><span>¥</span>21.00</span> </li> <li class="detailed clearfix"> <div class="pic"> <a href="/82176487.html" target="_blank" title="Dreamweaver4动感网页设计与制作教程(含CD)"> <img src="http://image.welan.com/?41336" style="width:52px;height:52px;" onerror="this.src='/images/home/noface96.gif'" alt="Dreamweaver4动感网页设计与制作教程(含CD)" /></a> </div> <a href="/82176487.html" target="_blank" title="Dreamweaver4动感网页设计与制作教程(含CD)" class="name">Dreamweaver4动感网页设计与制作教程(含CD)</a> <span class="price"><span>¥</span>26.10</span> </li> <li class="detailed clearfix"> <div class="pic"> <a href="/82141645.html" target="_blank" title="轻松电脑点点通Frontpage2000"> <img src="http://image.welan.com/quetu.jpg" style="width:52px;height:52px;" onerror="this.src='/images/home/noface96.gif'" alt="轻松电脑点点通Frontpage2000" /></a> </div> <a href="/82141645.html" target="_blank" title="轻松电脑点点通Frontpage2000" class="name">轻松电脑点点通Frontpage2000</a> <span class="price"><span>¥</span>缺货</span> </li> <li class="detailed clearfix"> <div class="pic"> <a href="/82116066.html" target="_blank" title="网站开发新动力用JSP轻松开发WEB网站(1CD)"> <img src="http://image.welan.com/quetu.jpg" style="width:52px;height:52px;" onerror="this.src='/images/home/noface96.gif'" alt="网站开发新动力用JSP轻松开发WEB网站(1CD)" /></a> </div> <a href="/82116066.html" target="_blank" title="网站开发新动力用JSP轻松开发WEB网站(1CD)" class="name">网站开发新动力用JSP轻松开发WEB网站(1CD)</a> <span class="price"><span>¥</span>35.00</span> </li> </ul> </div> </div> <div class="dp_sidebar_content"> <div class="side_title"> <h2><span>浏览更多同类商品</span></h2> </div> <div class="side_main" name="__samecategory_pub"> <ul class="similar bor_b"> <li><a href="/list-c173.shtml" class="title" target="_blank">网页网站制作</a></li> <li><a href="/10923.html" title="Authorware 7.0多媒体开发白金开发手册(附CD-ROM光盘一张)" target="_blank">Authorware 7.0多媒体开发白金开发手册(附CD-ROM光盘一张)</a></li> <li><a href="/47056.html" title="CSS与Dreamweaver CS3完美网页设计" target="_blank">CSS与Dreamweaver CS3完美网页设计</a></li> <li><a href="/500211.html" title="Authorware 6.5职业技能培训教程" target="_blank">Authorware 6.5职业技能培训教程</a></li> <li><a href="/3309.html" title="Authorware互动教学课件制作实例教程(含CD-ROM光盘一张)/多媒体课件制作指导丛书" target="_blank">Authorware互动教学课件制作实例教程(含CD-ROM光盘一张)/多媒体课件制作指导丛书</a></li> <li><a href="/2421.html" title="35mm电影放映机间歇输片齿轮 尺寸" target="_blank">35mm电影放映机间歇输片齿轮 尺寸</a></li> <li><a href="/625824.html" title="Authorware 3.5开发使用手册[按需印刷]" target="_blank">Authorware 3.5开发使用手册[按需印刷]</a></li> <li><a href="/10925.html" title="Authorware 7多媒体制作技能与设计实例(附CD-ROM光盘两张)" target="_blank">Authorware 7多媒体制作技能与设计实例(附CD-ROM光盘两张)</a></li> <li><a href="/150831.html" title="金属热处理卷(下)-机械制造加工工艺标准汇编" target="_blank">金属热处理卷(下)-机械制造加工工艺标准汇编</a></li> <li class="more none"><a href="/list-c173.shtml" target="_blank">更多>></a></li> </ul> </div> </div> <div id="ad_cpc"> </div> <div class="dp_sidebar_content" id="history_div"> <div class="side_title"> <h2><span>您的浏览历史</span></h2> </div> <div class="side_main" id="history_all" style="display: none" name="__viewhistory_pub"> </div> <div class="side_main" id="history_wait" style="text-align: center; padding: 30px 0"> <img src="/images/loading.gif" border="0" alt="loading" /> 内容加载中,请稍后... </div> </div> <div class="banner_area" id="ad_cpt_10060"> </div> </div> <div class="clear"> </div> <div id="search_tuijian_content" name="__xingquguanzhu_pub"> </div> <div class="banner_area2" id="ad_cpt_10059"> </div> </div> <script src="/Scripts/Global.js" type="text/javascript"></script> <script src="/Scripts/UI-wf.js" type="text/javascript"></script> <script type="text/javascript"> getBrowserHistory(); setBrowserHistory('78612644'); </script> <!--页尾--> <center> <script type="text/javascript"> /*960*90_首页最下面*/ var cpro_id = "u1217124"; </script> <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script> </center> <link href="/Images/root.css" rel="stylesheet" type="text/css" /> <div class="public_footer_box"> <div id="__footer" class="public_footer"> <div> <div class="root1"> <div class="b"> 免责声明:</div> <div> <p>本网站为购物搜索引擎,只提供各网站商品及服务信息链接,以商家实际信息为准! </p> </div> </div> </div> </div> <div class="root2"> <div class="root3"> <div class="fl"> <a href="/help.shtml?id=4" class="white">关于比价网</a> | <a href="/links.html" class="white">合作网站</a> | <a href="/help.shtml?id=5" class="white">免责声明</a> | <a href="/help.shtml?id=6" class="white"> 联系我们</a> (<a href="https://beian.miit.gov.cn" style="color:#fff;">京ICP备13007221号-2</a>)</div> <div class="fr rootbg"> © 2008-2012 Bijia123.cn. All rights reserved. </div> </div> </div> </div> <style> </style> <div style="display: none;"> <script language="javascript" type="text/javascript" src="http://js.users.51.la/2326859.js"></script> <!--bijia123.cn Baidu tongji analytics --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?2385909271b540a2dacf31addc3d74bf"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </body> </html>