内容简介

《HTML5+CSS+JavaScript深入学习实录》编辑推荐：HTML语言是当今网页设计的主流表现语言，CSS是当今网页设计的通用修饰技术，JavaScript是当今网页设计的最通用脚本表现技术。HTML+CSS+JavaScript是当前主流的网页设计组合，是每一名网页设计师所必须具备并精通的技术。《HTML5+CSS+JavaScript深入学习实录》将上述三种技术巧妙地结合起来，详细讲解了这三种技术的基本知识和具体用法。《HTML5+CSS+JavaScript深入学习实录》不但适合于网页设计的初学者，对于有一定网页设计经验的读者来说，《HTML5+CSS+JavaScript深入学习实录》也具有很大的参考价值。

图书目录

第1章设计的灵魂源于灵感 1.1成为一名出色的网页设计师 1.2认识网页和网站 1.2.1网页 1.2.2网站 1.3制作网页和网站的那些事 1.3.1网站制作流程 1.3.2网页设计流程 1.3.3发布站点 1.4Web标准布局介绍 1.4.1看当前的Web开发标 1.4.2为什么使用Web标准 1.4.3CSS布局标准 1.5网页制作工具面面观 1.5.1几种可视化工具 1.5.2安装Dreamweaver 1.6谈HTML和JavaScript的必要性 1.7灵感是设计师的设计之源 第2章网页设计三剑客 2.1三剑客之——体现身材的HTML 2.1.1HTML概述 2.1.2HTML的特点 2.1.3看HTML的身材如何 2.2三剑客之——会化妆的CSS 2.2.1CSS概述 2.2.2CSS的特点 2.2.3CSS的好处 2.3三剑客之——JavaScript是美的升华 2.3.1JavaScript概述 2.3.2JavaScript基本概念 2.3.3JavaScript的作用 2.4一个典型页面文件实例 第3章网页的记号 3.1为网页设计发型——设置网页头部元素 3.1.1设置文档类型 3.1.2设置编码类型 3.1.3设置页面标题 3.2其他头部元素 3.2.1命名空间 3.2.2meta标记 3.2.3关键词 3.2.4网页描述 3.3设置页面正文 3.4注释是一种说明 第4章你不一定了解的文字和段落 4.1标题文字 4.2文本文字 4.2.1文本文字标记＜font＞ 4.2.2字型设置 4.3段落标记 4.4换行标记 4.5插入水平线 4.6特殊符号处理 第5章看超链接的跳跃 5.1链接概述 5.1.1锚链 5.1.2URL引用 5.2建立内部链接 5.3建立外部链接 5.4使用Telnet链接 5.5创建E—mail链接 VIIIHTML5+CSS+JavaScript深入学习实录 5.6创建FTP链接 5.7其他形式的链接 5.7.1新闻组链接 5.7.2WAIS链接 第6章图片是修饰网页的最佳途径 6.1常用的图片格式介绍 6.1.1GIF格式 6.1.2JPEG格式 6.2设置背景图片 6.3插入图片 6.3.1图片的基本处理 6.3.2图片布局处理 6.4设置图片链接 第7章你不一定了解的列表 7.1无序列表 7.2有序列表 7.3更加紧凑的菜单列表 7.4定义列表标记 7.5列表的嵌套使用 第8章表格没那么简单 8.1创建一个表格 8.2表格标题 8.3跨行和跨列 8.3.1实现跨列处理 8.3.2实现跨行处理 8.3.3实现同时跨行、跨列处理 8.4设置表格页眉 8.5设置表格背景图像 8.6对齐处理 8.6.1表格的整体对齐 8.6.2对齐表格中的内元素 8.7设置单元格大小 第9章特效和多媒体带来的绚丽 9.1实现滚动效果 9.2设置背景音乐 9.2.1代码指定 9.2.2媒体插件实现 9.3插入Flash.122 9.4插入Applet.126 9.5ActiveX控件.129 第10章使用框架.133 10.1框架标记介绍 10.2创建框架 10.3设置框架大小 10.4为框架创建链接 10.5框架嵌套 第11章看表单带来的革命性意义 11.1表单标记 11.2使用form标记 11.3使用文本域 11.4使用文本区域 11.5使用按钮 11.6使用单选按钮和复选框 11.7使用列表菜单 11.8使用文件域 11.9使用图像域 11.10使用隐藏域 11.11使用单选组按钮 11.12表单的综合使用 第12章div布局处理 12.1div标记介绍 12.1.1div的格式 12.1.2使用div 12.2插入div标记 12.3插入APdiv 第13章HTML5来了 13.1HTML5是下一代的HTML 13.1.1发展历程 13.1.2HTML5的吸引力 13.2新特性之视频处理 目录IX 13.2.1video标记 13.2.2＜video＞标记的属性 13.3新特性之音频处理 13.3.1audio标记 13.3.2＜audio＞标记的属性 13.4新特性之Canvas 13.4.1＜canvas＞标记介绍 13.4.2HTMLDOMCanvas对象 13.4.3Canvas实践 13.5新特性之Web存储 13.5.1Web存储介绍 13.5.2HTML5中Web存储的意义 13.5.3两种存储方法 13.6新特性之表单新特性 13.6.1全新的Input类型 13.6.2全新的表单元素 13.6.3全新的表单属性 第14章等了很久的CSS基础 14.1CSS语法 14.2使用选择符 14.2.1命名机制 14.2.2通配选择符 14.2.3类型选择符 14.2.4群组选择符 14.2.5包含选择符 14.2.6ID选择符 14.2.7class选择符 14.2.8组合选择符 14.3CSS属性介绍 14.4CSS编码规范 14.4.1书写规范 14.4.2命名规范 14.5颜色介绍 14.5.1颜色名称定义 14.5.2十六进制定义 14.6长度单位 14.6.1绝对长度单位 14.6.2相对长度单位 14.7百分比值 14.8URL是地址 14.8.1相对路径 14.8.2绝对路径 14.8.3应用实例 14.9CSS的调用 第15章先看页面布局 15.1CSS元素介绍 15.1.1块元素 15.1.2内联元素 15.1.3可变元素 15.2CSS元素定位介绍 15.2.1元素的定位 15.2.2定位属性 15.3内容控制属性 15.3.1控制页面内容属性display 15.3.2是否显示属性visibility 15.3.3居中显示属性text—align 15.3.4边界属性margin 15.4控制页面背景 15.4.1页面背景概述 15.4.2使用背景颜色 15.4.3使用背景图片 15.4.4背景颜色和背景图片混用 15.4.5设置文本样式 15.4.6设置链接样式 15.5使用浮动属性 15.5.1浮动属性简介 15.5.2固定元素相邻 15.5.3两个浮动元素相邻 15.5.4多个浮动元素相邻 15.6清除浮动属性 15.6.1清除浮动属性简介 15.6.2使用清除浮动属性 15.7使用列表属性 15.7.1列表样式属性list—style—type XHTML5+CSS+JavaScript深入学习实录 15.7.2列表位置属性list—style—position 15.7.3列表图片属性list—style—image 15.7.4列表综合属性list—style 第16章将网页打造成一个容器 16.1盒模型简介 18.2.3JavaScript变量 18.3表达式和运算符 18.3.1JavaScript表达式 18.3.2JavaScript运算符 18.4JavaScript循环语句 18.4.1if条件语句 目录XI 18.4.2for循环语句 18.4.3while循环语句 18.4.4dowhile循环语句 18.4.5break控制 18.4.6switch循环语句 18.5JavaScript函数 18.5.1函数的构成 18.5.2JavaScript常用函数 18.6JavaScript对象 18.6.1对象基础知识 18.6.2JavaScript常用对象和方法 18.7JavaScript事件 18.7.1JavaScript常用事件 18.7.2事件处理程序 18.8JavaScript窗口对象 18.8.1窗口对象 18.8.2窗口对象的事件驱动 18.8.3窗口对象中的属性 18.8.4窗口对象的方法 18.8.5JavaScript窗口对象的应用 18.9JavaScript框架对象 第19章行为操作 19.1行为介绍 19.1.1行为简介 19.1.2行为事件 19.1.3行为的使用 19.2调用JavaScript 19.3URL转移 19.4交换图像 19.5打开浏览器窗口 19.6显示隐藏元素 19.7播放声音 19.8改变属性 19.9弹出信息 19.10跳转菜单 19.11拖动AP元素 第20章谈一谈设计师这个行业 20.1网页设计师这一行业 20.2从合格到优秀其实并不遥远 20.3企业需要什么样的人才 20.4设计师们的三块大蛋糕 20.5从设计师的担心谈出路 第21章从面试中谈设计 21.1面试 21.1.1面试前的准备 21.1.2常见的面试错误 21.2面试中最大的问题 21.2.1网页设计师要抓住设计的灵魂 21.2.2需要牢记的原则 21.2.3考官的问题——网页设计理念 21.2.4考官的问题——网页设计的误区 21.3在面试中所得——什么才是好的网页设计 21.4配色的问题 21.5不得不说的标题 21.6面试问题——网页设计布局 21.7网页设计必须注意的26个问题 21.8探索无止境，学习无归期 第22章从项目中谈模块 22.1一个项目引发的问题 22.2JavaScript特效的应用 22.3文字处理 22.3.1实例概述 22.3.2定义文本颜色 22.3.3指定文本内容 22.3.4文本增亮处理 22.3.5文本减亮处理 22.3.6定义变换频率 22.4时间处理 XIIHTML5+CSS+JavaScript深入学习实录 22.5图像处理 22.5.1实例概述 22.5.2设置图像属性 22.5.3亮度增加处理 22.5.4亮度减小处理 22.6背景处理 22.7鼠标光标处理 22.7.1实例概述 22.7.2指定跟随文本 22.7.3文本效果处理 22.7.4页面显示 22.8菜单处理 22.8.1实例概述 22.8.2设置菜单元素内容 22.8.3设置滚动区域属性 第23章为Android手机设计网页 23.1搭建开发环境 23.1.1搭建Android开发环境 23.1.2搭建网页运行环境 23.2先看一段代码 23.2.1实现主页 23.2.2编写CSS文件 23.2.3实现页面自动缩放 23.3添加Android的CSS 23.3.1编写基本的样式 23.3.2添加视觉效果 23.4添加JavaScript 23.4.1jQuery框架介绍 23.4.2具体实践 23.5使用Ajax 23.5.1编写HTML文件 23.5.2编写JavaScript文件 23.5.3最后的修饰 23.6让网页动起来 23.6.1一个开源框架——JQTouch 23.6.2一个简单应用 第24章SEO优化 24.1SEO基础 24.2搜索引擎 24.2.1搜索引擎的工作 24.2.2搜索引擎之间的差异 24.3非常重要的关键词 24.3.1优化正确的关键词 24.3.2关键词密度 24.3.3特殊的关键词 24.3.4利用相关性提高网站关键词排名 24.3.5挖掘准确的长尾关键词 24.4链接 24.4.1内向链接和外向链接 24.4.2锚文本 24.5做好数据分析 24.6网站排名算法总结 24.7几个有效的SEO排名策略 第25章个人博客网站 25.1网站规划 25.1.1站点需求分析 25.1.2预期效果分析 25.1.3站点结构规划 25.2切图分析 25.3制作站点首页 25.3.1实现流程分析 25.3.2制作顶部导航 25.3.3设计中间内容部分 25.3.4制作底部版权部分 25.4制作日志页面 25.4.1实现流程分析 25.4.2日志内容实现 25.5制作日志详情页面 25.5.1实现流程分析 25.5.2页面具体实现

序言

自从互联网技术诞生以来，便孕育出了海量级数量的Web站点，并且现在每年依旧以几何级的速度递增。在这种强大的市场需求的背景下，网页设计师便成了很热门的工作职位，“高薪、热门、有前景”是权威部门对网页设计师这一行业的客观评价。这是一本讲解HTML、CSS、JavaScript核心内容和具体用法的书，可作为网页制作初学者的入门教程，同时也可为网站建设的专业人士提供一些参考。本书以“讲清语法、学以致用”为指导思想，不仅仅将笔墨局限于语法讲解上，而且还通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑，每个语法都有相应的实例，实例教学始终是本书的核心思想。为了方便广大读者学习，本人花费了半年时间写作这本书。本书全面地介绍了网站制作的基础技术，并以对应的实例介绍了各种技术的实现方法。本书力求让读者迅速掌握网页设计技术的根本，使读者能够建设出基本的Web站点。 本书的内容 本书总共分为25章，循序渐进、由浅入深地详细讲解了HTML+CSS+JavaScript技术的核心内容，并通过具体实例的实现过程演练了各个知识点的具体用法。首先，详细讲解了HTML标记语言的核心内容，主要包括页面标记、文字段落、超链接、使用图片、插入列表、使用表格、插入框架、表单、HTML 5等知识点的具体用法；然后，详细讲解了CSS的核心内容，主要包括CSS语法、页面布局、容器、网页元素修饰等知识点的具体用法；接下来，详细讲解了JavaScript的核心内容，主要包括JavaScript基础、行为操作等知识点的具体用法；最后通过一个个人博客系统的实现过程，详细讲解了在网页设计过程中联合应用HTML+CSS+JavaScript技术的过程。全书采用知识性、趣味性相结合的讲解方式，穿插了学习技巧和职场生存法则，讲解了设计师所必须具备的基本素养，并且紧跟时代潮流，讲解了HTML+CSS+JavaScript技术在移动站点中的用法。 全书内容都采用了理论加实践的教学方法，每个实例先提出制作思路及包含知识点，在实例最后补充、总结知识点并出题让读者举一反三。 本书特色 本书内容相当丰富，实例内容覆盖全面。我们的目标是通过一本图书，提供多本图书的价值，读者可以根据自己的需要有选择地阅读。在内容的编写上，本书具有以下特色。 （1）结构合理 从读者的实际需要出发，科学安排知识结构，内容由浅入深，叙述清楚，具有很强的知识性和实用性，几乎讲解了HTML+CSS+JavaScript所有的知识点。全书精心筛选的最具代表性、读者最关心的典型知识点，几乎包括网页设计的各个方面。 （2）易学易懂 本书条理清晰、语言简洁，可帮助读者快速掌握每个知识点；每个部分既相互连贯又自成体系，使读者既可以按照本书编排的章节顺序进行学习，也可以根据自己的需求对某一章节进行有针对性的学习。 （3）实用性强 本书彻底摒弃枯燥的理论和简单的操作，注重实用性和可操作性，详细讲解了各个部分的源码知识，使读者掌握相关操作技能的同时，还能学习到相应的基础知识。 （4）举一反三 书中的每一个实例都专门配备了“举一反三”模块，针对本实例实现了进一步的拓展，使整个内容深度上了一个台阶，使读者了解了与之有关的知识，让读者不知不觉地迈入了高手殿堂。 （5）案例精讲，深入剖析 为使读者步入网页制作的高手之林，在本书的最后详细介绍了一个典型实战实例的实现过程，使读者不但对前面的内容进行了系统的复习，而且能够从实战中轻松掌握各个知识点的综合运用技巧，为读者将来更深层次的学习打下坚实的基础。 （6）实例剖析，Dreamweaver操作 为使读者真正掌握具体的网页制作知识，本书通过对应的实例对各个知识点的使用进行了详细剖析。在实例的具体讲解过程中，完全实现了Dreamweaver操作的处理方法。这样使读者不但掌握了网页制作技术的精髓，而且学会了Dreamweaver工具的使用方法，做到了一举两得。 （7）附带教学资源丰富 本书赠送了丰富的教学资源，既有长时间的实例讲解视频，也有实用的知识点讲解视频，还有丰富的电子书资源；既有国内外经典网站模板，也有赠送的综合大型网站实例。这些附带资源，可以使读者的学习过程更加便捷。 附带光盘说明 （1）daima 保存了本书中所有实例的源码和“举一反三”的源码。 （2）PPT 为读者和教研人员设计了精美的PPT文件，供学习和教学使用。 （3）源码讲解视频 保存了本书中所有实例的讲解视频，讲解详细，便于读者理解学习并掌握。 （4）知识点讲解视频 保存了针对本书知识点的讲解视频，讲解细致而深入，便于读者课余时间学习并掌握相关知识点。 （5）丰富的电子书学习资料 保存了笔者精心挑选的学习资料，包括HTML、CSS和JavaScript、HTML、网页设计、Dreamweaver等学习资料。这些赠送的资料以免费电子书的形式体验，可以直接复制到自己的智能手机设备中，这样便可以在业余时间阅读学习。 （6）赠送的综合实例 免费赠送了5个大型综合实例，帮助读者深入本书内容，学习在大型项目中如何运用本书的知识。 读者对象 初学网页设计的自学者 大中专院校的老师和学生 从事Web开发的程序员 编程爱好者 网页设计爱好者 相关培训机构的老师和学员 网页设计师 售后服务 为了确保读者朋友们尽可能完善地阅读本书，本书写作团队特意成立了售后技术支持网站www.topchuban.com，读者如果在阅读本书过程中有任何疑问，可以到此网站交流并向本书的作者提问。 致谢 参与本书编写工作的有陈德春、管西京、李冬艳、代林峰、黄河、曹臻、白桦、伍杰、刘英田、刘继虎、王玉芹、程星、朱万林、杨阳、徐亮等。在编写本书过程中，得到了电子工业出版社工作人员的大力支持，正是各位编辑的求实、耐心和效率才能使本书快速出版。另外也十分感谢我的家人，在我写作的时候给予了我巨大的支持。但是毕竟水平有限，纰漏和不尽人意之处在所难免，诚请读者提出意见或建议，以便修订并使之更加完善。 编 者 2013年6月