网页设计 实验报告.docx

1、网页设计 实验报告华中科技大学网络技术与应用实验报告 实验名称 网页设计 教师评语：一环境操作系统:windows XP网络平台：记事本二 实验目的 熟悉在网页中输入、设置标题和正文文字的方法 熟悉掌握在网页中插入图像 熟悉掌握利用表格实现网页内容布局的方法 熟悉建立各种形式超级链接的方法 熟悉掌握利用框架进行网页设计的方法 熟悉掌握表单的设计方法三 实验内容及步骤一 标题和正文的文字设计1. 标题的设计标题属于html中的head元素，之间的内容将显示在网页的标题上，而不会出现在网页的正文里。使用以下指令来对网页的标题进行编辑：网页设计 12. 正文内容的编写正文属于html中的body属性

2、。在中对其进行编辑。body下有text, font ,bgcolor, background等标签可以对正文内容进行设定。表示分割线，表示回车换行。表示对文字本身的设定，align=center表示居中，之间的内容样式，会随的属性变化。在txt文档中继续输入以下指令： 唐诗欣赏 静夜思 这之间是正文的内容。 再加分割线，编辑下面的介绍。最后以和结束。 实验结果: 唐诗欣赏 唐诗欣赏 静夜思 李白 床前明月光疑似地上霜举头望明月低头思故乡 【赏析】：    这首诗写的是在寂静的月夜思念家乡的感受.   诗的前两句“床前明月光，疑是地上霜”，是写诗

3、人在作客他乡的特定环境中一刹那间所产生的错觉。一个独处他乡的人，白天奔波忙碌，倒还能冲淡离愁，然而一到夜深人静的时候，心头就难免泛起阵阵思念故乡的波澜。何况是在月明之夜，更何况是月色如霜的秋夜。“疑是地上霜”中的“疑”字，生动地表达了诗人睡梦初醒，迷离恍惚中将照射在床前的清冷月光误作铺在地面的浓霜。而“霜”字用得更妙，既形容了月光的皎洁，又表达了季节的寒冷，还烘托出诗人飘泊他乡的孤寂凄凉之情.   诗的后两句“举头望明月，低头思故乡”，则是通过动作神态的刻画，深化思乡之情。“望”字照应了前句的“疑”字，表明诗人已从迷朦转为清醒，他翘首凝望着月亮，不禁想起，此刻他的故乡也

4、正处在这轮明月的照耀下。于是自然引出了“低头思故乡”的结句。“低头”这一动作描画出诗人完全处于沉思之中。而“思”字又给读者留下丰富的想象：那家乡的父老兄弟、亲朋好友，那家乡的一山一水、一草一木，那逝去的年华与往事无不在思念之中。一个“思”字所包涵的内容实在太丰富了 二 表格和滚动文字1. 设计表格利用和设定表格。表示一行，表示一列。同样的也可以在中对整个表格进行长宽，边框的设置。创建表格： within temptationColspan表示合并单元格。Width和height分别可以对表格的长，高进行设定。通过和的组合设计表格。2. 插入图片在一个单元格内，输入指令：background=3

5、.jpg。即表示将该单元格的背景设置为文件名是“3.jpg”的图片。3. 滚动文字利用marquee设定滚动，direction表示方向。指令如下：要输入的内容上条指令表示文字从左往右滚动。在之外的内容，任然会显示在网页的body中。最后仍然是以结尾。保存文件为.html文档。实验结果：三 超链接超链接的编辑在实验一的基础上，只需要加入一个指令即可：这里是超链接的入口文字输入以下指令：within temptation简介其中target=blank表示在新窗口中打开。点击“within temptation简介”即可跳转网页。实验结果： 四框架 1设计框架页面框架也就是在一个网页中，实现两个

6、网页的共同显示。输入一下指令，将网页分割为左右两个部分：其中20%表示左侧（命名为left）的区域，占整个页面的20%。并且在同一个文件夹中，必须要有名为“目录.html”和“内容.html”的网页文件与只对应，否则不能打开。 2.设计超链接为实现左侧的超链接在右侧(名为right)的区域打开，我们将实验三中的超链接略微修改，将打开的区域指向right。（这是一个需要另外写的网页，也就是说第四个实验实际上包含了3个网页文件）：网页设计1 文字属性再另外写一个名为“内容.html”的网页。使得其能在框架中显示。实验结果: 五表单 除了下拉菜单，和选择按钮，其余的操作步骤和实验一大同小异。 通过以下指令设置选项： 例如：1995年 1994年 1993年 1992年 1991年 通过和 是文字居中和保持适当的空格。 通过和对*进行红色的标记。 通过指令标记输入信息的类型，text或者password实验结果：五 实验中的问题及心得总的来说，网络设计入手可能有点困难，一旦熟悉了它的语言与套路后，也就是不停地重复的过程，比较繁琐。