网页设计与制作-论文Word文档格式.docx

1、 网页制作；网页设计；HTML；ASP27第一章绪论随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。1.1 网页设计概述网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET 上宣传和反映企业形象和文化的重要窗口。1.2 网页设

2、计的要素网页设计的两大要素是：整体风格和色彩搭配。一、确定网站的整体风格在这里，我提供给大家一些参考经验：1. 将你的标志 logo，尽可能的放在每个页面上最突出的位置。2. 突出你的标准色彩。3. 总结一句能反映贵站精髓的宣传标语！4. 相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！二、网页色彩的搭配1. 用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。2. 用两种色彩。先选定一种色彩，然后选择它的对比色。3. 用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡

3、绿；或者土黄，土灰，土蓝。1.3 大作业目的和意义本大作业主要是对网页设计与制作的语言基础上进行探讨，主要内容如下：通过已经做好的网页，分析 html 网页设计技术、XML 技术、JavaApplet 技术和Javascript 技术在网页设计中的应用。1.4 要分析的网页第二章 HTML 网页设计技术的应用第二章HTML 网页设计技术的应用2.1 HTML 语言介绍HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言， 是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令

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

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

6、点不懂 HTML 的知识就可以做出网页，这类软件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。2.1.4 html 语言在网页设计中的应用2.2.3JavaScript 技术在网页设计中应用一、JavaScript 概述JavaScript 是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用它的目的是与 HTML 超文本标记语言、Java脚本语言（Java 小程序） 一起实现在一个 Web 页面中链接多个对象，与 Web 客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的

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

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

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

10、，通过自己的电脑即可完成所有的事情。总之，JavaScript是一种新的描述语言，它可以被箝入到HTML的文件之中。JavaScript 语言可以做到回应使用者的需求事件（如：form 的输入），而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端（server）处理，再传回来的过程，而直接可以被客户端 （client） 的应用程式所处理。第五章 色彩在网页中的应用第五章色彩在网页中的应用5.1 色彩在网页中的应用色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合搭配来构成美丽的页面。 根据色彩对人们心理的影响

11、，合理地加以运用。先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一， 有层次感。或者土黄， 土灰，土蓝。在网页配色中不要将所有颜色都用到，尽量控制在三至五种色彩以内。背景和前文的对比尽量要大以便突出主要文字内容。5.2 主页色彩的处理色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是 “总体协调，局部对比 ”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分

12、别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。 色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还 有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在 着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵， 从而提升主页的文化品位。5.3 常用的配色方案1. 暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。2. 冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。3. 对比色调。即把色性完全相反的色彩搭配

13、在同一个空间里。例如：红与绿、 黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语， 就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的， 文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为 “明度变化”。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。5.4 合理搭配网页色彩网页的色彩是树立网站形象的关键之一，网页的背景、文

14、字、图标、边框、超链接等都要用到色彩。不同的色彩会使浏览者有不同的心理感受。合理的搭配色彩，会更好的表现主题，吸引用户的注意力。网页色彩涉及到艺术知识，让美术教师参加网页色彩设计，可能会出现比较理想的效果。在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。背景色和前景色对比要大，以突出主要内容网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过 3 种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑