搜索
您的当前位置:首页正文

完整word版,HTML实习报告

来源:易榕旅网
《HTML标记语言》实习报告

一、 实习目的:

运用CSS样式表,通过设置其一些属性和对表格的布局以及图形的插入,实现对网页的设置。理解CSS样式表的作用,掌握建立CSS样式表的方法并熟练地对其进行运用。 理解Dreamweaver的基本使用方法和它与CSS的关系,并能熟练地用Dreamweaver制作网页。

二、 实习任务:

1.熟练地运用Dreamweaver软件 2.进一步了解CSS样式表应用 3.运用所学知识练习图文混排

4.熟练地进行图文混排操作: 12月26日,阳光家园

12月27日,首字下沉;百度搜索; 12月28日,图文混排,八仙过海;教育在线 12月29日,游戏茶苑 12月30日,期末测试

三、 实习内容:

12月26日:阳光家园:

用Dreamweaver软件对网页进行编辑,利用表格布局,插入图片;新建另一个空白页,利用表格布局,插入图片、文字等元素,保存;对第一个网页的图片“联体别墅”

- 1 -

《HTML标记语言》实习报告

设置链接,链接到第二个网页;保存。

12月27日:

①首字放大下沉:

建立CSS样式表,设置背景为黑色、字体、字号等;设置“中”字的下沉方向

float为left。 ②百度搜索:

设置文字字体、字号、颜色;设置链接;设置行距字距等;建立超链接。

- 2 -

《HTML标记语言》实习报告

12月28日:

① 图文混排;八仙过海:

设置背景、字体、字号、文字图片下沉方式、行间距、文本修饰;并对第二个网页中的标题设置文本对齐方式; ② 教育在线:

- 3 -

《HTML标记语言》实习报告

进行表格布局,在其中插入图片、输入文字,进行图文混排练习,制作完整网页;

12月29日:游戏茶苑:

利用表格布局,插入图片、输入文字,进行图文混排练习,实现网页的制作。

- 4 -

《HTML标记语言》实习报告

12月30日:

利用表格布局,插入图片、输入文字,进行图文混排练习,制作完整网页;

四、 实习中的问题和解决办法:

问题1:表格的布局不好掌握,导致网页混乱

解决办法:制作前看清网页布局的结构,要细心 问题2:设置行之间的距离line-hight时不是过大就是过小

解决办法:可以设置padding-top(left/right/bottom)的大小来调整

问题3:在表格的一行中插入多个flash按钮时呈两行显示

解决办法:将需插入按钮的表格一行拆分成与flash按钮个数相同的几列,在一格中只插入一个按钮

问题4:制作的网页是整个窗口的左侧,而不是居中

解决办法:将用于布局的所有表格的对齐方式改为居中对齐,这个办法不论在哪台计算机上网页始终是居于窗口的中部

问题5:用enter换行时上下两行之间有一行空白 解决办法:用shift+enter换行

五、 实习体会:

这次实训,让我学到很多。平时的一些问题都暴露出来了,能及时得到解决。知识有没有掌握与细心程度有关,只有细心才能有效避免一些错误;比如用表格布局网页结构,网页的布局是许多个表格构成的,我们不仅要知道要用表格来布局,同时也要知道在一个网页里,哪里要用表格布局,要用什么样的表格布局,是多少行多少列。要讲所

- 5 -

《HTML标记语言》实习报告

学的知识运用到实际中去,不仅布局如此,其它方面也是一样。大多数问题都有它的解决办法,有的问题有一种解决办法,有的有多种。我们要善于从多方寻找解决问题的办法。

- 6 -

因篇幅问题不能全部显示,请点此查看更多更全内容

Top