《计算机网络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”文件
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
更多推荐
用html编写一个诗歌的网页,试验2用HTML语言制作简单的网页.doc
发布评论