作者:张孝祥 页数:288 出版社:empty |
内容简介
本书结合大量应用实例, 详细地讲解了HTML语言、CSS、Java Sri pt语法、DOM对象模型编程、本书主要面向网站开发人员,也适于普通前端网页设计人员阅读。
目录
本书作者自去年在清华大学出版社出版《Java就业培训教程》以来, 收到了来自全国各地的读者来信,广大读者对该书给予了很高的评价,认为该书通俗易懂、实践性强,切切实实让读者学到了东西。该书在一年内实现了4次印刷,在同类图书市场中位居前列。另外,作者还专门在www.t315.org上提供了该书的在线答疑,读者朋友在这里进行了热烈的讨论。这些都让作者倍感振奋,于是,应广大读者的要求,作者历时一年,字斟句酌,几易其稿, 又推出新作《JavaScript网页开发——体验式学习教程》。以外,还有以下特点:本书语言非常通俗,而且运用了比喻、对比等多种手法,本书的例子也都非常浅显、典型、《JavaScript网页开发—体验式学习教程》除了继承了《Java就业培训教程》的风格1.强调用最短的时间和最浅显易懂的例子说明问题。作者致力于让一个从零起步的读者能够在最短的时间内,理解编程的基本思路,所以简洁,目的就是让读者“一看就懂,一学就会”。2.启发和培养读者思考问题和自我解决实际问题的能力。对于编程,学生普遍缺乏的是思路、解决问题的能力以及遇到问题不知道如何下手,而不是缺乏对语法的掌握。但常见的编程类的教材重点放在语法上,学生花大量时间去死记硬背这些繁琐的规则、细节,而对基本的编程思想没有理解掌握,所以很多学生毕业以后,除了记住个别语法以外,对应用编程一无所知。本书力图改变这种状况,着重阐明解决问题的思路,给出解决办法,然后再用语言去实现它,从而真正培养学生用语言工具解决实际问题的能力。3.解决初学者学习中可能碰到的大多数问题,让读者感受到技术学习所带来的快乐。以往教材往往从知识体系结构出发,按部就班,忽视了读者的接受能力,以至于经常出现读不下去、半途而废的情况。本书作者有过多年的培训经验,记录了不少读者经常遇到的问题,这些问题都在本书中有所体现,目的是不留给读者任何学习障碍,让他们学习起来轻松愉快,在学习中感受快乐。限, 本书光盘只能载一部分, 读者可以登录www it 315.org咨询光盘的有关事宜。该网站为了帮助读者尽快掌握本书内容,作者专门录制了本书的教学视频录像,由于篇幅所还提供了本书的在线答疑,作者力求在第一时间解答读者的疑问。最后,欢迎读者朋友经常到www.t315.org来看看。
第1章客户机浏览器
HTML语言基础HTML的背景知识
网站的开发离不开网页, 而网页的核心技术就是HTML语言。尽管在网站开发老手们看来, HTML语言恐怕是众多Web技术中最显得微不足道的部分, 但是, HTML的的确确是精彩的Web世界里必不可少的基石。下面先用一个实验来快速了解什么是网页和HTML语言, 用记事本程序创建一个test txt文本文件, 文件内容如下:= alternate >www.it315.org口编写完上述代码后, 将它存盘并将文件名改为tst htm。然后用IE浏览器打开这个文件,可以看到在浏览器中显示的效果是:字体大小为30个像素,颜色为红色,内容为“www.t315.org”的文本串在不停地水平移动。但放在尖括号对(<>)中的字符序列,如
第1章HTML语言基础
之间存在着不兼容问题,这是怎么回事呢?我们需要从计算机软件开发和运行的原理上来解释和说明这个问题,浏览器是人们开发的应用软件,有多个公司都开发了这种软件,它根据网页文件中的HTML标签, 来决定在它的窗口中绘制(对用户来说就是显示) 什么样的信息,执行什么样的动作。有些浏览器软件的开发人员为了实现一些特殊的效果,让该浏览器可以接受网页中引入的一些特殊标签和标签属性,然后对这些特殊的标签和标签属性作一些特殊的处理,这些特殊的标签和标签属性就成了这个浏览器的“方言”。而另外的浏览器软件并不知道这些特殊的标签和标签属性是什么含义,也就是它并不知道有这些“方言”,所以它就不能对这些特殊的标签和标签属性进行处理,这就导致不同的浏览器打开一个使用了特殊标签和标签属性的网页文件时,会有不兼容的问题。组织和机构根据当时的需求和应用情况, 定义了许多HTML标签, 这些标签就是某一版本的HTML规范。但随着情况的变化, 时间的迁移, 又出现了更多新的需求和应用, 例如,为了解决兼容性和互用性问题, 需要一些组织和机构来制定HTML规范和标准。这些我们以后可能要在网页中嵌入一段电影片断,而不再仅仅是一张图片,这就需要定义一个告诉浏览器播放电影片断的标签。标准化过程必须随着新技术的发展和应用而不断发展。因此, 标准化组织必须不断地在以前的HTML规范的基础上, 定义一些新的标签和新的内容, 这就形成了新版本的HTML规范。Force, Internet工程任务组) 进一步扩展, 并制定出对常用的HTML标签进行了详细说明早期HTML是非常简单的, 被称之为HTML 1.0, 后来由IETF(Internet Engineering Task的HTML规范, 这就是HTML 2.0。IETF最终将负责HTML规范制定的权力移交给了一个比它后成立的、专门制定Web领域技术规范的组织, 这就是W3C(WorldWide WebConsortium, 习惯称之为WWW联盟) , 因为主要的厂商, 如Microsoft和Netscape公司倾向于通过W3C工作。本书编写时的最新HTML规范是HTML 4.01, 这也是HTML规范的最终版本, 不可能再有更新的HTML规范了, HTML将被XHTML所取代。虽然这么说, 人们在相当长的一段时间内, 还得使用HTML, 并且HTML是XHTML的基础, 因此, 学习HTML还是非常有必要的。1.1.3IETF与W3C组织Internet的最大特点是管理上的开放性, 它被每个用户所共同拥有, 没有人和组织对Internet拥有实际的绝对控制权。Internet没有集中的管理机构, 但是为了促进Internet运行所需的标准兼容性, 并确保Internet的持续发展, 先后成立了一些机构和组织, 它们自愿承担Internet的管理职责。细节、特别是要编写Internet网络应用程序的人来说, 是很有必要的。目前主要由两个组织了解这些Internet组织及它们所制定的标准化文档, 对于一个要掌握Internet网络应用负责制定Web网站管理和开发相关的规范, 这两个组织是IETF和W3C, 它们的主要职责是制定Internet网络连接和应用的协议标准, 下面分别对这两个组织和它们所制定的相关文档进行介绍。JavaScript网页开发—体验式学习教程IETF是由网络设计人员、操作员、厂商、专家组成的民间组织, 主要负责有关Internet的各种技术标准及接口规范的制定,其网址为http:/www.ietf.org。参加IETF会议的人员都是个人代表, 他们不代表任何组织、公司、学校、政府部门等。IETF主要负责8个功能领域的规范和标准的制定, 它们分别是:应用、Internet、网络管理、运行要求、路由、安全、传输与用户服务, 每个领域都设有多个工作小组来开展相关工作。IETF以RFC(Requests forComments, 请求注解文档) 定名所发布的各类标准与协议, RFC实际上就是Internet有关服务的一些技术标准文档, 是用于发布Internet标准和Internet其他正式出版物的一种网络文件或工作报告。RFC的名字来源是历史原因造成的, 现在看来, 它的名字和实际上的内容并不一致。RFC文档虽然是民间机构而不是官方制定的, 但大多RFC都已成为业界的事实标准。RFC产生的过程是一种从下往上的过程, 而不是从上往下的过程。它不是一个由主席,或者由工作组负责人下令做出来的,而是由下面的任何人自发地提出,然后在工作组里进行讨论,讨论了以后再交给有关组织进行审查通过后形成的。任何一个用户都可以对Internet某一领域的问题提出自己的解决方案或规范, 作为Internet草案(Internet Dr affs,ID) 提交给Internet工程任务组(IETF) , 草案存放在美国、欧洲和亚太地区的工作文件站点上, 供来自世界上多个国家的、自愿参加的IETF成员进行讨论、测试和审查。如果一个Internet草案被IESG确定为Internet的正式工作文件, 则被提交给Internet体系架构委员会(IAB) , 并形成具有顺序编号的RFC文档, 由Internet协会(ISOC) 通过Internet向全世界颁布。TCP/IP协议的一系列标准都是通过这种方式以RFC文档格式公布的。RFC文档必须被分配RFC编号后才能在网络上发布, 例如, RFC 2616是HTTP/1.1协议规范的文档, RFC 1521是MIME格式规范的文档。最初的RFC一直保留而从来不会被更新, 如果修改了该文档,则该文档必须以一个新号码公布,用户可以通过遍布全世界的数个联机站点获得RFC文档。W3C于1994年成立, 是与Web有关的企业机构成立的业界同盟, 该组织是国际性的,在世界各地的许多研究机构中都设有办事处,其网址为http:/www.w3c.org。W3C目前的成员仅限于团体或组织,只要交纳一定的费用,并签署一份保证遵守规则的成员协议,任何公司均可加入。W3C对Web的标准握有生杀大权, 负责研究、审定、发布、管理有关Web的标准, 例如, HTML、CSS等。该组织致力于开发促进Web发展和确保其互操作性的基础性协议, 引导进一步发掘Web的潜能, 它还开发体现和推动标准的参考代码, 以及各类展示新技术应用的源程序范例。W3C不从事网络传输协议规范的制定,它将重点放在人们从Web上所看到的东西, 例如, 字体、图形和3D动画等。实际上, W3C不具备强制执行能力,它的标准仅是建议,不具备任何法律效力,人们不必非得遵照执行。但是,如果电源插座厂家不按业界公认的标准来生产,其他电器产品就无法插接到这个厂家生产的插座上,这样的插座肯定卖不出去。显然,一个厂商不按公认的标准来制作相关产品,是没有出路的,所以,相关厂商都非常愿意与W3C合作,大多数加入W3C的成员都是为了在决定协议的未来内容时发表自己的意见,以便在标准制定过程中处于有利地位。IT领域内的一些大公司, 例如, HewlettPackard、Netscape、Sun Microsystems、Microsoft等都是W3C的成员。
第1章HTML语言基础
当W3C工作组对即将准备制定的某个规范的初期成果感到相当满意时,他们就会在W3C的Web站点上以一份工作草案的形式发表供公众查阅。在对最初的反应进行评估之后, 该工作组就将此草案作为所提出的建议发表在Web站点上, W3C咨询委员会有一个月的时间投票决定它是否应成为一项实际建议。其实, 读者从众多书籍上看到的各种Internet网络应用的规范, 都是来源于IETF和W3C所发布的文档,本书中的很多内容也是如此。因为计算机技术的发展日新月异,人们完全可能在6个月的时间内以公布、开发、运用、批评以及放弃一种技术,对于一些具有时效性的标准规范,读者不能完全相信参考书,应该查看这两个组织所提供的最新相关文档。读者可以直接到W3C和IETF的网站上查找相关资料, 但笔者最不爱记忆一些具体的事务, 而喜欢记住一些解决问题的途径。例如, 如果要查找HTML规范的最新资料, 可去www.google.com网站上搜索“htmlw3c”关键字。同样, 如果要了解HTTP协议的详细信息,可去www.google.com网站上去搜索“httprfc”关键字,很快就可以知道所要查看的文档资料在Internet上的位置, 而且不用担心万一位置有变动的情况。一个网页文件中的标签有一定的组成结构,不能随意颠倒和错乱这种关系,下面这段内容说明了一个最基本的网页文件的组成结构。
粗略阅读一下上面这段内容, 将它们保存在一个.html或.htm文件中, 然后用浏览器打开保存的文件并观察显示效果,结合下面的讲解,读者就很容易了解其中各个标签对在一个HTML文档组成结构中的位置及其自身的作用。1.2.1标签用于HTML文档的最前边, 用来标识HTML文档的开始。而标签恰恰相反, 它放在HTML文档的最后边, 用来标识HTML文档的结束, 两个标签必须成对使用, 网页中所有其他的内容都要放在和之间。6Java Seri pt网页开发—体验式学习教程1.2.2
一个网页文档从总体上可分为头和主体两部分。和定义了HTML文档的头部分, 必须是结束标签与起始标签成对使用。在此标签对之间可以使用、
、第1章HTML语言基础
可以自动生成。例如, 在Microsoft Vi ual Studio.NET中, 单击“文件”一“新建”一“文件”菜单后, 从弹出的“新建文件”对话框中单击“HTML页”图标, 如图1.2所示, 就可以创建一个HTML文件。内容。新建文件英别Q:宫N百v usc++口脚本可包客P确代模板(D文本文件IM祥式表L文件面XSLT文件位图文件打开(Q)取图1.2行9图图国国4jx三三Frameset黑X汽L架构田标文件帮助回凶帮助Q0Ch915A二x41x5的HTML页。文件创建完毕后, 将网页文件编辑窗口切换到“HTML”视图, 就看到如图1.3所示的另外,对于每个标签到底有哪些属性,以及与这些属性相关的设置选项,读者也完全不用死记硬背,只要使用各种网页开发工具软件,就可以直接在它们提供的属性窗口中查看和操作。例如, 在Microsoft VisualStudio.NET, 单击“视图”一“属性窗口”菜单, 打开属性窗口, 然后将网页文件编辑窗口切换到“HTML”视图, 用鼠标单击
标签中的任何部位, 属性窗口中就会列出标签的所有属性。对其中的属性进行设置的结果会自动插入到HTML文件中, 如图1.4所示。在HTML中, 许多属性都是颜色类型的, 颜色的取值可以是一个十六进制RGB颜色码。对每个标签都可以按照这样的方式设置它们的属性。作者以后讲到某个标签的属性时,只会挑选一些作者自认为重要的属性进行讲解,不会对所有的属性一一列举。读者在需要8JavaScript网页开发—体验式学习教程时, 请务必记住到Microsoft VisualStudio.NET中的标签属性窗口或帮助文档中去查看, 学会独立解决问题的方法才是最重要的。或HTML语言中给定的颜色常量名。任何颜色都可以由红、绿、蓝3个基本颜色进行调色而成, 红、绿、蓝3个基本颜色所占比例的不同, 调出的颜色也就不同。十六进制RGB颜色码使用一个#号后跟六位十六进制数据,例如#FF0000,最前面两位代表组成该颜色的红色的比例,中间两位代表绿色的比例,最后两位代表蓝色的比例。每个基色的比例取值在0~255之间,对应十六进制的00~FF,也就是该取值在一个字节所表示的数值范围之间。每种颜色的RGB颜色码和HTML的颜色常量名, 读者都没必要记忆, 可以使用Microsoft VisualStudio.NET来帮助设置。只要在属性窗口中, 单击某个属性的属性值网格栏, 如果这个属性的取值是颜色类型的,属性值网格栏中将会显示一个小按钮,这按钮上显示的文本为3个点(...),单击这个按钮,就可以从弹出的颜色对话框中选择想要的颜色,如图1.5所示。
1.2.6文档类型定义(DTD)
各部分的意义和作用如下:(1) HTML指定文档类型的名称。
第1章HTML语言基础...
HTML的背景知识.
1.1.1什么是HTML
1.1.2HTML规范与版本
1.1.3IETF与W3C组织
HTML的全局架构标签.
1.2.1
1.2.2
.1.2.3
1.2.4
..注释与特殊字符
格式标签
使用VisualStudio.NET产生网页文档
文档类型定义(DTD)
HTML文档中的注释
HTML文档中的符号和特殊字符.
文本标签
超链接标签.
1.6.1
.
统一资源定位符(URL)
图像标签
客户端图像地图
思考与实践..
HTML高级部分
表格标签
帧标签
表单标签.
a href= >.
a name= >
HTML selector..
3.3.2class selector..
3.3.3ID selector.
3.3.4关联选择器
3.3.5组合选择器.
3.3.6伪元素选择器.
3.4.1样式表中的注释..
3.4.2样式规则的继承
3.4.3样式规则的优先级.
3.6.1字体.
3.6.2背景
3.6.3文本.
3.6.4位置
3.6.5布局.
3.6.6边缘
3.6.7列表
3.6.8其他.
3.6.9CSS滤镜.
第2章
...
.
.
标签..
标签
...
css的几种设置方式...
3.2.1内联样式表...
3.2.2嵌入样式表
3.2.3外部样式表.
3.2.4输入样式表.
3.3样式规则的选择器.
3.4样式规则的注释与有效范围
2.3.4.
2.3.5
2.3.6
2.3.7.
2.3.8..
2.3.9.
2.3.10.
2.3.11
2.3.12
2.3.13
2.3.14
2.4头元素..
2.5分区标签
2.6思考与实践..
第3章CSS...
3.1什么是CSS(层叠样式表)
用Microsoft VisualStudio.NET产生CSS.
3.5.1产生内联样式表..
3.5.2产生嵌入样式表
3.5.3产生外部样式表
3.5.4连接外部样式表
3.6样式属性详解..
3.7一些建议的学习方法
第4章
4.1
思考与实践.
JavaScript语法..
JavaScript是什么.
4.1.2 JavaScript简介.
4.2JavaScript的基本语法
什么是脚本程序
JavaScript与Java..
JavaScript、JScript与ECMAScript..
脚本代码的位置
JavaScript中的标识符
JavaScript中的保留关键字
JavaScript严格区分大小写
JavaScript程序代码的格式
JavaScript程序的注释
基本数据类型与常量
变量...
算术运算符
赋值运算符
比较运算符
逻辑运算符.
位运算符
if条件选择语句
switch选择语句
while循环语句..
对象与对象实例.
构造方法与this关键字
在函数中修改参数值的问题
Object对象
String对象
Math对象
Date对象.
toString方法
专门用于对象的语句
4.8.1with语句.
4.8.2for…in语句
4.9.1数组列表
4.9.2用对象的方式实现数组
4.9.3Array对象
5.1.1DOM与DHTML介绍
5.1.2如何编写事件处理程序
5.2.1window对象的方法
5.2.2window对象的属性
5.2.3window对象的事件
5.2.4window对象的对象属性.
5.3.1document对象的方法
5.3.2document对象的属性
5.3.3document对象的事件
5.3.4document对象的对象属性
5.3.5