最新HTML\CSS\JavaScript标准教程

出版时间：2010-6  出版社：中国青年  作者：施教芳//谭海波//薛燕妮  页数：332  
Tag标签：无  

前言

　　近年来随着网络信息技术的广泛应用.互联网正逐步改变着人们的生活方式和工作方式。越来越多的个人、企业纷纷建立自己的网站.利用网站来宣传推广自己。人们的工作、生活和交流方式发生了巨大的改变，网页技术已经成为当代青少年学生必备的知识技能。目前大部分制作网页的方式都是运用可视化的网页编辑软件，这些软件的功能相当强大，操作起来非常方便。但是对于高级的网页制作人员来讲，仍需了解HTML，CSS及、JavaScript等网页设计语言和技术，这样才能充分发挥自己丰富的想象力，更加随心所欲地设计符合标准的网页。本书主要内容本书从初学者的角度出发，展现了网页制作独特的魅力，使技术学习不再枯燥、教条，同时网页制作中融入了很多设计的理念。本书共19章，由以下4篇组成。　　第1篇HTML；本部分由第1章～第7章组成。主要讲述了HTML的基础知识，其中对每章节的属性和方法进行了详细解析，同时还运用了大量实例加以说明。　　第2篇CSS：本部分由第8章～第10章组成。介绍了CSS的基本概念和添加方法、各个语法标记的应用，以及当前网页最流行的CSS+Div布局技术。　　第3篇、JavaScript：本部分由第11章～第15章组成。主要介绍了。JavaScript语法基础、事件、函数、对象，以及利用.JavaScript制作特效网页的多个实例。　　第4篇综合应用：本部分由第16章～第19章组成。讲述了Ajax这种综合技术，以及房地产企业网站、游戏娱乐网站和购物网站等不同类型网站的制作方法。　　本书主要特色·结构完善，编排科学本书从网页制作的实际角度出发，将所有HTML。CSS和、JavaScript元素进行归类，每个标记的语法、属性和参数都有完整详细说明，信息量大.知识结构完善。

内容概要

　　《最新HTML&CSS&JavaScript标准教程》以立体化的编排方式，为广大读者在“教”与“学”之间铺垫出一条更加平坦的道路。理论基础知识：囊括HTML，XHTML，CSS，JavaScript和Ajax等主流技术，涉及企业、游戏、购物及个人等主流网站类型。案例实战演练：每章中间安排多个“代码演练”回顾之前知识点，章末以“综合实训”综合运用全章重点难点。行业应用板块：部分章节搭配“行业链接知识”主题，收录与本章内容相关的行业领域标准、规则、流程和注意事项。配套学习资源：3800幅网页Banner与Logo图片、2100个按钮图标、1500套网页模板、500组经典网站、韩式风格插画素材、实用手册和辞典、范例文件及课件。

书籍目录

HTML篇01 HTML基础知识1.1 什么是HTML1.2 HTML的基本结构1.2.1 HTML文件结构1.2.2 编写HTML文件时的注意事项1.3 HTML文件编写方法1.3.1 使用记事本手工编写HTML页面1.3.2 使用Dreamweaver编写HTML页面1.4 HTML页面主体标签（body）1.4.1 设置网页背景色（bgcolor）1.4.2 设置背景图片（background）1.4.3 设置文本颜色（text）1.4.4 设置链接文本属性（link）1.4.5 设置边距（margin）1.5 综合实训——创建最基本的HTML文件1.6 本章小结1.7 代码练习1.7.1 使用记事本编写HTML代码1.7.2 创建最基本的HTML网页1.8 行业链接知识02 HTML网页中的文字、段落和列表2.1 插入特殊字符2.1.1 空格符号2.1.2 特殊符号2.2 设置文字的属性2.2.1 文字标签（font）2.2.2 代码演练——设置丰富多彩的文本网页2.3 设置段落的格式2.3.1 段落格式标签2.3.2 代码演练——设置文本的段落格式2.4 插入水平线2.4.1 水平线标签（hr）及属性2.4 12代码演练——在网页中插入多彩的水平线2.5 创建无序列表2.5.1 无序列表标签（ul）2.5.2 无序列表的类型（type）2.5.3 定义列表标签（dl）2.5.4 菜单列表标签（menu）2.5.5 目录列表标签.（dir）2.6 创建有序列表2.6.1 有序列表标签（ol）2.6.2 有序列表的类型（type）2.6.3 有序列表的起始数值（start）2.6.4 代码演练——在网页中插入列表2.7 综合实训——设置页面文本及段落2.8 本章小结2.9 代码练习2.9.1 插入丰富多彩的文本2.9.2 使用列表排段落2.10 行业链接知识03 图片及多媒体文件的使用3.1 图像标签及属性3.1.1 图像标签（img）3.1.2 设置图像高度（height）3.1.3 设置图像宽度（width）3.1.4 设置图像边框（border）3.1.5 设置图像水平间距（hspace）3.1.6 设置图像垂直间距（vspace）3.1.7 设置图像相对于文字的对齐方式（aligr1）3.1.8 设置图像替代文字（alt）3.1.9 代码演练——在网页中插入图像3.2 添加背景音乐3.2.1 背景音乐标签（bgsound）3.2.2设置循环播放次数（loop）3.3 多媒体文件标签（embed）3.4 设置滚动效果标签（marquee）3.4.1 （marquee）标签及其属性3.4.2 代码演练——在网页中插入滚动公告3.5 综合实训——创建丰富的图像和多媒体网页3.6 本章小结3.7 代码练习3.7.1 为网页添加图像3.7.2 插入滚动效果3.8 行业链接知识04 HTML超链接和表单4.1 超链接的基本概念4.2 创建基本超链接4.2.1 超链接标签4.2.2 设置目标窗口4.3 创建图像的超链接4.3.1 设置图像超链接4.3.2 设置图像热区链接4.4 创建锚点链接4.4.1 创建锚点4.4.2 代码演练——创建链接到页面不同位置的锚点4.5 插入表单（form）4.5.1 处理程序（action）4.5 12表单名称（name）4.5.3 传送方法（method）4.5.4 编码方式（enctype）4.5.5 目标显示方式（target）4.5.6 代码演练——制作注册表单完整页面4.6 综合实训——插入不同类型的链接4.7 本章小结4.8 代码练习4.8.1 插入表单对象4.8.2 给网页添加链接4.9 行业链接知识05 创建框架结构网页5.1 窗口框架简介.5.2 设置框架集标签（frameset）属性5.2.1 水平分割窗口（rows）5.2.2 垂直分割窗口（cols）5.2.3 嵌套分割窗口5.2.4 设置边框（frameborder）5.2.5 框架的边框宽度（framespacing）5.2.6 框架的边框颜色（bordercolor）5.3 设置框架标签（frame）属性5.3.1 框架页面源文件（src）5.3 12框架名称（name）5.3.3 禁止调整框架窗口尺寸（noresize）5.3.4 框架边框与页面内容的水平边距（marginwidth）5.3.5 框架边框与页面内容的垂直边距（marginheight）5.3.6 设置框架滚动条显示（scrolling）5.3.7 不支持框架标签（noframes）5.3.8 代码演练——创建框架页面5.4 设置框架中的链接5.4.1 代码演练——设置普通框架结构的链接5.4.2 代码演练——设置浮动框架的链接5.5 综合实训——创建上方固定左侧嵌套的框架网页5.6 本章小结5.7 代码练习5.7.1 创建框架网页5.7.2 插入浮动框架06 使用表格6.1 创建并设置表格属性6.1.1 表格基本标签（table）、（tr）和（td）6.1.2 表格宽度和高度（width和height）6.1.3 表格标题（caption）6.1.4 表格表头（th）6.1.5 表格对齐方式（align）6.1.6 表格边框宽度（border）6.1.7 表格边框颜色（bordercolor）6.1.8 单元格间距（cellspacing）6.1.9 表格内文字与边框距离（cellpading）6.1.10 表格背景色（bgcolor）6.1.11 表格背景图像（background）6.1.12 代码演练——创建表格排列数据6.2 调整表格属性6.2.1 表格的行属性（tr）6.2.2 单元格属性（td）6.2.3 代码演练——设置表格属性6.3 表格的结构标签6.3.1 设计表头样式（thead）6.3.2 设计表主体样式（tbody）6.3.3 设计表尾样式（tfoot）6.4 综合实训——使用表格排版网页6.5 本章小结6.6 代码练习6.6.1 插入表格6.6.2 设置表格的属性6.7 行业链接知识07 使用XHTML7.1 XHTML简介7.1.1 什么是×HTML7.1.2 为什么要升级到×HTML7.2 XHTML页面基本结构7.3 XHTML语法规范7.4 代码演练——在Dreamweaver中创建XHTML.网页7.5 综合实训——将现有的HTML网站类型转换成XHTML7.6 本章小结7.7 代码练习7.7.1 在软件中编写XHTML7.7.2 将网页转换成×HTMLCSS篇08 CSS入门基础知识8.1 CSS基础8.1.1 CSS基本概念8.1.2 CSS的优点8.2 在网页中添加CSS8.2.1 添加CSS的优势8.2.2 代码演练——编写CSS8.3 使用CSS8.3.1 CSS的基本语法结构8.3.2 在网页中添加CSS的方法8.3.3 代码演练——以链接外部样式表方式添加CSS8.4.综合实训——给网页添加CSS8.5 本章小结8.6 代码练习8.6.1 设置链接文本的CSS8.6.2 设置背景颜色8.7 行业链接知识09 css样式表语法基础9.1 设置字体属性9.1.1 设置字体（font-family）9.1.2 设置字号（font-size）9.1.3 设置字体风格（font-style）9.1.4 设置加粗字体（font-weight）9.1.5 设置变体属性（font-variant）9.1.6 设置文字修饰（text-decoration）9.1.7 代码演练——设置字体的复合属性9.2 设置段落属性9.2.1 段落属性标签9.2.2 代码演练——设置文本段落的属性9.3 设置背景和颜色属性9.3.1 背景属性9.3.2 代码演练——设置背景复合属性9.4 设置定位属性9.4.1 定位类型（position）9.4.2 元素位置（top，right，bottom和let）9.4.3 清除属性（clear）9.4.4 裁切区域（clip）9.4.5 设置宽度和高度（width和height）9.4.6 溢出（overflow）9.4.7 可见性（visibility）9.5 设置列表属性9.5.1 列表类型（list-style.type）9.5.2 项目符号图像（1ist-style-image）9.5.3 列表位置（list-style-position）9.5.4 列表复合属性（list-style）9.6 设置边框属性9.6.1 边框样式（border-style）9.6.2 边框宽度（border-width）9.6.3 边框颜色（border-color）9.6.4 代码演练——设置边框属性9.7 扩展滤镜属性9.7.1 不透明度（alpha）9.7.2 动感模糊（blur）9.7.3 对颜色进行透明处理（chroma）9.7.4 设置阴影（dropShadow）9.7.5 对象的翻转（flipH和flipV）9.7.6 光晕效果（glow）9.7.7 灰度处理（gray）9.7.8 反相（invert）9.7.9 ×光片效果（Xray）9.7.10 遮罩效果（mask）9.7.11 波形滤镜（wave）9.8 综合实训——利用CSS控制网页中的文本9.9 本章小结9.10 代码练习9.10.1 利用CSS设置文本属性9.10.2 利用CSS创建特效文字9.11 行业链接知识10 CSS+Div布局定位基础10.1 Div标签与Span标签10.1.1 Div概述10.1 1 2Div与Span的区别10.2 盒子模型10.2.1 盒子模型的概念10.2.2 border（边框）10.2.3 padding（填充）10.2.4 margin（边距）.10.3 元素的定位方式10.3.1 float定位10.3.2 position定位10.3.3 z-index空间位置10.4 CSS布局理念10.4.1 将页面用Div分块10.4.2 设计各块的位置10.4.3 用CSS定位10.5 代码演练——常见的布局类型10.5.1 一列固定宽度10.5.2 一列自适应宽度10.5.3 两列固定宽度10.5.4 两列自适应宽度10.5.5 两列右列自适应宽度10.5.6 三列浮动中间自适应宽度10.5 7 三行二列居中自适应高度10.6 综合实训——利用CSS布局网页10.7 本章小结10.8 代码练习10.8.1 两列固定宽度布局网页10.8.2 利用CSS布局网页10.9 行业链接知识JavaScript篇11 JavaScript语法基础11.1 JavaScript背景知识11.1.1.JavaScript的历史11.1 12.lavaScript的特点11.2 JavaScript描述方法11.2.1 （script）标签使用方法11.2.2 外部调用文件11.1 2.3 内嵌HTML标签中11.1 2.4 代码演练——编写第一个JavaScript程序……12 Javascript中的事件13 Javascript中的函数14 使用Javascript中的不同对象15 利用Javascript制作作特效网页实例综合篇16 Ajax技术17 制作房地产企业网站18 制作游戏网站19 制作购物网站

章节摘录

　　21世纪是以数字化、网络化与信息化为特征的新经济时代。房地产业必须积极引入网络化经营观念，科学地制定房地产营销网站的发展规划和功能设计。一是将网站设计与信息功能的实现相匹配，全面考虑信息的广度、深度以及传播效果；二是将网站设计与目标市场的需求相匹配，建立静态型、动态型和智能型网站；三是将网站设计与营销理念的创新相匹配，突出体现网络营销的理论在房地产网站的实践与应用。　　17.1.1 房地产类网站建设目的　　根据不同房地产项目的定位和设计理念，相应的网站在制作时也会有不同的风格和特点，但一定要突出其项目的特点，吸引购买者注意。企业上网绝大多数是为了介绍自己的产品和服务，希望能够通过网络得到订单。本例的房地产网站可以把楼盘的展示作为网站的重点。页面的插图应以体现房地产为主，营造企业形象为辅，尽量将两方面协调到位。房地产网站建设的主要目的如下。　　·提升企业形象：对于房产企业而言，企业的品牌形象至关重要。买房子是许多人一生中的头等大事，需要考虑的方面也较多。因开发商的形象而产生的问题，往往是消费者决定购买与否的主要考虑因素之一。　　·开拓更大国内国际市场：现在通过建立网站，企业形象的宣传不再局限于当地市场，而是全球范围的宣传。企业信息的实时传递，与公众相互沟通的即时性、互动性，弥补了传统手段的单一性和不可预见性。　　·改变营销方式：传统的企业营销采取主动联系客户，如企业有了自己的网站，就可化主动为被动，让潜在的客户，通过网站得到他们要的资料，再通过电子邮件或电话、传真等方式联络，最终促成业务。　　·服务更加周到：利用网站可以提供24小时服务、时刻更新网页内容，以及网上订单等互动方式。

编辑推荐

　　3800幅网页Banner与Logo图片、2100个按钮图标、1500套网页模板、500组经典网站、实用手册和辞典、范例文件及课件。〈br〉精粹16大应用主题+30类行业知识+5600个网页文件+8000余种素材，引用图解方式诠释HTML，XHTML，CSS，JavaScript及Ajax最新技术，聚焦表单、布局与函数等知识点，以及购物、游戏和个人等类型网站。