网页设计与制作外文翻译文献Word文档下载推荐.docx

1、1.1 网页设计概述网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。1.2 网页设计的要素网页设计的两大要素是：整体风格和色彩搭配。一、确定网站的整体风格第二章HTML 网页设计技术的应用2.1 HTML 语言介绍HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的

2、主要语言。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。2.1.1 HTML 语言的特点HTML 文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW 盛行的原因之一，HTML 语言的特点如下：1、简易性，HTML 版本升级采用超集方式，从而更加灵活方便。2、可扩展性，HTML 语言的广泛应用带来了加强功能，增加标识符等要求，HTML 采取子类元素的方式，为系统扩展带来保证。3、平台无

3、关性。虽然PC 机大行其道，但使用MAC 等其他机器的大有人在，HTML 可以使用在广泛的平台上，这也是 WWW 盛行的另一个原因。2.1.2 HTML 语言的编辑软件HTML 的本质是文本，需要浏览器的解释，HTML 的编辑器大体可以分为三种：1、基本编辑软件，使用 WINDOWS 自带的记事本或写字版都可以编写，当然，如果你用 WPS 来编写，也可以。不过存盘时请使用.htm 或.html 作为扩展名，这样浏览器就可以解释执行了。2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出 Homepage，且可以学习 HTML，这种类型的软件主要有 HOTDOG，还有国

4、产的软件网页作坊。3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML 的知识就可以做出网页。第二章HTML 网页设计技术的应用2.2.3JavaScript 技术在网页设计中应用一、JavaScript 概述JavaScript 是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用它的目的是与 HTML 超文本标记语言、Java 脚本语言（Java 小程序）一起实现在一个 Web 页面中链接多个对象，与Web 客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的 HTML 语言中实现的。它的出现弥补了 HTML 语

5、言的缺陷，它是 Java 与 HTML 折衷的选择，具有以下几个基本特点：1、是一种脚本编写语言JavaScript 是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript 同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与 C、C+、VB、Delphi 十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与 HTML 标识结合在一起，从而方便用户的使用操作。2、基于对象的语言。JavaScript 是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环

6、境中对象的方法与脚本的相互作用。3、简单性JavaScript 的简单性主要体现在：首先它是一种基于 Java 基本语句和控制流之上的简单而紧凑的设计, 从而对于学习 Java 是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。4、安全性JavaScript 是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。5、动态性的JavaScript 是动态的，它可以直接对用户或客户输入做出响应，无须经过 Web 服务程序。它对用户的反映响应，是采用以事件驱动的方式

7、进行的。所谓事件驱动，就是指在主页（Home Page）中执行了某种操作所产生的动作，就称为“事件” （Event）。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。6、跨平台性JavaScript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持 JavaScript 的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。实际上 JavaScript 最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB 服务器通道，通过自己的电脑即可完成所有的事情。总之， JavaSc

8、ript 是一种新的描述语言， 它可以被箝入到 HTML 的文件之中。 JavaScript 语言可以做到回应使用者的需求事件 （如：form 的输入） ，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 （server）处理，再传回来的过程，而直接可以被客户端 （client） 的应用程式所处理。第三章WEB 页面信息的交互窗体与框架要实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。3.1 窗体基础知识窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变

9、 Web 文档的行为。3.1.1 窗体对象窗体（Form）：它构成了 Web 页面的基本元素。通常一个 Web 页面有一个窗体或几个窗体，使用 Forms数组来实现不同窗体的访问。3.1.2 窗体对象的方法窗体对象的方法只有一个-submit（）方法，该方法主要功用就是实现窗体信息的提交。3.1.3 窗体对象的属性窗 体 对 象 中 的 属 性 主 要 包 括 以 下 ： elements name action target encoding method。 除 Elements 外，其它几个均反映了窗体中标识中相应属性的状态，这通常是单个窗体标识；而 elements 常常是多个窗体元素值

10、的数组。3.1.4 访问窗体对象在 JavaScript 中访问窗体对象可由两种方法实现：（1）通过访问窗体在窗体对象的属性中首先必须指定其窗体名，而后就可以通过下列标识访问窗体如：document.Mytable（）。（2）通过数组来访问窗体除了使用窗体名来访问窗体外，还可以使用窗体对象数组来访问窗体对象。但需要注意一点，因窗体对象是由浏览器环境的提供的，而浏览器环境所提供的数组下标是由0 到n。3.1.5 引用窗体的先决条件在 JavaScript 中要对窗体引用的条件是：必须先在页面中用标识创建窗体，并将定义窗体部分放在引用之前。3.2 窗体中的基本元素窗体中的基本元素由按钮、单选按钮、

11、复选按钮、提交按钮、重置按钮、文本框等组成。在 JavaScript 中要访问这些基本元素，必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。3.3 框架框架 Frames 最主要功用是分割视窗，使每个小视窗能显示不同的 HTM L 文件，不同框架之间可以互动（interact），这就是说不同框架之间可以交换讯息与资料。例如 : 假设您开了两个 frames，第一个 frame 可显示书的目录，第二个 frame 则显示章节的具体内容。框架可以将屏幕分割成不同的区域，每个区域有自己的URL，通过 Frames数组对象来实现不同框架的访问。实际

12、上框架对象本身也一类窗口，它继承了窗口对象的所有特征， 并拥有所有的属性和方法。利用框架的例子具体说明3.4 框架的访问在前面我们介绍过使用 document.forms实现单一窗体中不同元素的访问。而要实现框架中多窗体的不同元素的访问，则必须使用 window 对象中的 Frames 属性。Frames 属性同样也是一个数组，他在父框架集中为每一个子框架设有一项。3.5 本章小结本章主要介绍框架中的基本元素的主要功能和使用，利用 JavaScript 脚本可以非常方便、灵活地实现 Web 页面更为复杂的信息交互，这是 HTML 标识语言所不能具备的。从中可以了解到 JavaScript 是

13、Web 涉及人员的良好工具。原文：Web design and productionSummaryPapers will expand the personal web design and production methods, tools and other research and discussion. Based on the introduction of web design and production of language, the emphasis on using the JavaScript language as a tool for the actual oper

14、ation of web design and production of, respectively, based on the object of the JavaScript language, the use of internal object system and WEB pages of information exchange - windows and frameworks Detailed description of the use of specific examples and verified.1. IntroductionWith the advent of the 21st century, people are more and more important to feel the life and work of the computers role in the increasingly professiona