简单网页制作html语言,用HTML语言制作简单的网页.doc

用HTML语言制作简单的网页

电子科技大学 电子工程 学院

标 准 实 验 报 告

(实验)课程名称

电子科技大学教务处制表

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

图1.1 FrontPage 2000的窗口

四、实验目的：

1.简单了解HTML语言。

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

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

五、实验内容：

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

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

1.实验设备

计算机

2.实验软件

IE浏览器、网页制作软件记事本 (或者FrontPage2000，Word 2003/2007)。

七、实验步骤：

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

1.制作第一张网页

第1步 进入如图1.1所示的ForntPage2000(或者Word 2003/2007)窗口，单击“HTML”状态按钮，进入“HTML”网页视图模式。

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

我的网站 title>

我的网站

(注：可将“我的网站”改为一个人名字命名的网站，如“张三个人网站”)

size = "5">—春天时的梦

---

一首小诗

font > p >

精美图片

font> p>

更多内容... p>

---

欢迎来到阿蒙的家 font>

搜狐网站

163网站

提示1：

---

是在页面上插入一条90%页宽的水平线。

提示2：

欢迎来到阿蒙的家

中的标记对是使其间的文字水平滚动显示。

第3步 单击“浏览”状态按钮，切换到“预览”网页视图模式查看效果。

第4步 单击工具栏的“保存”按钮，将该网页保存为“index.html”

第5步 进入IE窗口，单击 “文件” “打开”命令，进入“打开”对话框；单击“浏览”按钮，选择“index.html”文件后，单击“确定”按钮，这时IE窗口中显示的就是该网页的内容，如图1.2所示。

图1.2 从IE窗口中浏览到的“index.html”文件

2.制作第二张网页(可以改为其它内容)

第二张网页主要是对文字的处理和给网页加背景图片。

第1步 在FrontPage 2000(或者Word 2003/2007)窗口中，单击工具的“新建”按钮，新建第二张网页。

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