网页设计 实验报告.docx

网页设计 实验报告.docx

《网页设计 实验报告.docx》由会员分享，可在线阅读，更多相关《网页设计 实验报告.docx（9页珍藏版）》请在冰点文库上搜索。

网页设计实验报告

华中科技大学

《网络技术与应用》实验报告

实验名称网页设计

教师评语：

一环境

操作系统:

windowsXP

网络平台：

记事本

二实验目的

}熟悉在网页中输入、设置标题和正文文字的方法

}熟悉掌握在网页中插入图像

}熟悉掌握利用表格实现网页内容布局的方法

}熟悉建立各种形式超级链接的方法

}熟悉掌握利用框架进行网页设计的方法

}熟悉掌握表单的设计方法

三实验内容及步骤

一．标题和正文的文字设计

1.标题的设计

标题属于html中的head元素，…之间的内容将显示在网页的标题上，而不会出现在网页的正文里。

使用以下指令来对网页的标题进行编辑：

2.正文内容的编写

正文属于html中的body属性。

在…中对其进行编辑。

body下有text,font,bgcolor,background等标签可以对正文内容进行设定。

表示对文字本身的设定，align=center表示居中，…之间的内容样式，会随的属性变化。

在txt文档中继续输入以下指令：

唐诗欣赏

静夜思

这之间是正文的内容。

再加分割线，编辑下面的介绍。

最后以和结束。

实验结果:

唐诗欣赏

静夜思

李白

床前明月光

疑似地上霜

举头望明月

低头思故乡

【赏析】：

   这首诗写的是在寂静的月夜思念家乡的感受.
   诗的前两句“床前明月光，疑是地上霜”，是写诗人在作客他乡的特定环境中一刹那间所产生的错觉。

一个独处他乡的人，白天奔波忙碌，倒还能冲淡离愁，然而一到夜深人静的时候，心头就难免泛起阵阵思念故乡的波澜。

何况是在月明之夜，更何况是月色如霜的秋夜。

“疑是地上霜”中的“疑”字，生动地表达了诗人睡梦初醒，迷离恍惚中将照射在床前的清冷月光误作铺在地面的浓霜。

而“霜”字用得更妙，既形容了月光的皎洁，又表达了季节的寒冷，还烘托出诗人飘泊他乡的孤寂凄凉之情.
   诗的后两句“举头望明月，低头思故乡”，则是通过动作神态的刻画，深化思乡之情。

“望”字照应了前句的“疑”字，表明诗人已从迷朦转为清醒，他翘首凝望着月亮，不禁想起，此刻他的故乡也正处在这轮明月的照耀下。

于是自然引出了“低头思故乡”的结句。

“低头”这一动作描画出诗人完全处于沉思之中。

而“思”字又给读者留下丰富的想象：

那家乡的父老兄弟、亲朋好友，那家乡的一山一水、一草一木，那逝去的年华与往事……无不在思念之中。

一个“思”字所包涵的内容实在太丰富了

二．表格和滚动文字

1.设计表格

利用

表示一行，表示一列。

同样的也可以在<…>中对整个表格进行长宽，边框的设置。

创建表格：

withintemptation

Colspan表示合并单元格。

Width和height分别可以对表格的长，高进行设定。

通过和的组合设计表格。

2.插入图片

在一个单元格内，输入指令：

background="3.jpg"。

即表示将该单元格的背景设置为文件名是“3.jpg”的图片。

3.滚动文字

利用marquee设定滚动，direction表示方向。

指令如下：

要输入的内容

上条指令表示文字从左往右滚动。

在<>之外的内容，任然会显示在网页的body中。

最后仍然是以结尾。

保存文件为.html文档。

实验结果：

三．超链接

超链接的编辑在实验一的基础上，只需要加入一个指令即可：

这里是超链接的入口文字

输入以下指令：

withintemptation简介

其中target=blank表示在新窗口中打开。

点击“withintemptation简介”即可跳转网页。

实验结果：

四．框架

1．设计框架

页面框架也就是在一个网页中，实现两个网页的共同显示。

输入一下指令，将网页分割为左右两个部分：

其中20%表示左侧（命名为left）的区域，占整个页面的20%。

并且在同一个文件夹中，必须要有名为“目录.html”和“内容.html”的网页文件与只对应，否则不能打开。

2.设计超链接

为实现左侧的超链接在右侧（名为right）的区域打开，我们将实验三中的超链接略微修改，将打开的区域指向right。

（这是一个需要另外写的网页，也就是说第四个实验实际上包含了3个网页文件）：

网页设计1文字属性

再另外写一个名为“内容.html”的网页。

使得其能在框架中显示。

实验结果:

五．表单

除了下拉菜单，和选择按钮，其余的操作步骤和实验一大同小异。

通过以下指令设置选项：

……

例如：

1995年1994年

1993年1992年1991年

通过和 是文字居中和保持适当的空格。

通过和对*进行红色的标记。

通过指令标记输入信息的类型，text或者password

实验结果：

五实验中的问题及心得

总的来说，网络设计入手可能有点困难，一旦熟悉了它的语言与套路后，也就是不停地重复的过程，比较繁琐。