一、 实习目的:
运用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 -
因篇幅问题不能全部显示,请点此查看更多更全内容