html的实习报告,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软件对网页进行编辑，利用表格布局，插入图片；新建另一个空白页，利用表格布局，插入图片、文字等元素，保存；对第一个网页的图片“联体别墅”设置链接，链接到第二个网页；保存。 12月27日： ① 首字放大下沉： 建立CSS样式表，设置背景为黑色、字体、字号等；设置“中”字的下沉方向float为left。 ②百度搜索： 设置文字字体、字号、颜色；设置链接；设置行距字距等；建立超链接。 12月28日： ① 图文混排；八仙过海： 设置背景、字体、字号、文字图片下沉方式、行间距、文本修饰；并对第二个网页中的标题设置文本对齐方式； ② 教育在线： 进行表格布局，在其中插入图片、输入文字，进行图文混排练习，制作完整网页； 12月29日：游戏茶苑： 利用表格布局，插入图片、输入文字，进行图文混排练习，实现网页的制作。 12月30日： 利用表格布局，插入图片、输入文字，进行图文混排练习，制作完整网页； 四、 实习中的问题和解决办法： 问题1：表格的布局不好掌握，导致网页混乱 解决办法：制作前看清网页布局的结构，要细心 问题2:设置行之间的距离line-hight时不是过大就是过小 解决办法：可以设置padding-top(left/right/bottom)的大小来调整 问题3：在表格的一行中插入多个flash按钮时呈两行显示 解决办法：将需插入按钮的表格一行拆分成与flash按钮个数相同的几列，在一格中只插入一个按钮 问题4：制作的网页是整个窗口的左侧，而不是居中 解决办法：将用于布局的所有表格的对齐方式改为居中对齐，这个办法不论在哪台计算机上网页始终是居于窗口的中部 问题5：用enter换行时上下两行之间有一行空白 解决办法：用shift+enter换行 五、 实习体会： 这次实训，让我学到很多。平时的一些问题都暴露出来了，能及时得到解决。知识有没有掌握与细心程度有关，只有细心才能有效避免一些错误；比如用表格布局网页结构，网页的布局是许多个表格构成的，我们不仅要知道要用表格来布局，同时也要知道在一个网页里，哪里要用表格布局，要用什么样的表格布局，是多少行多少列。要讲所学的知识运用到实际中去，不仅布局如此，其它方面也是一样。大多数问题都有它的解决办法，有的问题有一种解决办法，有的有多种。我们要善于从多方寻找解决问题的办法。