英语原文共 23 页，剩余内容已隐藏，支付完成后下载完整资料
附录A 译文
什么是JavaScript？
如果你在本书中读到这里，你不用怀疑的已经知道，JavaScript是为了我们的网站增加互动性和定制行为的编程语言。它是一种客户端脚本语言，这意味着它在用户的机器上运行，而不是像其他网络编程语言，如PHP和Ruby那样在服务器上运行。这意味着JavaScript(以及我们使用它的方式)依赖于浏览器的能力和设置。它甚至可能根本不能使用，不是因为用户选择了关闭它，就是因为设备不支持它，好的开发者会牢记这一点并为此计划。JavaScript也被称为动态和松散类型的编程语言。不要太担心这种描述，我之后会解释这一切的意义。
首先，我想证明，JavaScript有点被误解了。
它不是什么
一开始，这个名字就很让人困惑。尽管它的名字，JavaScript与Java没有任何关系。它是由Brendan Eich于1995年在网景公司创建的，最初被命名为“LiveScript'。但是，在那个时候，Java已经风靡一时，所以为了营销的需要，'LiveScript '变成了'JavaScript'。或者，如果你想在谈论JavaScript时听起来尽可能的酷，那就直接叫“JS '吧。
JS也有一些坏名声。有一段时间，它是各种不道德的互联网诡计的代名词-不受欢迎的重定向、令人讨厌的弹出窗口和一系列模糊的'安全漏洞'，只是其中的几个例子。
曾经有一段时间，JavaScript允许信誉较差的开发者做所有这些事情（甚至更糟)，但现代浏览器在很大程度上已经抓住了JavaScript开发的黑暗面，并将其锁定。不过，我们不应该因为这个时代而责怪JavaScript本身。正如那句不太老的陈词滥调所言：'巨大的力量伴随着巨大的责任'。JavaScript一直允许开发者对页面的渲染方式和我们的浏览器的行为进行大量的控制，而我们应该以负责任的方式使用这种控制。
它是什么
现在我们知道什么是JavaScript了:它与Java无关，也不是一个潜伏在你的浏览器中的长着胡子的反派角色，它扭动着双手，等待着提醒你“你所在地区的热门单身人士'。让我们更多地讨论一下什么是JavaScript。
JavaScript是一种轻量级的、但却非常强大的脚本语言。我们最常通过浏览器接触到它，但JavaScript已经潜入了从本地应用程序到PDF到电子书的所有内容。甚至网络服务器本身也可以由JavaScript驱动。
作为一种动态编程语言，JavaScript不需要通过任何形式的编译器来运行，编译器会将我们的人类可读代码解释为浏览器可以理解的东西。浏览器有效地读取代码，就像我们做的一样，并在动态的解释它。
JavaScript也是松散型的。这意味着我们不一定要告诉JavaScript一个变量是什么。如果我们要将一个变量设置为一个值，我们不必以编程方式将该变量指定为一个数字。正如你可能已经注意到的，5已经是一个数字了，而且JavaScript也是这样识别它的。
现在，你不需要记住这些术语就可以写JS，注意-说实话，我没有。即使是现在，当我读到这些术语时，我的眼睛也有点发亮。这只是为了向你介绍一些你在学习JavaScript时经常听到的术语，随着你的学习，它们会开始变得越来越有意义。这也是为了给你的下一次鸡尾酒会提供谈话的素材'哦，是我?好，我最近真的很喜欢松散类型的动态脚本语言。'人们只会对你默默地点头，我想这意味着你在谈话方面做得更好。我不经常去参加鸡尾酒会。
JavaScript能做什么
最常见的是，我们会遇到JavaScript，它是为页面添加互动性的一种方式。页面的“结构“层是我们的标记，页面的“表现“层是由CSS构成的，第三'行为“层是由我们的JavaScript构成的。网页上的所有元素、属性和文本都可以由脚本使用DOM(文档对象模型）来访问，我们将在第20章中讨论这个问题。我们还可以编写对用户输入做出反应的脚本，改变页面的内容、CSS样式或浏览器的实时行为。
如果你曾经试图注册一个网站，输入一个用户名，并立即收到反馈说你输入的用户名已经被别人使用了，那么你可能已经看到了这种情况。文本输入周围的红色边框和“对不起，这个用户名已经被使用了'的出现。
消息是JavaScript改变页面内容的示例，而阻止表单提交是JavaScript改变浏览器默认行为的示例。
简而言之，JavaScript允许你创建高度响应的界面，改善用户体验并提供动态功能，而无需等待服务器加载新页面。例如，我们可以使用JavaScript来做以下任何事情：
- 在用户输入时，建议他在搜索框中输入完整的术语。你可以在Google.com上看到这点。
- 从服务器上请求内容和信息，并根据需要将其注入当前文档，而不需要重新加载整个页面—这通常被称为'Ajax'。
- 根据用户点击链接或标题来显示和隐藏内容，以创建一个“可折叠”的内容区。
- 测试浏览器的个别特征和能力。例如，可以测试是否存在“触摸事件'，表明用户正在通过移动设备的浏览器与页面进行交互，并添加更便于触摸的样式和交互方法。
- 填补浏览器内置功能的不足，或将新浏览器的一些功能添加到旧浏览器中。这类脚本通常被称为垫片或填充物。在用户点击图片的缩略图后，在一个自定义风格的“灯箱“中加载图片或内容--使用CSS隔离在页面上。
网页是如何工作的
了解在互联网上传递你设计的作品的系统的结构和功能，你会从中受益。本课的重点是了解互联网和万维网的结构和功能。了解这些系统将帮助你更有效地完成你的网页设计项目。现在你将快速了解网站是如何被托管的，以及你创建的网页是如何在世界各地的访问者的电脑屏幕和移动设备上出现的。
域名和主机
域名帮助用户在互联网上找到他们的方式。你已经知道了域名，因为它们通常由前面的www和后面的.com组成。域名还可以包括各种结尾如.org、.edu和.gov。域名的存在是因为你使用或记住IP地址不是很方便。域名服务器(DNS)将易于理解的域名翻译成IP地址。DNS将—串熟悉的字母，即“域名'，转换为编号的IP地址。与其在网络浏览器中输入IP地址72.32.147.166，你可以输入域名，如www.digitalclassroombooks.com。互联网上的DNS将你请求的域名转换为适当的IP地址，将你的请求路由到适当的网络服务器。
网络服务器是一台很像台式电脑的计算机。它通常运行微软视窗网络服务器的一个版本或UNIX，但它可能有额外的处理能力和冗余系统，以同时处理来自成千上万用户的流量。网络服务器保持与互联网的持续连接，因此你的网站—天24小时都可以使用。
因为大多数公司都希望他们的网络服务器能够全天可用，所以它们通常由网络托管公司维护。这些公司负责维护你的网络服务器，使其始终可以访问和运行。如果你经营一个小型网站，他们可能会把你的网站放在一个与其他网站共享的服务器上。对于要求较高的网站，或有敏感信息的网站，企业将支付更高的费用购买专用服务器。即使是大公司也经常会求助于托管企业来维护他们的网络服务器，尽管有些公司可能会选择将他们的网络服务器放在自己的公司内。
网络的语言
超文本标记语言（Hypertext Markup Language)，或称HTML，使用标签来包围纯文本。这些标签描述了文本应该如何出现以及文本的功能。网络浏览器查看这些标签并相应地显示它们。
—个简单的HTML文本的例子是：
lt;pgt;Do you want to have lunch？lt;/pgt;
将要显示的文本' Do you want to have lunch？“这段文字被两个标签包裹着，表明它是一个段落。第一个标签是开头标签lt;pgt;，第二个是结尾标签lt;/pgt;。这些标签一般不在浏览器中显示，浏览器从网络服务器中读取文本，并将文本格式化为段落，显示在浏览者的屏幕上。
HTML还允许设计者创建超链接。超链接是文本、图像、按钮或页面的其他部分的区域，浏览者可以点击来导航到其他内容。点击一个链接可以打开一个新的网页、网站、文档、视频或动画。
网络和网络标准的演变
HTML是由网络浏览器解释的，如Internet Explorer、Firefox、Safari和Chrome。网页设计者已经发现，同样的HTML代码在不同的网页浏览器上可能会有不同的显示。由于网络浏览器对HTML代码的解释各不相同，你需要在设计考虑中去考虑到浏览器测试，这一点我们将在第10课详细介绍。
在网络发展的早期，一些浏览器开发者创造了专有的HTML标签。他们创造了只有他们的浏览器才支持的标签，因为他们希望这些独特的功能可以吸引更多的用户。
很快，设计师们发现他们对于所有的浏览器不能依靠相同的HTML代码。设计师们在网页上添加了'hacks'，即额外的代码，以确保设计能在不同的浏览器上运行。一些设计师甚至创造了两个版本的网站，并根据浏览者使用的浏览器来显示适当的版本。其他设计者会在他们的网站上添加标识，让浏览者知道该网站在特定的浏览器上表现最佳。时至今日，你仍然可以看到一些网站有这样的提示:'本网站针对Internet Explorer或其他浏览器进行了优化'。
设计师、企业和开发浏览器的公司最终发现，不一致性和只适用于他们的浏览器的专有标签损害了用户体验，对网络的活力和发展有害。各个浏览器制造商已经开始认识到一致性的重要性，大多数都在与万维网联盟(W3C）和独立测试机构合作，验证他们的浏览器是否符合公认的标准。浏览器开发商现在促进他们对标准的遵守和显示基于标准的页面的速度。
现在你已经了解了网络背后的一些历史和概念，你将开始研究支持web页面的一些HTML代码。
分离结构、风格和互动性
现代网站通常由以下页面组成：页面结构和内容使用HTML或XHTML，样式使用层叠样式表（CSS），交互使用JavaScript、Flash或Silverlight。在这个练习中，你将看到三个源代码的例子。每个页面都有相同的内容，但有不同的外观和功能。如果你还没有这样做，请确保将本书的课程文件夹复制到你的本地系统。
- 打开你的网络浏览器--不管是Internet Explorer、Firefox、Chrome、Safari，还是其他浏览器，都没关系。选择“文件'gt;'打开'，浏览到web02lessons文件夹，选择plain.html文件，然后点击“打开'。该页面会加载到你的浏览器中。
该页面显示在你的浏览器中。HTML定义了这个页面的结构，并包含诸如文本和图像等内容。
- 在你的网络浏览器中，选择“文件'gt;'打开'，浏览到位于web02lessons文件夹中的plain_with_styles.html文件，并点击'打开'。你的浏览器会显示一个格式化程度更高的网页。它包括一个两栏式的布局，以及页面的背景颜色。这个页面上的内容与之前的文档相同;但是，样式是由层叠样式表或CSS中的一些样式规则提供的。
- 在你的网络浏览器中，选择文件gt;打开，浏览到位于web02lessons文件夹中的plain_with_styles _js.html文件，然后点击打开。这个页面包括一个可折叠的面板，你可以通过点击标题来展开内容部分来激活它。JavaScript通过注册鼠标点击来触发面板的展开或折叠，使这种交互性成为可能。
正如你所看到的，同样的HTML内容可以用CSS来增强和修改，也可以通过添加交互性来实现，在这个例子中就是通过使用JavaScript。当你阅读本书时，你会学到不同的方法，让HTML与CSS和交互式元素，甚至是多媒体协同工作，为你创建的网站创建你需要的页面和信息。
网站的设计
设计得最好的网站是那些满足用户的期望，易于使用，并符合发布者的目标--无论是企业、组织还是个人。在开始创建设计时，有几个考虑因素应该始终是你决策过程的一部分。
了解你的受众
银行网站提供—种安全、稳定和专业的感觉。这是你希望从一个会保管你的钱的人那里得到的形象。如果你是一个用户，它还提供了登录你的账户的方便，并有容易访问的链接，以移动到网站提供各种服务的部分。无论用户的年龄或技术水平如何，设计和导航都很容易遵循。
—个针对青少年观众的娱乐网站包括一个更直观的方法，更新的新闻，以及与观众可能使用的社交网站的链接。有关节目和人物的信息被放在前面和中心位置。该网站在保持时尚的同时，还为观众可能寻求的信息提供了便捷的途径。
要知道你的网站的浏览者是没有耐心的
来到你的网站的浏览者是没有耐心的。最近一项关于零售网站的研究发现，如果用户到达一个网站，而页面没有在四秒内加载，他们很可能离开该网站，不再等待页面加载。同一项研究发现，超过三分之一的网上购物者如果在线体验不佳，会立即放弃一个网站。那些说他们会放弃一个网站的人中的大多数表示他们不会再回来。作为一个设计师，你可以通过牢记以下几点来帮助在你的网站上提供一个良好的体验：
·只有在图片为页面增加价值时才使用。
剩余内容已隐藏，支付完成后下载完整资料
资料编号：[603496]，资料为PDF文档或Word文档，PDF文档可免费转换为Word
以上是毕业论文外文翻译，课题毕业论文、任务书、文献综述、开题报告、程序设计、图纸设计等资料可联系客服协助查找。
