毕业论文--个人网页设计与制作

个人网页设计与制作

摘要

网设计作为用户界面交互设计的延伸，是在新的媒体和新的技术支 下实现一个全新的设计创作领域。

本论文将对个人网页设计与制作的语言和步骤进行研究和探讨。 本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关

知识。第二章：网页设计语言概述，本章主要介绍网页设计的语言—HTML，以及用于编辑HTML语言的软件。第三章：基于对象的JavaScript语言，本章主要介绍了基于对象的JavaScript常用内部对象属性.方法的使用。第四章：

内部对象系统的使用，本章主要介绍使用浏览器的内部对象系统，可实 现与HTML文档进行交互。第五章：WEB页面信息的交互—窗体与框架， 本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（From）和 框架对象（Frames）更为复杂的知识。

关键词

网页设计；网页制作；网站建设；HTML

1

Abstract

Web design as the extending of user interface designing, is in the new media and new technology branch to achieve a new design field,

This paper will be of personal webpage design and making of the languageAnd the steps for study and discussion.This thesis mainly follows with chapters, chapter one: introduction, this Chapter mainly introduces the relevant webpage design knowledge. The second chapter: webpage design language, this chapter introduces the webpage design language HTML, and for editing the HTML language software. The third chapter: object-oriented JavaScript language, this chapter mainly introduced the object-oriented JavaScript commonly used internal object properties.Using the method of The fourth chapter: the internal object systems are used, this chapter introduces the use of browser internal object system, can realize Now with the HTML document to interact. Chapter fifth: WEB page information interactive form and frame, this chapter mainly introduces the realization of the interactive dynamic webpage, must master the form object ( From ) and frame object (Frames ) more complex knowledge.

Key word

Webpage design; webpage production; website construction; HTML

1

目录

第一章 绪论…………………………………………………………………1

1.1网页的概述……………………………………………………………………1 1.2 网页的要素……………………………………………………………….……….1 1.3 制作步骤……………………………………………………………………………1

第二章 网页设计语言概述…………………………………………………7

2.1 HTML语言介绍…………………………………………………………………….7 2.2 常用的HTML语言编辑软件………………………………………………………8 2.3 本章小结………………………………………………………………………….12

第三章 基于对象的JAVASCRIPT语言…………………………………….13

3.1 对象的基础知…………………………………………………………………….13 3.2 常用对象的属性和方法……………………………………………......................16 3.3 本章小结………………………………………………………………………….22 第四章 内部对象系统的使用…………………………………………….23

4.1 浏览器对象层次及其主要作用……………………………………….………23 4.2 文档对象功能及其作用……………………………………………………….23 4.3 内部对象系统实例…………………………………………………………….25 4.4本章小结………………………………………………………………………..27

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

5.1 窗体基础知识………………………………………………………………….28 5.2 窗体中的基本元素…………………………………………………………….29 5.3 窗体对象实例………………………………………………………………….33 5.4 框架…………………………………………………………………………….36 5.5 架的访问…………………………………………………………………….…38 5.6 本章小结…………………………………………………………………….…41

第六章 结论……………………………………………………………….42 致 谢…………………………………………………………………….43 参考文献……………………………………………………………………44

1

1

第一章 绪论

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

1.1 网页的概述

网页是用html语言编写的，通过www网传输，并被web浏览器翻译成可以显示出 来的集合文本，图片，声音和动画等信息元素的页面文件. 1.2 网页的要素

网页的基本要素一般包括：文字，图像，动画和链接标志等，除此之外，网页的 元素还包括声音，多媒体和视频等。

1.2.1 文本：是网页中最基本的元素。网页中文字的设计一般从以下几个方面来考 虑：字体的选择；字号，行据的选择；特殊字体的使用；字体的颜色。

1.2.2 图像：现在网络上使用的绝大多数图片和图像时gif,jpeg和png文件格式 1.2.3 链接：也叫超链接，是从一个网页指向另一个目的端的链接，是页面间的链 接关系。超链接的标志一般有：文本，图像，热区三种。

1.2.4 除上述几种要素之外，在网页上经常使用的还有动画，视频，声音等各种信 息的形式。 1.3网页制作步骤

网站是网页的集合，一个站点用的所有网页构成一个网站，网页是网站的表现形式，网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。网页设计包含的内容非常多，大体分为两个方面：一方面是纯网站本身的设计，如文字、排版、图片制作、平面设计、静态图文和动态声音、影像等；另一方面是网站的延伸设计，包括网站主题、浏览群的定位、智能交互、制作策划、形象包装和宣传营销等。

设计页面的第一步就是设计片面布局，就像报刊杂志版面设计一样，我们可以看作一张报约或者一份杂志来进行排版布局。

1. 草稿 新页面就像一张白纸，没有任何的约定俗成的东西，可以尽可能地发挥想象力、创造力，将想象的布局到上面去。这是原创阶段，你不必讲究细腻工整，你也可在草稿本上先画出整个布局框架，把多个版块的位置先粗略的布置上去以往下一步工作的展示，这一步也可以借住PHOTOSHOP或其他工具软件来完成。

2. 粗略布局 在草稿的基础上，将需要的功能模块放到页面上去，这时要遵循突出重点、整体协调的原则，首先将网站标志、导航条、广告条等最主要的模块放在最突出位置，然后考虑其他模块的布局。

3. 定稿 定稿即将粗略布局精细化、具体化，完成整个页面的设计。

1

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说教育文库毕业论文--个人网页设计与制作在线全文阅读。