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

肇庆学院 实验报告 （实验一）课程名称用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和/html标记之间是HTML 的所有内容， 一般情况下它分为两部分：头部和主体。头部总是由head和/head标记定义 的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体 部分，它以body作为起始标记，/body作为结束标记，其中所包含的就是在 浏览器中所看到的内容，包括文字、图片、动画等。 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步 在窗口的工作区中，输入如下内容： html head meta http-equiv= Content - Type content = text / html; chaset = gb2312 title我的网站/ title /head body br p align = centerbfont face = 楷体—gb2312 color = #550055 size = 7我的网站/font/b/p （注：可将“我的网站”改为一个人名字命名的 网站，如“张三个人网站”） br p align = centerbifont face =楷体—gb2312color = #ff00ff size =