网页制作实训实习报告
摘要
我所制作的网页主题为《12星座馆》。
其中主要是介绍十二星座的一些相关知识,如《十二星座的来源》“各个星座的神话传说”以及“一些星座的宇宙位置”等。
1 制作过程
1.1主页的制作
主页的制作采用的是框架,将主页分为三个部分(如图2),
topform
leftform mainform
图2
topform用与写网页标题(如图3),leftform用于存放导航页
(如图4),mainform用于调用其他页面,如点击白羊座时出现
(图5).
图3
图4
图5
1.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),
图9
1.2 分页的制作
分页制作了12页版样是相同的,背景是图9.之后就是在12页中分别输入各自星座相关的文字。
1.3 背景音乐的插入
背景音乐是采用代码加入。
<bgsond src=” 钢琴曲-浪客剑心抒情插曲(全世界最好听的音乐).mp3” loop=”-1”>
其中”-1”代表无限循环。
2 在制作过程中出现的问题及解决方案
2.1关于插入背景
2.1.1 问题:
在插入背景图片(图9)时,最初用页面设置直接进行填加,但在预览时看不到背景图片显示。
2.1.2 分析与解决:
经过分析出现这个问题主要有两点:
第一 在保存网页时,没有将所填加的图片与网页保存在同一根目录中,因此无法显示背景图片。将所需图片与网页存入同一根目录,从新插入网页所在根目录下的图片即可。
第二 所用的电脑有问,因为在其他电脑上可以显示。此类问题可以不管,或使用框架、表格添加背景。
2.2 在制作框架leftform时出现的问题
2.2..1 问题: 在制作主页中的leftform时内容(图4)比较长只显示上半部分下半部分不能显示如图10(本应显示图4)
图10
2.2.2 分析与解决
在leftform中只显示一部分最初分析是所用软件问题,后来查阅资料发现是框架属性设置问题。
单击菜单栏中的“窗口”再单击“框架”。在右侧选择leftform,在属性栏中将滚动的属性值调成“自动”,则在leftform中自动添加滚动条。预览网页时就可以显示全部的内容了。
更改属性后网页如图11
图11
2.3 做超连接时出现的问题
2.3.1问题:
连接好超连接后预览时无误。复制到U盘后再次打开网页超链不起作用。
2.3.2分析及解决:
由于在复制到U盘中时没有按照原有的相对地址复制,
将网页与网页之间的相对地址改变了,因此超链接不起作用。
将网页所在文件夹整体复制不改变相对位置即可。
效果图如下
3 参考文献
1、http://zhidao.baidu.com/question/19848714.html
2、http://www.youerw.com
3、时代科技编著《无师自通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