网页设计与制作(论文)

毕业设计（论文）

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

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

摘要

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

关键字：制作、设计、HTML

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

目录

第一章绪论 (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)

参考文献.......................... 错误!未定义书签。

第一章绪论

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

1.网页设计概述

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

1.2网页设计的要素

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

一、确定网页的整体风格在这里，我提供给大家一些参考经验：

1．将你的标志 logo，尽可能的放在每个页面上最突出的位置。

2．突出你的标准色彩。

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

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网页中出现的所有标题字的阴影效果的设置应该是完全一致的！

二、网页色彩的搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。 2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

第二章 HTML语言概述

2.1什么是HTML文件

HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。一个HTML文件的后缀名是.htm或者是.html。用文本编辑器就可以编写HTML文件。下面写个小HTML文件

This is my first homepage. This text is bold

2.2 HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 HTML 元素以开始标签起始 HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容（empty content）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数 HTML 元素可拥有属性

2.3HTML格式

HTML定义了一些文本格式的Tag，比如利用Tag，可以将字体变成粗体或者斜体。从下面的示例，你可以了解各种文本格式Tag如何改变HTML文本的显示。