《毕业论文个人网页设计与制作》由会员分享，可在线阅读，更多相关《毕业论文个人网页设计与制作（44页珍藏版）》请在金锄头文库上搜索。
1、1 网页设计语言概述0 毕业设计毕业设计毕业论文（实践）报告毕业论文（实践）报告系系 别别 机电系机电系 专专 业业 计算机网络技术计算机网络技术 年年 级级 学学 制制 三年三年 学学 号号 姓姓 名名 1 网页设计语言概述1题目题目 个人网页设计主主要要内内容容1 网页设计语言概述网页设计语言概述2 基于对象的基于对象的 JavaScript 语言语言3 内部对象系统的使用内部对象系统的使用4 WEB 页面信息的交互页面信息的交互窗体与框架窗体与框架5 结结 论论导导师师评评语语成成 绩绩导导 师师目 录2摘摘 要要本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与
2、制作语言的基础上，着重使用 JavaScript 作为工具语言进行网页设计与制作的实际操作，分别对基于对象的 JavaScript 语言、内部对象系统的使用及WEB 页面信息交互窗口和框架进行详细描述，并利用具体的实例进行验证。本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第二章：网页设计语言概述，本章主要介绍网页设计的语言HTML，以及用于编辑 HTML 语言的软件，为后续工作奠定基础。第三章：基于对象的JavaScript 语言，本章介绍了基于对象的 JavaScript 中常用内部对象属性、方法的使用。第四章：内部对象系统的使用，本章主要介绍使用浏览器的内部对象系统，
3、可实现与 HTML 文档进行交互。第五章：WEB 页面信息的交互窗体与框架，本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。关键词：关键词： 网页制作 网页设计 HTML ASP目 录3目目 录录第一章 绪论 .11.1 网页设计概述.11.2 网页设计的要素.11.3 本论文工作.2第二章 网页设计语言概述 .32.1 HTML 语言介绍 .32.2 常用的 HTML 语言编辑软件.42.3 本章小结.9第三章 基于对象的 JAVASCRIPT 语言 .103.1 对象的基础知识.103.2 常用对象的属性和方法 .133.3 本章小
4、结.18第四章 内部对象系统的使用 .194.1 浏览器对象层次及其主要作用 .194.2 文档对象功能及其作用 .194.3 内部对象系统实例 .214.4 本章小结.23第五章 WEB 页面信息的交互窗体与框架.245.1 窗体基础知识 .245.2 窗体中的基本元素.255.3 窗体对象实例 .295.4 框架.325.5 框架的访问.345.6 本章小结.37第六章 结 论 .38致 谢 .39参考文献 .40第一章 绪论4第一章第一章 绪论绪论随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要
5、，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。1.11.1 网页设计概述网页设计概述网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标” ，也是企业无形资产的组成部分，而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。1.21.2 网页设计的要素网页设计的要素网页设计的两大要素是：整体风格和色彩搭配。一、确定网站的整体风格在这里，我提供给大家一些参考经验：1将你的标志 logo，尽可能的放在每个页面上
6、最突出的位置。2突出你的标准色彩。3总结一句能反映贵站精髓的宣传标语！4相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！二、网页色彩的搭配1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。2用两种色彩。先选定一种色彩，然后选择它的对比色。3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1不要将所有颜色都用到，尽量控制在三至五种色彩以内。2背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出
7、主要文字内容。第二章 网页设计语言概述51.31.3 本论文工作本论文工作本论文主要是对网页设计与制作的语言基础上进行探讨，主要内容如下：第一章：绪论本章主要介绍网页设计的相关知识。第二章：网页设计语言概述本章主要介绍网页设计的语言HTML，以及用于编辑 HTML 语言的软件，为后续工作奠定基础。第三章：基于对象的 JavaScript 语言本章介绍了基于对象的 JavaScript 中常用内部对象属性、方法的使用。第四章：内部对象系统的使用本章主要介绍使用浏览器的内部对象系统，可实现与 HTML 文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提
8、高设计 Web 页面的能力。第五章：WEB 页面信息的交互窗体与框架本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。第六章：总结第二章 网页设计语言概述6第二章第二章 网页设计语言概述网页设计语言概述 2.1 HTMLHTML 语言介绍语言介绍HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部
9、（Head） 、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。2.1.1 HTML 语言的特点HTML 文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是 WWW 盛行的原因之一，HTML 语言的特点如下：1、简易性，HTML 版本升级采用超集方式，从而更加灵活方便。2、可扩展性，HTML 语言的广泛应用带来了加强功能，增加标识符等要求，HTML 采取子类元素的方式，为系统扩展带来保证。3、平台无关性。虽然 PC 机大行其道，但使用 MAC 等其他机器的大有人在，HTML 可以使用在广泛的平台上，这也是 WWW 盛行的另一个原因。2.1
10、.2 HTML 语言的编辑软件HTML 的本质是文本，需要浏览器的解释，HTML 的编辑器大体可以分为三种：1、基本编辑软件，使用 WINDOWS 自带的记事本或写字版都可以编写，当然，如果你用 WPS 来编写，也可以。不过存盘时请使用.htm 或.html 作为扩展名，这样浏览器就可以解释执行了。2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出 Homepage，且可以学习 HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂 HTML 的知识就可以做出网页，这类软件主要有Frontpage
11、，DREAMWEAVER、Delphi、Eclipse、UltraEdit。一个 HTML 文件由一个 HTML 元素组成，即文件以开始。以第二章 网页设计语言概述7结束，文档中其他元素及其属性的声明都是 HTML 的元素体。 HTML 元素的元素体和元素体由两大部分组成，即头元素和体元素。头元素和体元素的元素体又由其他元素、文本和注释等组成。 一个标准的 HTML 文件应该具备如下结构： 标记一个 HTML 文件的开始 HTML 文件的文件头部分开始 文件头部分内容 HTML 文件的文件头部分结束 HTML 文件的文件体部分开始文件体HTML 文件的文件部分结束标记该 HTML 文件结束有些
12、元素只能出现在头元素中，如 meta、title 等元素，而大多数的元素只能出现在体元素中。在头元素中的元素表示的是该 HTML 文件的一般信息，比如该文件的标题、来源、作者、版本、字符集和关键字等，这些元素与书写的顺序无关，它们只是表明该 HTML 文件的属性值。但出现在元素体中的元素则是要注意书写顺序的，改变了它们的书写顺序就会改变 HTML 文件在浏览器上输出的形式。2.2 常用的常用的 HTMLHTML 语言编辑软件语言编辑软件2.2.1 Dreamweaver Dreamweaver 是美国 Adobe(原 Macromedia，2005 年被 Adobe 收购)公司开发的集网页制作
13、和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG 编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持 Javascript,PHP,ASP,JSP 等多种脚本语言。最新版本为 CS4，发布于 2008 年 9 月。2.2.2 ASPASP 技术是 Microsoft 公司开发的一套全新的服务器端脚本程序环境。它可以根据客户端的不同请求，在服务器端经过相应的 ASP 程序处理生成不同的静第二章 网页设计语言概述8
14、态 HTML 页面并穿回给浏览器。ASP 自身有很多优点，这些优点使它成为了当今世界网络上应用最多的脚本设计环境。1、什么是 ASPASP 的全称是 Active Server Pages,中文名称叫做动态服务器网页，其功能在于可以使用它来开发运行在 Windows 服务器平台上的动态网页和网页。尽管我们常把“ASP 脚本”挂在嘴边，但 ASP 既不是一种编程语言，也不是开发工具软件，同样也不是一种应用程序，它实际上是一种开发动态网页的技术。2、ASP 的脚本语言ASP 的脚本语言可以是 VBScript 或者 Jscript，也可以是两者的结合，所以任何一种文本编辑器都能编辑 ASP 脚本，
15、当然不同的编辑器开发调试效率是不一样的。和通常的 VBScript 和 Jscript 应用程序不同，ASP 所有的程序都是在服务器端运行的，而不是在浏览器或者客户端执行的，这样用户就不必担心自己的浏览器能否运行所编写的 ASP 代码了。程序执行完毕，服务器仅将执行的结果返回给客户端浏览器，这样即使客户端的浏览器不支持 VBScript 或 Jscript，但是仍然可以浏览动态的网页。VBScript 是 IIS 默认的脚本语言，当然可以在 IIS 中更改默认的脚本语言。如果改成 Jscript，那么默认的脚本语言就是 Jscript。因为 VBScript 在属性和方法上的灵活表现方式更适合
16、作为服务器的脚本，所以推荐大家用 VBScript 作为 ASP的默认脚本语言。3、ASP 的运行环境由于 ASP 是一种服务器的脚本语言，所以并不是所有的 Web 服务器都具有这个功能。ASP 是由 Microsoft 公司推出的，当然在目前页只有 Microsoft 公司推出的服务器能实现 ASP 的强大功能，其他的一些服务器在安装了 ASP 组件后才能实现这个功能。Microsoft 公司推出的支持 ASP 的 Web 服务器有以下几个：Microsoft Internet Information Server version (IIS);Microsoft Peer Web Server;Microsoft Personal WebServer (PWS);其中前两个主要是为 Microsoft 公司的 Windowns NT /2000 /XP 系统开发的，当然它们的功能以及稳定性都要强很多。目前大型的站点大多是有 IIS 作为服务器，而 PWS 是为一般的 PC 用户开发的。既然 ASP 是在服务器端执行的，因此访问这些以.asp 为后缀的文件时，就不能使用实际的物理路径，
