网页设计与制作（论文）

毕 业 设 计（论 文）

论文题目：网页设计与制作

学习中心（或办学单位）：电子科技大学

1

摘要

网页设计作为用户界面交互设计的延伸，实在新的媒体和新的技术支持实现一个全新的设计创作领域。设计创作网页与循环其特有的特点和结构思路，具备可实际行和外观时尚。本论文将对网页设计的开发语言开展研究和讨论。在网页设计与制作语言的基础上， 着重使用 HTML作为工具语言进行网页设计与制作 的实际操作，分别对基于对象的 HTML、css、JavaScript进行详细描述并实现网页的开发。

关键字：制作、设计、HTML

2

Summary

Web design as an extension of the interactive user interface design, it is a new media and new technologies to support a whole new field of creative design. Design creation of web pages and circulation of its unique characteristics and structure of ideas with the actual line and stylish. The web design of this paper will develop language tools to carry out the study and discussion. On the basis of a website on the design and production of language, focus on using HTML web design and production operations as a tool for language, a detailed description of the object-based HTML, CSS, JavaScript and web page development.

Keywords: production, design, HTML

3

目录

第一章 绪论 ...................................... 5

1.网页设计概述 ....................................................................................................................... 5 1.2网页设计的要素 ................................................................................................................ 5

第二章 HTML语言概述 ............................. 6

2.1什么是HTML文件 .............................................................................................................. 6 2.3HTML格式 ............................................................................................................................ 6 2.5HTML样式 ............................................................................................................................ 8 2.6HTML链接 ............................................................................................................................ 8 2.7HTML表格 ............................................................................................................................ 9 2.8HTML列表 .......................................................................................................................... 11 2.9HTML表单 .......................................................................................................................... 12

第三章 Css的运用 ............................... 16

3.1Css简介 ............................................................................................................................ 16 3.2 Css 基础语法 ................................................................................................................. 16 3.3派生选择器 ...................................................................................................................... 17 3.4 id 和类选择器 ............................................................................................................... 17 3.5 Css 框架型结构 ............................................................................................................. 18

第四章Javascript的运用 ......................... 21

4.1JavaScript 介绍 ............................................................................................................. 21 4.2HTML包含JavaScript 的方法 ....................................................................................... 21 4.3 JavaScript 语句，注释与变量 ................................................................................... 22 4.4JavaScript常用运算符 .................................................................................................. 22 4.5JavaScript 条件语句 ..................................................................................................... 23 4.6函数的定义与应用 .......................................................................................................... 26 4.7HTML事件处理 .................................................................................................................. 27

第五章 WEB页面信息的交互——窗体与框架 ......... 32

5.1窗体基础知识 .................................................................................................................. 32 5.2 窗体中的基本元素 ......................................................................................................... 33 5.3窗体对象实例 .................................................................................................................. 37 5.4 框架 ................................................................................................................................. 40 5.5 框架的访问 ..................................................................................................................... 41

第六章 结束语 ................................... 46 致 谢 ........................................... 46 参考文献 ......................... 错误！未定义书签。

4

第一章 绪论

随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越 来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需 要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要 介绍网页设计的相关知识。

1.网页设计概述

网页是企业向用户和网民提供信息(包括产品和服务)的一种方式, 是企业开 展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站 ） 去谈 电子商务是不可能的。企业的网址被称为“网络商标” ，也是企业无形资产的组 成部分，而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。

1.2网页设计的要素

网页设计的两大要素是：整体风格和色彩搭配。

一、确定网页的整体风格 在这里，我提供给大家一些参考经验： 1．将你的标志 logo，尽可能的放在每个页面上最突出的位置。 2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在 二、网页色彩的搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度， 2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿； 1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。 2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便 突出主要文字内容。

5

网页中出现的所有标题字的阴影效果的设置应该是完全一致的！

这样的页面看起来色彩统一，有层次感。

或者土黄，土灰，土蓝。 在网页配色中，还要切记一些误区：