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。
html里的float是什么意思②百度搜索: 设置⽂字字体、字号、颜⾊;设置链接;设置⾏距字距等;建⽴超链接。 12⽉28⽇: ① 图⽂混排;⼋仙过海: 设置背景、字体、字号、⽂字图⽚下沉⽅式、⾏间距、⽂本修饰;并对第⼆个⽹页中的标题设置⽂本对齐⽅式; ② 教育在线: 进⾏表格布局,在其中插⼊图⽚、输⼊⽂字,进⾏图⽂
混排练习,制作完整⽹页; 12⽉29⽇:游戏茶苑: 利⽤表格布局,插⼊图⽚、输⼊⽂字,进⾏图⽂混排练习,实现⽹页的制作。 12⽉30⽇: 利⽤表格布局,插⼊图⽚、输⼊⽂字,进⾏图⽂混排练习,制作完整⽹页; 四、 实习中的问题和解决办法: 问题1:表格的布局不好掌握,导致⽹页混乱 解决办法:制作前看清⽹页布局的结构,要细⼼ 问题2:设置⾏之间的距离line-hight时不是过⼤就是过⼩ 解决办法:可以设置padding-top(left/right/bottom)的⼤⼩来调整 问题3:在表格的⼀⾏中插⼊多个flash按钮时呈两⾏显⽰ 解决办法:将需插⼊按钮的表格⼀⾏拆分成与flash按钮个数相同的⼏列,在⼀格中只插⼊⼀个按钮 问题4:制作的⽹页是整个窗⼝的左侧,⽽不是居中 解决办法:将⽤于布局的所有表格的对齐⽅式改为居中对齐,这个办法不论在哪台计算机上⽹页始终是居于窗⼝的中部 问题5:⽤enter换⾏时上下两⾏之间有⼀⾏空⽩ 解决办法:⽤shift+enter换⾏ 五、 实习体会: 这次实训,让我学到很多。平时的⼀些问题都暴露出来了,能及时得到解决。知识有没有掌握与细⼼程度有关,只有细⼼才能有效避免⼀些错误;⽐如⽤表格布局⽹页结构,⽹页的布局是许多个表格构成的,我们不仅要知道要⽤表格来布局,同时也要知道在⼀个⽹页⾥,哪⾥要⽤表格布局,要⽤什么样的表格布局,是多少⾏多少列。要讲所学的知识运⽤到实际中去,不仅布局如此,其它⽅⾯也是⼀样。⼤多数问题都有它的解决办法,有的问题有⼀种解决办法,有的有多种。我们要善于从多⽅寻解决问题的办法。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。