网页设计与制作.docx

摘要本论文将对个人网页设计与制作的方法、工具等展开研究和探讨在介绍网页设计 与制作语言的基础上，着重使用JavaScript作为工具语言进行网页设计与制作的实际操 作，分别对基于对象的JavaScript语言、内部对象系统的使用及WEB页面信息交互 窗口和框架进行详细描述，并利用具体的实例进行验证本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识第二章： 网页设计语言概述，本章主要介绍网页设计的语言一一HTML，以及用于编辑HTML 语言的软件，为后续工作奠定基础第三章：基于对象的JavaScript语言，本章介绍了 基于对象的JavaScript中常用内部对象属性、方法的使用第四章：内部对象系统的使 用，本章主要介绍使用浏览器的内部对象系统，可实现与HTML文档进行交互第五 章：WEB页面信息的交互一一窗体与框架，本章主要介绍实现网页的动态交互，必须掌 握有关窗体对象（Form ）和框架对象（Frames ）更为复杂的知识关键词：网页制作；网页设计；HTML； ASP第一章 绪论随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重 要，越来越来的职业需要具有计算机的应用技能。

掌握计算机是职业的需要，更是事业 发展的需要网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关 知识1.1 网页设计概述网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,是企业开展电子 商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不 可能的企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口1.2网页设计的要素网页设计的两大要素是：整体风格和色彩搭配一、确定网站的整体风格 在这里，我提供给大家一些参考经验：1•将你的标志logo，尽可能的放在每个页面上最突出的位置2．突出你的标准色彩3．总结一句能反映贵站精髓的宣传标语！ 4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中 出现的所有标题字的阴影效果的设置应该是完全一致的！二、网页色彩的搭配1．用一种色彩这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的 页面看起来色彩统一，有层次感2．用两种色彩先选定一种色彩，然后选择它的对比色 3．用一个色系简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者 土黄，土灰，土蓝。

1.3 大作业目的和意义本大作业主要是对网页设计与制作的语言基础上进行探讨，主要内容如下：通过 已经做好的网页，分析html网页设计技术、XML技术、Java Applet技术和Javascript 技术在网页设计中的应用1.4要分析的网页楼主：蒔甲甲楼璃加观「宙w?：ws： 帰颐： 上战件： 區二|评语：鑼:元名小子令员：粋3EISJ二帼通竝夏翹叩 __! 欢迎来到我的主页毎日好心甘*E环晤EH.骨记坦.我世富曲梯.卷外匡辭舌,莪袜翔7浩卷雄吒中、牛天玄圭再试h K -^sr&ia快肌泪匿A卸第取舌J野馬质塔丸考试便耐饶L u;少討-刊+硏.麟軾程 X員主药 X扪九虞r苕 订+:我的资粧隔渣学耳.：蝕的」忠诙进」不断辻亚■输望MU竝生帝:；啸爭慎荒-紹i錨找饰的工ft師甲甲本站帖告这亍是Ei 5耿杵开世技术大隹业 希呈提出不足2012-12-41 午 01:4&T咎皆盘告■这里是脊皆社.新日志列表标題一标題二fe® :鮭续更新日志发蔻时间:2山2年12月4日1时03分日志类别:分类 冋容捕要：內輕矚一内容縮咯一|浏览呈：点击数9〔糕題：嘿嘿？终于完成了时诙构駛件磁拄朮犬炸业了bl志SS：b-|3 ： 2012年2=4= :E斗扮tl志头别：幻姜 闪客捕要：内劉囲二内容缩咯二......「词览量：瓷击数一反情糙叢友悟琏接文宇一应悟强遥文孚二应悟甚摆丈字三程序:韩甲甲祝店月穴兰古毘、心想爭龙E-mail 1 73354251 0@ com第二章HTML网页设计技术的应用2.1 HTML 语言介绍HTML （HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言， 是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、 动画、声音、表格、链接等HTML的结构包括头部（Head）、主体（Body）两大部分， 其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容2.1.1 HTML语言的特点HTML 文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也 是 WWW 盛行的原因之一， HTML 语言的特点如下：1、 简易性，HTML版本升级采用超集方式，从而更加灵活方便2、 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML 采取子类元素的方式，为系统扩展带来保证3、 平台无关性虽然 PC 机大行其道，但使用 MAC 等其他机器的大有人在， HTML 可以使用在广泛的平台上，这也是WWW盛行的另一个原因2.1.2 HTML语言的编辑软件HTML的本质是文本，需要浏览器的解释，HTML的编辑器大体可以分为三种：1、 基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如 果你用WPS来编写，也可以不过存盘时请使用.htm或html作为扩展名，这样浏览 器就可以解释执行了。

2、 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间 内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的 软件网页作坊3、 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以 做出网页，这类软件主要有 Frontpage， DREAMWEAVER、 Delphi、 Eclipse、 UltraEdit2.1.4 htmI语言在网页设计中的应用2.2.3 JavaScript 技术在网页设计中应用一、JavaScript 概述JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚 本语言使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一 起实现在一个Web页面中链接多个对象，与Web客户交互作用从而可以开发客户端 的应用程序等它是通过嵌入或调入在标准的HTML语言中实现的它的出现弥补了 HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：1、 是一种脚本编写语言JavaScript 是一种脚本语言，它采用小程序段的方式实现编程。

像其它脚本语言一 样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程它的基本结构形式与 C、 C++、 VB、 Delphi 十分类似但它不像这些语言一样， 需要先编译，而是在程序运行过程中被逐行地解释它与HTML标识结合在一起，从 而方便用户的使用操作2、 基于对象的语言JavaScript 是一种基于对象的语言，同时以可以看作一种面向对象的这意味着它 能运用自己已经创建的对象因此，许多功能可以来自于脚本环境中对象的方法与脚本 的相互作用3、 简单性JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的 简单而紧凑的设计，从而对于学习Java是一种非常好的过渡其次它的变量类型是采 用弱类型，并未使用严格的数据类型4、 安全性JavaScript 是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服 务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互 从而有效地防止数据的丢失5、 动态性的JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务 程序它对用户的反映响应，是采用以事件驱动的方式进行的。

所谓事件驱动，就是指 在主页(HomePage)中执行了某种操作所产生的动作，就称为“事件” (Event)比如按 下鼠标、移动窗口、选择菜单等都可以视为事件当事件发生后，可能会引起相应的事 件响应6、 跨平台性JavaScript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机， 并支持JavaScript的浏览器就可正确执行从而实现了 “编写一次,走遍天下”的梦想实际上 JavaScript 最杰出之处在于可以用很小的程序做大量的事无须有高性能的 电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即 可完成所有的事情总之， JavaScript 是一种新的描述语言，它可以被箝入到 HTML 的文件之中 JavaScript语言可以做到回应使用者的需求事件(如:form的输入)，而不用任何的网 路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server) 处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理第五章 色彩在网页中的应用5.1色彩在网页中的应用色彩是艺术表现的要素之一在网页设计中，我们的设计师根据和谐、均衡 和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。

根据色彩 对人们心理的影响，合理地加以运用先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一， 有层次感简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄， 土灰，土蓝 在网页配色中不要将所有颜色都用到，尽量控制在三至五种色彩以内背景和前 文的对比尽量要大以便突出主要文字内容5.2主页色彩的处理色彩是人的视觉最敏感的东西主页的色彩处理得好，可以锦上添花，达到事 半功倍的效果色彩总的应用原则应该是“总体协调，局部对比”，也就是：主 页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色 彩的对比在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调 因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征 着春、夏、秋、冬其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的 白色等色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等另 外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩 的喜好也存在着较大的差异充分运用色彩的这些特性，可以使我们的主页具有 深刻的艺术内涵，从而提升主页的文化品位5.3常用的配色方案1. 暖色调。

即红色、橙色、黄色、赭色等色彩的搭配这种色调的运用，可 使主页呈现温馨、和煦、热情的氛围2. 冷色调即青色、绿色、紫色等色彩的搭配这种色调的运用，可使主页 呈现宁静、清凉、高雅的氛围3. 对比色调即把色性完全相反的色彩搭配在同一个空间里例如：红与绿、 黄与紫、橙与蓝等这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜 艳、喜庆的感觉最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”底色浅的称为高调；底色深的称为低调底色深，文 字的颜色就要浅，以深色的背景衬托浅色的内容（文字或。