《网页设计与制作的研讨-山西新华电脑学院毕设.doc》由会员分享，可在线阅读，更多相关《网页设计与制作的研讨-山西新华电脑学院毕设.doc（39页珍藏版）》请在金锄头文库上搜索。
1、第一章 绪论 1 山西新华电脑学院毕业论文（设计）山西新华电脑学院毕业论文（设计） 网页设计与制作 二二一二年十月一二年十月 摘摘 要要 本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设 计与制作语言的基础上，着重使用 JavaScript 作为工具语言进行网页设计与制作的实 第一章 绪论 2 际操作，分别对基于对象的 JavaScript 语言、内部对象系统的使用及 WEB 页面信息交 互窗口和框架进行详细描述，并利用具体的实例进行验证。 本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第二 章：网页设计语言概述，本章主要介绍网页设计的语言HTML，以
2、及用于编辑 HTML 语言的软件，为后续工作奠定基础。第三章：基于对象的 JavaScript 语言，本 章介绍了基于对象的 JavaScript 中常用内部对象属性、方法的使用。第四章：内部对 象系统的使用，本章主要介绍使用浏览器的内部对象系统，可实现与 HTML 文档进行 交互。第五章：WEB 页面信息的交互窗体与框架，本章主要介绍实现网页的动态 交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。 关键词：关键词： 网页制作；网页设计；HTML；ASP Abstract Methods, tools of web design and production a
3、re researched and studied. based on introducing the web design and production of language, JavaScript language are used as a tool to operate the actual web design and production. Object-based JavaScript language and the use of internal object system and interactive WEB page of information - window a
4、nd frame are decrypted in detail. Concrete examples are verified. The main sections of this paper are as follows, Chapter I: Introduction, this chapter introduces the web design knowledge. Chapter II: an overview of web design language, this chapter introduces the language of web design - HTML, as w
5、ell as software for editing HTML language, lay the foundation for the follow-up. Chapter III: object-based JavaScript language, this chapter introduces the JavaScript based on commonly used objects within the object properties, methods of use. Chapter IV: the use of internal object system, this chap
6、ter introduces the browsers internal object system can be realized to interact with HTML documents. Chapter V: WEB page interaction information - form and framework, this chapter introduces the realization of dynamic interactive web pages, you must master the form object (Form) of the object (Frames
7、) more complex knowledge. 目 录 摘要摘要 第一章 绪论 .1 1.1 网页设计概述1 1.2 网页设计的要素1 第一章 绪论 3 1.3 本论文工作2 第二章 网页设计语言概述 .3 2.1 HTML 语言介绍 .3 2.2 常用的 HTML 语言编辑软件.4 2.3 本章小结9 第三章 基于对象的 JAVASCRIPT 语言 .10 3.1 对象的基础知识.10 3.2 常用对象的属性和方法 .13 3.3 本章小结.18 第四章 内部对象系统的使用 19 4.1 浏览器对象层次及其主要作用 .19 4.2 文档对象功能及其作用 .19 4.3 内部对象系统实例
8、.21 4.4 本章小结.23 第五章 色彩在网页中的应用 .24 5.1 色彩在网页设计中的作用 24 5.2 主页色彩的处理 25 5.3 常用的配色方案 29 5.4 合理搭配网页色彩 .32 第六章 WEB 页面信息的交互窗体与框架.24 6.1 窗体基础知识 .24 6.2 窗体中的基本元素.25 6.3 窗体对象实例 .29 6.4 框架.32 6.5 框架的访问.34 6.6 本章小结.37 第七章 结 论 .38 致 谢 39 参考文献 40 第一章第一章 绪论绪论 随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重 要，越来越来的职业需要具有计算机的
9、应用技能。掌握计算机是职业的需要，更是事 业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的 相关知识。 第一章 绪论 4 1.11.1 网页设计概述网页设计概述 网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子 商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是 不可能的。企业的网址被称为“网络商标” ，也是企业无形资产的组成部分，而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。 1.21.2 网页设计的要素网页设计的要素 网页设计的两大要素是：整体风格和色彩搭配。 一、确定网站的整体风格 在这里，我
10、提供给大家一些参考经验： 1将你的标志 logo，尽可能的放在每个页面上最突出的位置。 2突出你的标准色彩。 3总结一句能反映贵站精髓的宣传标语！ 4相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中 出现的所有标题字的阴影效果的设置应该是完全一致的！ 二、网页色彩的搭配 1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的 页面看起来色彩统一，有层次感。 2用两种色彩。先选定一种色彩，然后选择它的对比色。 3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者 土黄，土灰，土蓝。 在网页配色中，还要切记一些误区： 1不要将所有颜色都用到，尽
11、量控制在三至五种色彩以内。 2背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主 要文字内容。 1.31.3 本论文工作本论文工作 本论文主要是对网页设计与制作的语言基础上进行探讨，主要内容如下： 第一章：绪论 本章主要介绍网页设计的相关知识。 第二章：网页设计语言概述 本章主要介绍网页设计的语言HTML，以及用于编辑 HTML 语言的软件，为 后续工作奠定基础。 第三章：基于对象的 JavaScript 语言 本章介绍了基于对象的 JavaScript 中常用内部对象属性、方法的使用。 第四章：内部对象系统的使用 本章主要介绍使用浏览器的内部对象系统，可实现与 HTML
12、文档进行交互。它的 作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动， 提高设计 Web 页面的能力。 第五章：WEB 页面信息的交互窗体与框架 第二章 网页设计语言概述 5 本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象 （Frames）更为复杂的知识。 第六章：总结 第二章 网页设计语言概述 6 第二章第二章 网页设计语言概述网页设计语言概述 2.12.1 HTML 语言介绍语言介绍 HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言， 是目前网络上应用最为广泛的语言，也是构成网页文档的
13、主要语言。 HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、 动画、声音、表格、链接等。HTML 的结构包括头部（Head） 、主体（Body）两大部分， 其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 2.1.1 HTML 语言的特点 HTML 文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也 是 WWW 盛行的原因之一，HTML 语言的特点如下： 1、简易性，HTML 版本升级采用超集方式，从而更加灵活方便。 2、可扩展性，HTML 语言的广泛应用带来了加强功能，增加标识符等要求， HTML 采取子类元素的方式，为系统扩
14、展带来保证。 3、平台无关性。虽然 PC 机大行其道，但使用 MAC 等其他机器的大有人在， HTML 可以使用在广泛的平台上，这也是 WWW 盛行的另一个原因。 2.1.2 HTML 语言的编辑软件 HTML 的本质是文本，需要浏览器的解释，HTML 的编辑器大体可以分为三种： 1、基本编辑软件，使用 WINDOWS 自带的记事本或写字版都可以编写，当然， 如果你用 WPS 来编写，也可以。不过存盘时请使用.htm 或.html 作为扩展名，这样浏 览器就可以解释执行了。 2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间 内做出 Homepage，且可以学习 HTML
15、，这种类型的软件主要有 HOTDOG，还有国产 的软件网页作坊。 3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂 HTML 的知识就可 以做出网页，这类软件主要有 Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。 一个 HTML 文件由一个 HTML 元素组成，即文件以开始。以 结束，文档中其他元素及其属性的声明都是 HTML 的元素体。 HTML 元素的元素体和元素体由两大部分组成，即头元素和 体元素。头元素和体元素的元素体又由其他元素、文本和注释等组成。 一个标准的 HTML 文件应该具备如下结构： 标记一个 HTML 文件的开始 H
16、TML 文件的文件头部分开始 第二章 网页设计语言概述 7 文件头部分内容 HTML 文件的文件头部分结束 HTML 文件的文件体部分开始 文件体 HTML 文件的文件部分结束 标记该 HTML 文件结束 有些元素只能出现在头元素中，如 meta、title 等元素，而大多数的元素只能出现 在体元素中。在头元素中的元素表示的是该 HTML 文件的一般信息，比如该文件的标题、 来源、作者、版本、字符集和关键字等，这些元素与书写的顺序无关，它们只是表明 该 HTML 文件的属性值。但出现在元素体中的元素则是要注意书写顺序的，改变了它们 的书写顺序就会改变 HTML 文件在浏览器上输出的形式。 2.22.2 常用的常用的 HTML 语言编辑软件语言编辑软件 2.2.1 Dreamweaver Dreamweaver 是美国 Adobe(原 Macromedia，2005 年被 Adobe 收购)公司开发的集 网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计 师特别发展的视觉化网页开发工具，利用它可以
