网页制作实训实习报告摘要我所制作的网页主题为《12星座馆》。其中主要是介绍十二星座的一些相关知识,如《十二星座的来源》“各个星座的神话传说”以及“一些星座的宇宙位置”等。1 制作过程1.1主页的制作 主页的制作采用的是框架,将主页分为三个部分(如图2),topformleftform mainform
图2topform用与写网页标题(如图3),leftform用于存放导航页(如图4),mainform用于调用其他页面,如点击白羊座时出现(图5).
图3 图4 图51.1.1 topform的制作在topform中应用了层和表格,曾储存的是两张图片见(图6),图6图6中是由两张图片组成的,上半部和下半部,如用表格做两张图片不能重合用层可以解决。Topform中右边的“十二星座馆”是在表格中做的。1.1.2 leftform的制作过程在leftform中应用的是表格,制出1列12行的表格分别在单元格中填入12星座并将十二星座做成超链接,分别连入各自星座的网址。在leftform插入了三张图片,分别是(图7图8)。 图8图7图7一张图8两张。1.1.3 mainform的制作 在主页中插入的是一段文字,背景用的是(图9),
图91.2 分页的制作分页制作了12页版样是相同的,背景是图9.之后就是在12页中分别输入各自星座相关的文字。1.3 背景音乐的插入背景音乐是采用代码加入。其中”-1”代表无限循环。2 在制作过程中出现的问题及解决方案2.1关于插入背景2.1.1 问题:在插入背景图片(图9)时,最初用页面设置直接进行填加,但在预览时看不到背景图片显示。2.1.2 分析与解决: 经过分析出现这个问题主要有两点:第一 在保存网页时,没有将所填加的图片与网页保存在同一根目录中,因此无法显示背景图片。将所需图片与网页存入同一根目录,从新插入网页所在根目录下的图片即可。第二 所用的电脑有问,因为在其他电脑上可以显示。此类问题可以不管,或使用框架、表格添加背景。2.2 在制作框架leftform时出现的问题2.2..1 问题: 在制作主页中的leftform时内容(图4)比较长只显示上半部分下半部分不能显示如图10(本应显示图4) 图102.2.2 分析与解决在leftform中只显示一部分最初分析是所用软件问题,后来查阅资料发现是框架属性设置问题。单击菜单栏中的“窗口”再单击“框架”。在右侧选择leftform,在属性栏中将滚动的属性值调成“自动”,则在leftform中自动添加滚动条。预览网页时就可以显示全部的内容了。更改属性后网页如图11 图112.3 做超连接时出现的问题2.3.1问题:连接好超连接后预览时无误。复制到U盘后再次打开网页超链不起作用。2.3.2分析及解决:由于在复制到U盘中时没有按照原有的相对地址复制,将网页与网页之间的相对地址改变了,因此超链接不起作用。将网页所在文件夹整体复制不改变相对位置即可。 效果图如下 3 参考文献1、http://zhidao.baidu.com/question/19848714.html2、http://www.lwfree.cn3、时代科技编著《无师自通Dreamweaver网页设计篇》 2006年4月第一版 人民邮电出版社 4、刘辉 等编著《网页制作Dreamweaver MX2004(中文版)》 2006年4月第一版 机械工业出版社 5、www.751com.cn
结 论 我所做的网页没有应用过多的技术。页面整体看上去是比较简洁的。在色彩应用上背景主体颜色为黑色,字用的是红色和白色,在视觉上给人视觉冲击。 通过制作一个完整的网页,基本上掌握了制作网页的技巧,能够自己独立设计并制作一个网页。 其中也有很多的不足之处,对一些制作技术掌握不熟练。
目 录摘要………………………………………………………1页
1 制作过程………………………………………………1
1.1主页的制作………………………………………1
1.2 分页的制作………………………………………3
1.3 背景音乐的插入…………………………………3
2 在制作过程中出现的问题及解决方案………………5
2.1关于插入背景……………………………………5
2.2 在制作框架leftform时出现的问题…………5
2.3 做超连接时出现的问题………………………6
3参考文献………………………………………………7本网页制作rar文件太大,不方便上传到服务器,若有需要完整版,请联系站长438