《网页设计基础与网站维护》课程论文基于HTML语言的网页制作基础

学号：

姓名：

专业：

学院：

日期：

学期：

上课教室：

联系方式：

指导老师：

论文成绩：

基于HTML语言的网页制作基础

【内容摘要】本文着重于基于HTML语言的网页制作，通过对“网页设计基础”课程的总结学习，主要介绍了网页制作的基本知识、HTML语言的具体介绍、利用HTML语言制作网页的基本方法技术，以及网页设计的发展方向等。

【关键词】HTML语言、网页设计、代码、标记

一、网页设计制作介绍

网页（Web page）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。

网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。

网页设计的工具：

⑴Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；

⑵Frontpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好；

⑶Flash，网页需要画面流动时的首选择；

⑷Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。

⑸Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向与对网页

的处理。

二、HTML语言介绍

超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

⑴、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

⑵、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

⑶、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网盛行的另一个原因。

三、HTML语言制作网页的基本方法

3.1一般操作

标记在文档中放置的位置的不同会带来不同的显示效果，一般在和之间放置HTML文档的所有内容，在之间放置文档的题目，这样可以将其显示在标题栏中。网页的主要内容都是在与完成的，放置的是实际要显示的文本内容和其他用于控制文本显示方式的标记。

在网页中插入音频和视频的方法是在HTML文档中使用标记，例如代码：点击这里欣赏"URL"为音频或视频文件的地址。表单标记

入其想表达的信息，HTML语言的表单标记功能与CGI（Common Gateway Interface)、ASP(Active Server Pages)程序一起共同完成网页浏览者与web服务器之间的信息交流Form是实现网页浏览器者与web服务器之间信息交流的主要形式，Form的任务是：指出CGI或ASP的路径和名称，将网页浏览者输入的信息传递到CGI或ASP，为网页增添互动性。Form的具体格式为：...。

3.2文字的使用

对于多级标题可以使用代码： n=1-6。对例如对于多级标题中的一级标题的居中效果：

...

。换行可以使用代码

。另外，如果想要达到一直不换行的效果，可以使用强制不换行标记：

...

对字体标记进行标记可以使用代码：。例如将字体设置为宋体、7号，红色。可以使用代码：。另外对字体的一些其他样式也可以一一展现：加粗： 斜体: 下划线： 上标： 上标。

为了是编辑时的排版应用于网页效果，用