完整,HTML实习报告.pdfVIP

《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换行