HTML5+CSS+JavaScript深入学习实录 _生活百科

文章插图
HTML5+CSS+JavaScript深入学习实录【HTML5+CSS+JavaScript深入学习实录】HTML+CSS+JavaScript 是当前主流的网页设计组合，是每一名网页设计师所必须具备并精通的技术。本书将上述三种技术巧妙地结合起来，详细讲解了这三种技术的基本知识和具体用法。
基本介绍书名：HTML5+CSS+JavaScript深入学习实录
又名：丛书名：游刃有余
作者：陈德春
ISBN：978-7-121-21082-2
页数：604
定价：99.00
出版社：电子工业出版社
出版时间：2013年09月
装帧：平装
开本：16
内容简介HTML 语言是当今网页设计的主流表现语言，CSS 是当今网页设计的通用修饰技术，JavaScript 是当今网页设计的最通用脚本表现技术。HTML+CSS+JavaScript 是当前主流的网页设计组合，是每一名网页设计师所必须具备并精通的技术。本书将上述三种技术巧妙地结合起来，详细讲解了这三种技术的基本知识和具体用法。本书共分为25 章，循序渐进、由浅入深地详细讲解了HTML+CSS+JavaScript技术的核心内容，并通过具体实例的实现过程演练了各个知识点的具体用法。首先，详细讲解了HTML标记语言的核心内容，主要包括页面标记、文栏位落、超连结、使用图片、插入列表、使用表格、插入框架、表单、HTML 5等知识点的具体用法；然后，详细讲解了CSS 的核心内容，主要包括CSS 语法、页面布局、容器、网页元素修饰等知识点的具体用法；接下来，详细讲解了JavaScript的核心内容，主要包括JavaScript基础、行为操作等知识点的具体用法；最后通过一个个人部落格系统的实现过程，详细讲解了在网页设计过程中联合套用HTML+CSS+JavaScript 技术的过程。全书採用知识性、趣味性相结合的讲解方式，穿插了学习技巧和职场生存法则，介绍了设计师所必须具备的基本素养，并且紧跟时代潮流，讲解了HTML+CSS+JavaScript 技术在移动站点中的用法。本书不但适合于网页设计的初学者，对于有一定网页设计经验的读者来说，本书也具有很大的参考价值。书本目录第1章　设计的灵魂源于灵感11.1 成为一名出色的网页设计师11.2 认识网页和网站 21.2.1 网页 21.2.2 网站 31.3 製作网页和网站的那些事 41.3.1 网站製作流程 41.3.2 网页设计流程 51.3.3 发布站点 51.4 Web标準布局介绍51.4.1 看当前的Web开发标61.4.2 为什幺使用Web标準61.4.3 CSS布局标準71.5 网页製作工具面面观 81.5.1 几种可视化工具81.5.2 安装Dreamweaver 101.6 谈HTML和JavaScript的必要性 131.7 灵感是设计师的设计之源 13第2章　网页设计三剑客152.1 三剑客之——体现身材的HTML152.1.1 HTML概述152.1.2 HTML的特点162.1.3 看HTML的身材如何162.2 三剑客之——会化妆的CSS162.2.1 CSS概述172.2.2 CSS的特点172.2.3 CSS的好处182.3 三剑客之——JavaScript是美的升华 182.3.1 JavaScript概述 182.3.2 JavaScript基本概念 182.3.3 JavaScript的作用192.4 一个典型页面档案实例20第3章　网页的记号233.1 为网页设计髮型——设定网页头部元素 233.1.1 设定文档类型 233.1.2 设定编码类型 263.1.3 设定页面标题 283.2 其他头部元素303.2.1 命名空间 303.2.2 meta标记 313.2.3 关键字313.2.4 网页描述 313.3 设定页面正文343.4 注释是一种说明 36第4章　你不一定了解的文字和段落404.1 标题文字404.2 文本文字424.2.1 文本文字标记<font>434.2.2 字型设定 444.3 段落标记464.4 换行标记484.5 插入水平线 484.6 特殊符号处理51第5章　看超连结的跳跃565.1 连结概述565.1.1 锚链 565.1.2 URL引用575.2 建立内部连结575.3 建立外部连结605.4 使用Telnet连结 635.5 创建E-mail连结 645.6 创建FTP连结665.7 其他形式的连结 685.7.1 新闻组连结695.7.2 WAIS连结 69第6章　图片是修饰网页的最佳途径716.1 常用的图片格式介绍 716.1.1 GIF格式716.1.2 JPEG格式 726.2 设定背景图片736.3 插入图片756.3.1 图片的基本处理766.3.2 图片布局处理 776.4 设定图片连结80第7章　你不一定了解的列表827.1 无序列表827.2 有序列表847.3 更加紧凑的选单列表 877.4 定义列表标记897.5 列表的嵌套使用 91第8章　表格没那幺简单948.1 创建一个表格948.2 表格标题978.3 跨行和跨列 998.3.1 实现跨列处理 1008.3.2 实现跨行处理 1028.3.3 实现同时跨行、跨列处理1058.4 设定表格页眉1078.5 设定表格背景图像1098.6 对齐处理1108.6.1 表格的整体对齐1108.6.2 对齐表格中的内元素1128.7 设定单元格大小 115第9章　特效和多媒体带来的绚丽1179.1 实现滚动效果1179.2 设定背景音乐1199.2.1 代码指定 119 9.2.2 媒体外挂程式实现 1209.3 插入Flash1229.4 插入Applet 1269.5 ActiveX 控制项129第10章　使用框架13310.1 框架标记介绍13310.2 创建框架13510.3 设定框架大小13910.4 为框架创建连结14210.5 框架嵌套146第11章　看錶单带来的革命性意义 15211.1 表单标记15211.2 使用form标记 15311.3 使用文本域15411.4 使用文本区域15611.5 使用按钮15911.6 使用单选按钮和複选框16111.7 使用列表选单16411.8 使用档案域16711.9 使用图像域16911.10 使用隐藏域17111.11 使用单选组按钮17311.12 表单的综合使用176第12章　div布局处理18812.1 div标记介绍18812.1.1 div的格式18812.1.2 使用div18912.2 插入div标记19012.3 插入AP div 192第13章　HTML 5来了19613.1 HTML 5 是下一代的HTML19613.1.1 发展历程 19613.1.2 HTML 5的吸引力19713.2 新特性之视频处理19713.2.1 video标记19813.2.2 <video>标记的属性19813.3 新特性之音频处理20313.3.1 audio标记20313.3.2 <audio>标记的属性20413.4 新特性之Canvas20813.4.1 <canvas>标记介绍 20813.4.2 HTML DOM Canvas 对象20913.4.3 Canvas实践20913.5 新特性之Web存储21913.5.1 Web存储介绍 21913.5.2 HTML 5中Web存储的意义 22013.5.3 两种存储方法 22013.6 新特性之表单新特性22313.6.1 全新的Input 类型 22313.6.2 全新的表单元素22713.6.3 全新的表单属性229第14章　等了很久的CSS基础 23614.1 CSS语法23614.2 使用选择符23914.2.1 命名机制 23914.2.2 通配选择符24014.2.3 类型选择符24214.2.4 群组选择符24414.2.5 包含选择符24614.2.6 ID选择符24814.2.7 class选择符250 14.2.8 组合选择符25014.3 CSS属性介绍25014.4 CSS编码规範25214.4.1 书写规範 25314.4.2 命名规範 25314.5 颜色介绍25314.5.1 颜色名称定义 25414.5.2 十六进制定义 25514.6 长度单位25714.6.1 绝对长度单位 25714.6.2 相对长度单位 25714.7 百分比值25814.8 URL是地址 26114.8.1 相对路径 26114.8.2 绝对路径 26114.8.3 套用实例 26114.9 CSS的调用 264第15章　先看页面布局26815.1 CSS元素介绍26815.1.1 块元素26815.1.2 内联元素 27115.1.3 可变元素 27215.2 CSS元素定位介绍27215.2.1 元素的定位27215.2.2 定位属性 27715.3 内容控制属性28215.3.1 控制页面内容属性display28215.3.2 是否显示属性visibility28315.3.3 居中显示属性text-align 28615.3.4 边界属性margin28915.4 控制页面背景29115.4.1 页面背景概述 29115.4.2 使用背景颜色 29215.4.3 使用背景图片 29315.4.4 背景颜色和背景图片混用30115.4.5 设定文本样式 30315.4.6 设定连结样式 30515.5 使用浮动属性30715.5.1 浮动属性简介 30715.5.2 固定元素相邻 30715.5.3 两个浮动元素相邻 30915.5.4 多个浮动元素相邻 31015.6 清除浮动属性31115.6.1 清除浮动属性简介 31115.6.2 使用清除浮动属性 31315.7 使用列表属性31515.7.1 列表样式属性list-style-type 31515.7.2 列表位置属性list-style-position 31715.7.3 列表图片属性list-style- image 31815.7.4 列表综合属性list-style 320第16章　将网页打造成一个容器32216.1 盒模型简介32216.1.1 盒模型的内容 32216.1.2 盒模型的背景 32416.2 使用补白属性32416.2.1 补白属性概述 32416.2.2 使用补白属性百分比值 32716.2.3 使用单侧补白属性 32916.3 使用框线属性33116.3.1 框线样式属性 33116.3.2 框线宽度属性 33316.3.3 框线颜色属性 33516.3.4 框线属性的综合使用336 16.3.5 使用表格框线属性 33816.4 使用边界属性34016.4.1 边界属性 34016.4.2 单侧边界属性 34216.4.3 相邻边界属性 34416.5 父子元素之间的距离34916.5.1 子元素边界为034916.5.2 父元素补白为035116.6 嵌套元素使用负边界35316.7 固定元素的大小355第17章　CSS设定和修饰 35817.1 CSS文本设定35817.1.1 文本缩进 35817.1.2 对齐文本 36217.1.3 图文混排对齐处理 36517.1.4 设定行高和间隔36717.1.5 设定文本间隔和空白37217.1.6 实现文本转换 37517.1.7 实现水平和垂直居中37617.2 文本修饰连结38017.2.1 文本修饰 38017.2.2 使用连结属性 38317.2.3 设定滑鼠悬停样式 38917.3 CSS修饰图片39117.3.1 背景图片修饰 39117.3.2 修饰内容图片 39217.4 CSS表单修饰39517.4.1 修饰表单文本域39617.4.2 修饰表单文本区域 39617.4.3 修饰表单按钮 39817.4.4 修饰表单複选框39917.4.5 修饰表单单选按钮 40017.4.6 修饰表单列表 40117.4.7 修饰表单档案域40217.4.8 修饰表单图像域40317.5 修饰页面滚动条40417.6 修饰水平线40617.7 修饰表格40717.7.1 修饰表格边线和背景40717.7.2 设定表格的宽度和高度 40817.7.3 实现表格居中 40917.7.4 设定表格内容高度 412第18章　引入JavaScript41418.1 JavaScript简介 41418.1.1 JavaScript格式41418.1.2 一个典型的JavaScript档案 41418.2 数据类型41618.2.1 数据类型概述 41618.2.2 JavaScript常量41718.2.3 JavaScript变数41718.3 表达式和运算符42018.3.1 JavaScript表达式42018.3.2 JavaScript运算符42018.4 JavaScript循环语句 424 18.4.1 if条件语句42418.4.2 for循环语句42718.4.3 while循环语句42918.4.4 do…while循环语句43018.4.5 break控制43218.4.6 switch循环语句43218.5 JavaScript函式 43218.5.1 函式的构成43318.5.2 JavaScript常用函式43418.6 JavaScript对象 43618.6.1 对象基础知识 43618.6.2 JavaScript常用对象和方法43818.7 JavaScript事件 44118.7.1 JavaScript常用事件44118.7.2 事件处理程式 44318.8 JavaScript视窗对象 44418.8.1 视窗对象 44418.8.2 视窗对象的事件驱动44418.8.3 视窗对象中的属性 44418.8.4 视窗对象的方法44518.8.5 JavaScript视窗对象的套用44518.9 JavaScript框架对象 448第19章　行为操作45119.1 行为介绍45119.1.1 行为简介 45119.1.2 行为事件 45319.1.3 行为的使用45319.2 调用JavaScript 45519.3 URL转移45619.4 交换图像45819.5 打开浏览器视窗46019.6 显示隐藏元素46219.7 播放声音46319.8 改变属性46519.9 弹出信息46719.10 跳转选单46919.11 拖动AP元素472第20章　谈一谈设计师这个行业47420.1 网页设计师这一行业47420.2 从合格到优秀其实并不遥远47520.3 企业需要什幺样的人才47620.4 设计师们的三块大蛋糕47620.5 从设计师的担心谈出路477第21章　从面试中谈设计 47921.1 面试47921.1.1 面试前的準备 47921.1.2 常见的面试错误48021.2 面试中最大的问题48121.2.1 网页设计师要抓住设计的灵魂48121.2.2 需要牢记的原则48121.2.3 考官的问题——网页设计理念48421.2.4 考官的问题——网页设计的误区 484 21.3 在面试中所得——什幺才是好的网页设计48421.4 配色的问题48521.5 不得不说的标题48621.6 面试问题——网页设计布局48721.7 网页设计必须注意的26个问题48821.8 探索无止境，学习无归期491第22章　从项目中谈模组 49322.1 一个项目引发的问题49322.2 JavaScript特效的套用49522.3 文字处理49622.3.1 实例概述 49622.3.2 定义文本颜色 49722.3.3 指定文本内容 49822.3.4 文本增亮处理 49822.3.5 文本减亮处理 49822.3.6 定义变换频率 49922.4 时间处理50222.5 图像处理50622.5.1 实例概述 50722.5.2 设定图像属性 50722.5.3 亮度增加处理 50722.5.4 亮度减小处理 50822.6 背景处理51122.7 滑鼠游标处理51522.7.1 实例概述 51522.7.2 指定跟随文本 51522.7.3 文本效果处理 51522.7.4 页面显示 51622.8 选单处理51822.8.1 实例概述 51822.8.2 设定选单元素内容 51822.8.3 设定滚动区域属性 519第23章　为Android手机设计网页52323.1 搭建开发环境52323.1.1 搭建Android开发环境 52323.1.2 搭建网页运行环境 52523.2 先看一段代码52823.2.1 实现主页 52823.2.2 编写CSS档案 52923.2.3 实现页面自动缩放 53123.3 添加Android的CSS53223.3.1 编写基本的样式53223.3.2 添加视觉效果 53423.4 添加JavaScript 53523.4.1 jQuery框架介绍53523.4.2 具体实践 53623.5 使用Ajax53923.5.1 编写HTML档案53923.5.2 编写JavaScript档案54323.5.3 最后的修饰54423.6 让网页动起来54523.6.1 一个开源框架——JQTouch54623.6.2 一个简单套用 546第24章　SEO最佳化55524.1 SEO基础55524.2 搜寻引擎55624.2.1 搜寻引擎的工作55624.2.2 搜寻引擎之间的差异55724.3 非常重要的关键字55724.3.1 最佳化正确的关键字 557 24.3.2 关键字密度55824.3.3 特殊的关键字 55924.3.4 利用相关性提高网站关键字排名 56024.3.5 挖掘準确的长尾关键字 56224.4 连结56324.4.1 内向连结和外向连结56324.4.2 锚文本56424.5 做好数据分析56524.6 网站排名算法总结56624.7 几个有效的SEO排名策略567第25章　个人部落格网站56925.1 网站规划56925.1.1 站点需求分析 56925.1.2 预期效果分析 57025.1.3 站点结构规划 57125.2 切图分析57125.3 製作站点首页57225.3.1 实现流程分析 57225.3.2 製作顶部导航 57325.3.3 设计中间内容部分 57725.3.4 製作底部着作权部分 58325.4 製作日誌页面58525.4.1 实现流程分析 58525.4.2 日誌内容实现 58525.5 製作日誌详情页面58625.5.1 实现流程分析 58625.5.2 页面具体实现 587媒体评论作者陆川是IBM的一位高级资料库专家，从事资料库技术工作多年，对资料库技术和业界主流的资料库产品及与资料库相关产品都有丰富的经验，尤其擅长informix资料库的开发、移植、部署和複杂的资料库问题解决，参与了国内许很大客户的informix大型项目开发与实施，在客户和同事眼里是受尊敬的informix高手。本书是作者在工作之余积累平时的工作与经验写作而成的，是作者非常宝贵的实际经验的总结与分享，所以我特别向大家推荐本书。刘胜利IBM大中华区数据管理类产品Tivoli系统管理类产品技术总监前言自从网际网路技术诞生以来，便孕育出了海量级数量的Web站点，网页设计师便成了很热门的工作职位，“高薪、热门、有前景”是权威部门对网页设计师这一行业的客观评价。这是一本讲解HTML、CSS、JavaScript核心内容和具体用法的书，可作为网页製作初学者的入门教程，同时也可为网站建设的专业人士提供一些参考。本书以“讲清语法、学以致用”为指导思想，不仅仅将笔墨局限于语法讲解上，而且还通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑，每个语法都有相应的实例，实例教学始终是本书的核心思想。为了方便广大读者学习，本人花费了半年时间写作这本书。本书全面地介绍了网站製作的基础技术，并以对应的实例介绍了各种技术的实现方法。本书力求让读者迅速掌握网页设计技术的根本，使读者能够建设出基本的Web站点。本书特色本书内容相当丰富，实例内容覆盖全面。我们的目标是通过一本图书，提供多本图书的价值，读者可以根据自己的需要有选择地阅读。在内容的编写上，本书具有以下特色。结构合理从读者的实际需要出发，科学安排知识结构，内容由浅入深，叙述清楚，具有很强的知识性和实用性，几乎讲解了HTML+CSS+JavaScript所有的知识点。全书精心筛选的最具代表性、读者最关心的典型知识点，几乎包括网页设计的各个方面。易学易懂本书条理清晰、语言简洁，可帮助读者快速掌握每个知识点；每个部分既相互连贯又自成体系，使读者既可以按照本书编排的章节顺序进行学习，也可以根据自己的需求对某一章节进行有针对性的学习。实用性强本书彻底摒弃枯燥的理论和简单的操作，注重实用性和可操作性，详细讲解了各个部分的源码知识，使读者掌握相关操作技能的同时，还能学习到相应的基础知识。举一反三书中的每一个实例都专门配备了“举一反三”模组，针对本实例实现了进一步的拓展，使整个内容深度上了一个台阶，使读者了解了与之有关的知识，让读者不知不觉地迈入了高手殿堂。案例精讲，深入剖析为使读者步入网页製作的高手之林，在本书的最后详细介绍了一个典型实战实例的实现过程，使读者不但对前面的内容进行了系统的複习，而且能够从实战中轻鬆掌握各个知识点的综合运用技巧，为读者将来更深层次的学习打下坚实的基础。实例剖析，Dreamweaver操作为使读者真正掌握具体的网页製作知识，本书通过对应的实例对各个知识点的使用进行了详细剖析。在实例的具体讲解过程中，完全实现了Dreamweaver操作的处理方法。这样使读者不但掌握了网页製作技术的精髓，而且学会了Dreamweaver工具的使用方法，做到了一举两得。附带教学资源丰富本书赠送了丰富的教学资源，既有长时间的实例讲解视频，也有实用的知识点讲解视频，还有丰富的电子书资源；既有国内外经典网站模板，也有赠送的综合大型网站实例。这些附带资源，可以使读者的学习过程更加便捷。附带光碟说明（1）daima保存了本书中所有实例的源码和“举一反三”的源码。（2）PPT为读者和教研人员设计了精美的PPT档案，供学习和教学使用。（3）源码讲解视频保存了本书中所有实例的讲解视频，讲解详细，便于读者理解学习并掌握。（4）知识点讲解视频保存了针对本书知识点的讲解视频，讲解细緻而深入，便于读者课余时间学习并掌握相关知识点。（5）丰富的电子书学习资料保存了笔者精心挑选的学习资料，包括HTML、CSS和JavaScript、HTML、网页设计、Dreamweaver等学习资料。这些赠送的资料以免费电子书的形式体验，可以直接複製到自己的智慧型手机设备中，这样便可以在业余时间阅读学习。（6）赠送的综合实例免费赠送了5个大型综合实例，帮助读者深入本书内容，学习在大型项目中如何运用本书的知识。读者对象初学网页设计的自学者大中专院校的老师和学生从事Web开发的程式设计师编程爱好者网页设计爱好者相关培训机构的老师和学员网页设计师作者致谢参与本书编写工作的有陈德春、管西京、李冬艳、代林峰、黄河、曹臻、白桦、伍杰、刘英田、刘继虎、王玉芹、程星、朱万林、杨阳、徐亮等。在编写本书过程中，得到了电子工业出版社工作人员的大力支持，正是各位编辑的求实、耐心和效率才能使本书快速出版。另外也十分感谢我的家人，在我写作的时候给予了我巨大的支持。但是毕竟水平有限，纰漏和不尽人意之处在所难免，诚请读者提出意见或建议，以便修订并使之更加完善。