⽤html编写⼀个诗歌的⽹页，试验2⽤HTML语⾔制作简单的⽹
页.doc
《计算机⽹络B》实验指导书
实验三 ⽹页制作
测绘⼯程学院
实验三 ⽹页制作
⼀、实验⽬的
1.简单了解HTML语⾔。
2.认识⽹页以及⽹页的结构。
3.掌握⽤HTML语⾔制作简单⽹页的⽅法。
4.掌握⽤Dreamweaver8编辑简单⽹页。
⼆、实验理论
1.⽹页
(1)⽹页就是在浏览器上看到的⼀页，⽹页也称为Web页。
(2)主页通常是进⼊⽹站⾸先浏览的⽹页，具有引导⽤户浏览整个⽹站内容的作⽤。
(3)超链接是⽹页中的特殊标记。它指向了WWW中的其他资源，如其他⽹页、⽹页的另⼀个段落、声⾳⽂件等。这些资源可以位于⾃⼰的计算机上，也可以位于其他计算机上。⽤作超链接的标记可以是⼀段⽂字、⼀幅图像，也可以是⼀幅图像的⼀部分。在浏览⽹页时，单击超链接就可以跳转到超链接所指向的资源。超链接像⼀根⼀根的线⼀样，将各种⽹页链接在⼀起，形成⼀个庞⼤的信息⽹。
2.HTML语⾔
(1)HTML语⾔就是超⽂本标记语⾔，是⽹页制作的基础，也是基本的⼯具，使⽤其他任何⼯具制作的⽹页，最终都要以HTML⽅式存储在计算机⾥。
(2)HTML的脚本可⽤任何⼀种⽂本编辑器进⾏编写，如记事本、Microsoft Word等。保存时要将脚本保存成纯⽂本格式，扩展名必须是.htm或者html。
(3)HTML脚本的基本结构。HTML脚本总是以标记开头，标记结尾，在和标记之间是HTML的所有内容， ⼀般情况下它分为两部分：头部和主体。头部总是由
和标记定义的，其中包含了HTML脚本的标题和说明信息；头部下⾯是HTML脚本的主体部分，它以作为起始标记，作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括⽂字、图⽚、动画等。
3. Dreamweaver8
Macromedia Dreamweaver8是 建⽴Web站点和应⽤程序的专业⼯具。它将可视布局⼯具、应⽤程序开发功能和代码编辑⽀持组合在⼀起，其功能强⼤，使得各个层次的开发⼈员和设计⼈员都能够快速创建基于标准的⽹站和应⽤程序的优美界⾯。
图1.1 Dreamweaver8窗⼝界⾯
注意：利⽤⽂件夹的软件⾃⾏安装Dreamweaver8进⾏编辑。
三、实验条件
1.实验设备
计算机
2.实验软件
IE浏览器、⽹页制作软件Dreamweaver8
四、实验内容
给每个学⽣分配⼀台计算机。独⽴完成简单⽹页制作的实验内容，并写出实验报告。具体步骤如下。(⼀) ⽤HTML标签语⾔制作⽹页
1.⽤HTML标签语⾔制作第⼀张⽹页
第1步 新建⼀个txt⽂档，并保存为index.html
第2步 打开后，输⼊如下内容：
提⽰1：
是在页⾯上插⼊⼀条90%页宽的⽔平线。
提⽰2：
欢迎来到阿蒙的家
中的标记对是使其间的⽂字⽔平滚动显⽰。
第3步 利⽤IE打开index.html，看到以下
图1.2 从IE窗⼝中浏览到的“index.html”⽂件
2.制作第⼆张⽹页
第⼆张⽹页主要是对⽂字的处理和给⽹页加背景图⽚。
第1步 新建⼀个txt⽂档，并保存为poem.html
第2步 打开后，，输⼊如下内容：
提⽰：
第3步 在IE窗⼝中浏览，浏览到的效果，如图1.3所⽰。
图1.3 从IE窗⼝中浏览到的“poem.html”⽂件
html主页
3.制作第三张⽹页
第三张⽹页主要是在⽹页中显⽰⼀张图⽚
第1步 新建⼀个txt⽂档，并保存为image.html
第2步 打开后，输⼊如下内容：
第3步 在IE窗⼝中浏览，浏览到的效果，如图1.4所⽰。(可以是个⼈照⽚或其他精美图⽚)
图1.4 从IE窗⼝中浏览到的“image.html”⽂件
4.建⽴超链接
超链接标记的使⽤格式：
其中URL指明超链接对象的位置，它可以是HTML⽂件名、图像⽂件名，也可以是域名。
将主页与其他⽹页及相应⽹站建⽴超链接的步骤如下。
第1步打开“index.html”⽂件，并另存为“myweb.html”⽂件
第2步 ⽂字“⼀⾸⼩诗”与“poem.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。