内容介绍

　　《HTML+CSS+JavaScript网页制作从新手到高手》以零基础讲解为宗旨，用实例引导读者学习，深入浅出地介绍了HTML、CSS、JavaScript的相关知识和综合应用方法。全书分为5篇，共24章。第1篇【HTML篇】主要介绍HTML与CSS网页设计的基础知识、HTML文档的基本结构、HTML网页文字设计、网页色彩和图片设计、网页表格设计、网页表单设计、网页框架设计、网页多媒体设计等；第2篇【CSS篇】主要介绍CSS样式的基础知识、网页样式代码的生成方法、用CSS设置网页元素及利用DIV和CSS进行网页标准化布局等；第3篇【JavaScript篇】主要介绍JavaScript的基础知识、开发方法、事件机制及调试与优化方法等；第4篇【综合应用篇】主要介绍CSS与HTML、JavaScript及jQuery的综合应用，还通过一个网站实例系统介绍了上述知识点的实际应用；第5篇【高手秘籍篇】主要介绍HTML5的缓存技术、CSS的高级特性、Ajax的应用，以及手机网站的制作方法。
　　在《HTML+CSS+JavaScript网页制作从新手到高手》附赠的DVD多媒体教学光盘中，包含了12小时与图书内容同步的教学录像及所有范例的配套素材和结果文件。此外，还赠送了开发环境搭建教学录像、18小时Dreamweaver CS5/Photoshop CS5/Flash CS5网页三剑客教学录像、19小时全能网站建设教学录像、8个大型ASP网站完整源代码及运行说明、精彩CSS+DIV布局赏析电子书、精选JavaScript应用实例电子书、网页制作常见问题处理手册、精彩网站配色方案赏析电子书、颜色代码查询表、颜色英文名称查询表等超值资源，便于读者扩展学习。
　　《HTML+CSS+JavaScript网页制作从新手到高手》不仅适合HTML、CSS、JavaScript的初、中级用户学习使用，也可以作为各类院校相关专业学生和计算机培训班学员的教材或辅导用书。

展开

目　录

第1篇　HTML篇

第1章　HTML与CSS网页设计概述　2
1．1　HTML的基本概念　3
1．1．1　什么是HTML　3
1．1．2　HTML的发展　5
1．1．3　HTML与XHTML　5
1．2　CSS的基本概念　6
1．2．1　什么是CSS　6
1．2．2　CSS在网页设计中的作用　7
1．3　网页与网站　8
1．3．1　网页与网站的关系　8
1．3．2　建立网站的一般流程　10
1．3．3　URL简介　10
1．3．4　常用的网页编辑工具　11
高手私房菜
技巧：如何查看网页的HTML代码　12

第2章　HTML文档的基本结构　13
2．1　基本的HTML文档结构示例　14
2．2　HTML文档的基本结构　14
2．2．1　文档类型的声明　14
2．2．2　标签对和属性　16
2．2．3　标签对和属性　17
2．2．4　标签对和属性　17
2．3　HTML标签、元素及属性　18
2．3．1　什么是标签　18
2．3．2　元素　19
2．3．3　属性的定义　20
2．3．4　属性值的定义　20
2．3．5　元素和属性的大小写规范　21
2．4　标准属性　21
高手私房菜
技巧1：属性值与引号的正确使用　22
技巧2：HTML的字符实体在不同浏览器中的正确解析　22

第3章　HTML网页文字设计　23
3．1　文本的排版　24
3．1．1　标题

、

和

25
3．1．2　字体标记　27
3．1．3　基本文字格式　29
3．1．4　特殊符号　30
3．2　段落的排版　30
3．2．1　段落标记及其对齐方式　30
3．2．2　换行
标记　32
3．2．3　居中标记　32
3．2．4　加入水平分隔线　32
3．2．5　预编排标记　34
3．3　建立无序的列表　35
3．4　建立有序的列表　38
3．4．1　使用type属性定制有序列表项目符号　39
3．4．2　使用start属性定制有序列表中的列表项的起始数　40
3．4．3　使用value属性定制有序列表中的列表项序号的数值　41
3．5　网页超链接　42
3．5．1　超链接的概念　42
3．5．2　设置链接的目标地址　43
3．5．3　设置链接的目标窗口　44
3．5．4　设置链接的提示信息　44
3．5．5　使用锚链接到同一个网页的不同部分　45
3．5．6　使用锚链接到另一个网页的特定部分　47
高手私房菜
技巧1：一级标题h1的使用　48
技巧2：元素属性的默认值　48

第4章　网页色彩和图片设计　49
4．1　图像基础知识　50
4．1．1　图像的分辨率　50
4．1．2　网页中的图片格式　50
4．1．3　怎样创建图片　51
4．2　在网页中使用图像　52
4．2．1　在网页中插入图像标记　52
4．2．2　设置图像源文件　53
4．2．3　设置图像在网页中显示的宽度和高度　53
4．2．4　设置图像的替换文字　54
4．2．5　设置图像的提示文字　55
4．2．6　设置图像的边框　56
4．3　用图像代替文本作为超链接　56
4．4　使用图像映射　57
4．4．1　选定文本　57
4．4．2　使用Dreamweaver创建图像映射　58
高手私房菜
技巧1：关于浏览器安全色的问题　60
技巧2：关于图像映射　60

第5章　网页表格设计　61
5．1　表格的基本结构　62
5．2　控制表格的大小和边框的宽度　63
5．2．1　设置表格的宽度和高度　63
5．2．2　设置表格边框的宽度　64
5．3　设置表格及表格单元格的对齐方式　65
5．3．1　控制表格在网页中的对齐方式　66
5．3．2　控制表格单元格的水平对齐　67
5．3．3　控制表格单元格的上下对齐　68
5．4　合并单元格　69
5．4．1　用colspan属性左右合并单元格　69
5．4．2　用rowspan属性上下合并单元格　70
5．5　用cellpadding属性和cellspacing属性设定距离　71
5．6　为表格添加视觉效果　73
5．6．1　设置表格和单元格的背景颜色　74
5．6．2　设置表格和单元格的背景图像　75
5．7　表格的按行分组显示　76
高手私房菜
技巧1：禁止单元格内的文本自动换行　79
技巧2：用colspan和rowspan属性上下、左右合并单元格　80

第6章　网页表单设计　81
6．1　了解和创建网页表单　82
6．1．1　网页表单的工作原理　82
6．1．2　创建表单　82
6．1．3　了解控件的概念　84
6．2　使用标签创建表单控件　84
6．2．1　创建普通文本框和密码文本框　85
6．2．2　创建单选按钮　87
6．2．3　创建复选框　88
6．2．4　创建隐藏控件　89
6．2．5　创建文件选择框　89
6．2．6　创建重置按钮　90
6．2．7　创建提交按钮　91
6．2．8　创建图形提交按钮　92
6．3　使用标签创建多行文本框　92 6．4　使用<select>和<option>标签创建选择列表　94 6．5　表单的提交方法　95 高手私房菜 技巧：禁用表单控件　96 第7章　网页框架设计　97 7．1　什么是框架　98 7．2　使用<frameset>和<frame>标签创建框架　98 7．2．1　框架的文档声明　100 7．2．2　用cols属性将窗口分为左右两部分　100 7．2．3　用rows属性将窗口分为上、中、下3部分　101 7．2．4　框架的嵌套　102 7．2．5　不显示框架　103 7．3　设置窗口框架的内容和外观　104 7．3．1　用src属性设置框架的初始内容　104 7．3．2　设置框架的边框　105 7．3．3　控制框架的边距　106 7．3．4　设置框架的滚动条　107 7．3．5　改变框架窗口大小　108 7．4　设置框架之间的链接　108 7．4．1　用<base>标签设置链接默认目标　109 7．4．2　名称和框架标识　110 7．5　使用<iframe></iframe>标签对创建嵌入式框架　111 高手私房菜 技巧1：设置框架的长度或者宽度　112 技巧2：设置框架边框的注意事项　112 第8章　网页多媒体设计　113 8．1　在网页中加入视频　114 8．1．1　添加链接视频　114 8．1．2　使用Windows Media Player嵌入视频　115 8．2　在网页中加入声音　116 8．2．1　添加背景声音　116 8．2．2　添加链接声音　117 8．2．3　使用RealPlayer嵌入声音　118 8．3　在网页中添加Flash动画　119 8．4　在网页中添加滚动文字　121 高手私房菜 技巧1：流式视频与音频　122 技巧2：选择合适的音频或者视频格式　122 第2篇　CSS篇 第9章　CSS样式基础　124 9．1　一个简单的CSS示例　125 9．2　CSS样式表的规则　126 9．3　使用CSS选择器　127 9．3．1　标签选择器　127 9．3．2　类选择器　128 9．3．3　ID选择器　129 高手私房菜 技巧：使用全局选择器　130 第10章　网页样式代码的生成方法　131 10．1　从零开始手工编写　132 10．1．1　编写标题样式代码　133 10．1．2　编写图片控制代码　134 10．1．3　设置网页正文　134 10．1．4　设置整体页面样式　135 10．1．5　定义段落样式　136 10．1．6　完整的代码　138 10．2　使用Dreamweaver辅助工具创建页面　138 10．3　在Dreamweaver中新建CSS样式　139 10．4　在Dreamweaver中编辑CSS样式　141 高手私房菜 技巧：使用Dreamweaver生成CSS样式表并链接到当前文档　141 第11章　用CSS设置网页元素　143 11．1　设置网页文本的基本样式　144 11．1．1　定义网页文本颜色　144 11．1．2　设置具体文字的字体　145 11．1．3　设置文字的倾斜效果　146 11．2　设置文本的行高和间距　147 11．2．1　设置网页文字间距　147 11．2．2　设置网页文字行间距　148 11．2．3　设置网页文字段落间距　149 11．3　设置网页文本的对齐方式　150 11．3．1　控制文本的水平对齐方式　150 11．3．2　控制文本的垂直对齐方式　152 11．4　设置文字与背景的颜色　154 11．5　设置网页图像特效　155 11．5．1　设置图像边框　155 11．5．2　图像缩放功能的实现　159 11．5．3　设置图像与文字的对齐方式　161 11．5．4　图文混排　163 11．6　设置网页背景颜色和背景图像　165 11．6．1　设置背景颜色　165 11．6．2　设置背景图像　166 11．6．3　设置背景图像平铺　167 11．6．4　设置背景图像位置　169 11．6．5　设置背景图像位置固定　170 高手私房菜 技巧1：通过滤镜属性设置文字效果　172 技巧2：解决图片撑破DIV问题　172 第12章　DIV+CSS网页标准化布局　173 12．1　定义DIV　174 12．1．1　什么是DIV　174 12．1．2　在HTML文档中应用DIV　174 12．1．3　DIV的嵌套和固定格式　176 12．2　CSS布局定位　177 12．2．1　浮动定位　177 12．2．2　position定位　183 12．3　可视化模型　185 12．3．1　盒模型　185 12．3．2　视觉可视化模型　186 12．3．3　空白边叠加　187 12．4　CSS布局方式　187 12．4．1　居中的布局设计　188 12．4．2　浮动的布局设计　191 12．4．3　高度自适应设计　196 12．5　CSS 3．0中盒模型的新增属性　197 12．5．1　overflow　197 12．5．2　overflow-x　198 12．5．3　overflow-y　199 高手私房菜 技巧：将多个DIV紧靠页面的左侧或者右侧　200 第3篇　JavaScript篇 第13章　JavaScript程序基础　202 13．1　JavaScript简介　203 13．1．1　JavaScript概述　203 13．1．2　JavaScript的实现　203 13．2　制作一个简单的JavaScript程序　204 13．3　JavaScript的语法　206 13．4　关键字和保留字　206 13．5　变量　207 13．6　数据类型　208 13．6．1　字符串　208 13．6．2　数值　211 13．6．3　布尔型　211 13．6．4　类型转换　211 13．6．5　数组　212 13．7　基本语句　215 13．7．1　条件语句　215 13．7．2　循环语句　216 13．8　函数　218 13．8．1　定义和调用函数　219 13．8．2　用arguments对象访问函数的参数　220 13．9　对象　221 13．9．1　对象简介　221 13．9．2　时间日期：Date对象　222 13．9．3　数学计算：Math对象　223 13．10　BOM基础　225 13．10．1　window对象　226 13．10．2　document对象　227 13．10．3　location对象　228 13．10．4　navigator对象　229 13．10．5　screen对象　229 高手私房菜 技巧1：如何快速检查语法　230 技巧2：简略语句　230 第14章　JavaScript开发基础　231 14．1　JavaScript的应用环境　232 14．1．1　客户端JavaScript　232 14．1．2　其他环境中的JavaScript　233 14．1．3　客户端的JavaScript：网页中的可执行内容　233 14．1．4　客户端JavaScript的特性　235 14．2　常用的开发工具　235 14．2．1　附带测试的开发工具——TestSwarm　236 14．2．2　半自动化开发工具——Minimee　236 14．2．3　轻松建立JS库的开发工具——JavaScript Boilerplate　236 14．3　5个常用的JavaScript调试工具　237 14．3．1　万能调试工具——Drosera　237 14．3．2　最规则的调试工具——Dragonfly　238 14．3．3　Firefox的集成工具——Firebug　238 14．3．4　前端调试利器——Debugbar　238 14．3．5　支持浏览器最多的工具——Venkman　239 14．4　综合实战1——用JavaScript计算借贷支出　240 14．5　综合实战2——九九乘法表　242 高手私房菜 技巧1：更多的Venkman调试方法　243 技巧2：开发中常用到的快速数组创建方法　244 第15章　事件机制　245 15．1　事件机制简介　246 15．1．1　事件处理机制的类别　246 15．1．2　JavaScript中的切换事件　246 15．1．3　事件冒泡　248 15．2　常用的事件函数　249 15．2．1　鼠标操作事件　249 15．2．2　键盘操作事件　252 15．2．3　其他事件　253 15．3　事件模式的使用　255 15．3．1　绑定事件　255 15．3．2　触发事件和移除事件　257 高手私房菜 技巧1：事件处理技巧　259 技巧2：jQuery中mouseover和mouseenter的区别　260 第16章　JavaScript的调试与优化　261 16．1　常见的错误和异常　262 16．1．1　拼写错误　262 16．1．2　访问不存在的变量　262 16．1．3　括号不匹配　263 16．1．4　字符串和变量连接错误　263 16．1．5　符号与赋值混淆　264 16．2　错误处理　264 16．2．1　用alert()和document．write()方法监视变量值　264 16．2．2　用onerror事件找到错误　265 16．2．3　用try．．．catch语句找到错误　266 16．3　使用调试器　267 16．3．1　用Firefox错误控制台调试　268 16．3．2　用Microsoft Script Debugger调试　268 16．3．3　用Venkman调试　269 16．4　JavaScript优化　269 16．4．1　缩短代码下载时间　270 16．4．2　合理声明变量　270 16．4．3　使用内置函数缩短编译时间　271 16．4．4　合理书写if语句　271 16．4．5　最小化语句数量　271 16．4．6　节约使用DOM　272 高手私房菜 技巧：调试常见注意事项　272 第4篇　综合应用篇 第17章　CSS与HTML的综合应用　274 17．1　CSS与HTML的结合　275 17．2　综合实战1——渐变式数据表　276 17．3　综合实战2——网页文字阴影特效　277 高手私房菜 技巧1：图片的标题　279 技巧2：去掉了CSS标签的type属性　280 第18章　CSS与JavaScript的综合应用　281 18．1　应用Spry构件　282 18．1．1　Spry构件的基本结构　282 18．1．2　插入Spry菜单　282 18．1．3　插入Spry选项卡式面板　283 18．1．4　插入Spry折叠式构件　284 18．1．5　插入Spry可折叠面板　284 18．2　综合实战——在网页中应用Spry构件　285 18．2．1　设计分析　285 18．2．2　制作步骤　285 高手私房菜 技巧1：制作弹出信息窗口　287 技巧2：打开浏览器窗口　287 第19章　CSS与jQuery的综合应用　289 19．1　jQuery基础　290 19．1．1　认识jQuery　290 19．1．2　jQuery的优势　290 19．2　jQuery代码的编写　291 19．2．1　搭建jQuery环境　292 19．2．2　编写简单的jQuery功能代码　292 19．2．3　jQuery代码规范　294 19．3　jQuery对象　294 19．3．1　jQuery对象简介　295 19．3．2　jQuery对象的应用　295 19．4　综合实战——制作幻灯片　296 19．4．1　设计分析　296 19．4．2　制作步骤　297 高手私房菜 技巧：直接使用Google和Microsoft服务器上的jQuery　298 第20章　制作龙马商务网　299 20．1　网站分析　300 20．2　网站设计　300 20．3　网站制作　303 高手私房菜 技巧：图片验证码　325 第5篇　高手秘籍篇 第21章　构建HTML 5的离线Web应用——缓存技术　328 21．1　HTML 5离线Web应用概述　329 21．2　使用HTML 5离线Web应用API　329 21．2．1　检查浏览器的支持情况　329 21．2．2　搭建简单的离线应用程序　329 21．2．3　支持离线行为　330 21．2．4　Manifest文件　330 21．2．5　ApplicationCache API　332 21．3　使用HTML 5离线Web应用构建应用　333 21．3．1　创建记录资源的Manifest文件　333 21．3．2　创建构成界面的HTML和CSS　333 21．3．3　创建离线的JavaScript　334 21．3．4　检查applicationCache的支持情况　336 21．3．5　为Update按钮添加处理函数　336 21．3．6　添加Geolocation的支持情况　337 21．3．7　添加Storage功能代码　337 21．3．8　添加离线事件处理程序　338 高手私房菜 技巧：不同的浏览器可以读取同一个Web中存储的数据吗　338 第22章　CSS的高级特性　339 22．1　复合选择器　340 22．1．1　交集选择器　340 22．1．2　并集选择器　341 22．1．3　后代选择器　342 22．2　CSS的继承特性　343 22．2．1　继承关系　344 22．2．2　CSS继承的运用　344 22．3　CSS的层叠特性　345 高手私房菜 技巧：CSS选择器的特殊性　346 第23章　Ajax的应用　347 23．1　Ajax的异步交互机制　348 23．1．1　异步对象连接服务器　348 23．1．2　GET和POST模式　350 23．1．3　处理多个异步请求　352 23．2　Ajax框架　353 23．2．1　使用AjaxLib　353 23．2．2　使用AjaxGold　355 高手私房菜 技巧：使用Ajax时IE缓存问题的解决方法　356 第24章　制作手机网站　357 24．1　整体布局　358 24．1．1　设计分析　358 24．1．2　排版架构　358 24．2　设计导航菜单　359 24．3　设置模块内容　359 高手私房菜 技巧：常见属性存在的问题　360</div> <div class="showMore">展开</div> </div> </div> </div> </div> </div>  <div class="joinArea"> <div class="cgPopupMask"></div> <div class="joinCon"> <img src="/tcshop/resource/front-resource/images/info07.png" alt="" /> <div class="joinText"> 加入书架成功！ </div> <div class="fn-clear"> <a class="goOnBuy fn-left" href="javascript:;" onclick="continueSee()">继续借书</a> <a class="goAccount fn-left" href="/tcshop/1111/cart/cart.html">去结算</a> </div> </div> </div>  <div class="delColArea"> <div class="cgPopupMask"></div> <div class="colCon"> <div class="cgPopupConTop"> <div class="hisPopTit"> 收藏图书成功！ </div> <div class="iKnow"> 我知道了(3) </div> </div> </div> </div>  <div class="delColArea" id="comment_view"> <div class="cgPopupMask"></div> <div class="commont_div"> <div style="margin-top:10px;margin-bottom:10px;margin-left:-10px;"> 发表书评 </div> <div style="border:2px solid #DDD; padding: 5px;" > <textarea style="width:100%;height:150px;resize:none;" id="comment">

读者登录

请选择您读者所在的图书馆

选择图书馆

浙江图书馆

没有读者证？在线办证

新手上路
快速入门

购物指南
常见问题

支付方式
支付方式

配送方式
快递送货

关于我们
关于我们

特色服务
在线办证