实验一构建HTML页面,实验一“ 做一个简单的html网页”实验一“ 做一个简单的html网页”.pdf...

实验一“ 做一个简单的html网页”实验一“ 做一个简单的html网页”

肇庆学院

实验报告

(实验一)课程名称用HTML语言制作简单的网页

肇庆学院计算机学院

实 验 报 告

学生姓名： 学 号：

一、实验室名称：软件大楼302

二、实验项目名称：用HTML语言制作简单的网页

三、实验原理：

1.网页

(1)网页就是在浏览器上看到的一页，网页也称为Web页。

(2 )主页通常是进入网站首先浏览的网页，具有引导用户浏览整个网站内

容的作用。

(3 )超链接是网页中的特殊标记。它指向了WWW 中的其他资源，如其他

网页、网页的另一个段落、声音文件等。这些资源可以位于自己的计算机上，

也可以位于其他计算机上。用作超链接的标记可以是一段文字、一幅图像，也

可以是一幅图像的一部分。在浏览网页时，单击超链接就可以跳转到超链接所

指向的资源。超链接像一根一根的线一样，将各种网页链接在一起，形成一个

庞大的信息网。

2.HTML语言

(1)HTML语言就是超文本标记语言，是网页制作的基础，也是基本的工

具，使用其他任何工具制作的网页，最终都要以HTML方式存储在计算机里。

(2 )HTML 的脚本可用任何一种文本编辑器进行编写，如记事本、Microso

ft Word等。保存时要将脚本保存成纯文本格式，扩展名必须是.htm。

(3 )HTML脚本的基本结构。HTML脚本总是以标记开头，

标记结尾，在和标记之间是HTML 的所有内容，

一般情况下它分为两部分：头部和主体。头部总是由

和标记定义

的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体

部分，它以

作为起始标记，作为结束标记，其中所包含的就是在

浏览器中所看到的内容，包括文字、图片、动画等。

3.FrontPage，dreamwerver，notepad

以FrontPage为例，它是一种简单易学的Web管理和网页制作的软件。Front

Page2000 的窗口，如图1.1所示。

在窗口工作区的左下方是网页视图模式的3个状态按钮：“普通”、“HTM

L ”和“预览”。网页视图模式的默认状态是“普通”，用于以所见即所得的

方式编辑网页。“HTML ”网页视图模式用于以HTML语言的方式编辑网页。

制作网页过程中，想查看网页的制作效果，切换到“预览”网页视图模式即可

。

切换网页视图使用鼠标单击相应的状态按钮即可。

图1.1 FrontPage 2000 的窗口

选用其他网页开发工具也是可以的这里没有限制

四、实验目的：

1.简单了解HTML语言。

2.认识网页以及网页的结构。

3.掌握用HTML语言制作简单网页的方法。

五、实验内容：

用HTML语言制作简单的网页。

六、实验器材(设备、元器件)：

1.实验设备

计算机

2.实验软件

IE浏览器、网页制作软件，记事本。

七、实验步骤：

给每个学生分配一台计算机。独立完成简单网页制作的实验内容，并写出

实验报告。具体步骤如下。

1.制作第一张网页

第1步 进入如图1.1所示的ForntPage2000(或者Word

2003/2007)窗口，单击“HTML ”状态按钮，进入“HTML ”网页视图模式。

第2步 在窗口的工作区中，输入如下内容：

我的网站 title>

"7">我的网站

(注：可将“我的网站”改为一个人名字命名的

网站，如“张三个人网站”)