Dreamweaver网页设计实验报告

实验报告

专业XXXXXX

班级XX 班

学号XXXXXX

姓名XXX

报告完成日期2012-12-26

指导教师XXX

评语：

成绩：

批阅教师签名：批阅时间：

一、制作时间

2012年12月18日至2012年12月26日。

二、实习内容

1、使用Dreamweaver制作网站，该网站为福建工程学院网站

2、网站不少于8个页面，主页和各模块相关页面；

3、页面中包含文字、图片；

4、使用CSS实现网页相关页面设置，要求在实现网页内能够显示文字，图片等信息；

5、使用网页浏览器进行网站测试。

三、实习环境

1、硬件环境：计算机一台；

2、软件环境：Dreamweaver cs4；

3、测试环境：IE、firework等网页浏览器。

四、网站总体设计

1、网站主题

本网页是以福建工程学院网站为主题，针对不同的年龄阶段的人给出了不同的学院的信息。

2、设计思路

首先构思了基本网页的布局，主页采取了常用的1-（1+1+1），附页采用了1-（1+1），上了多个网最后决定参照福建工程学院的官方网站进行制作，但是布局并不相同素材取自福建工程学院官方网站，部分图片取自百度，网站包括1个主页7个子页，子页包含了所有的学校状况，分别为：学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设；采用了较难的二级菜单和 JVAV技术实现导航栏上面的图片进行4张轮播。

五、制作步骤

1.首先确定网页的主题后，从网上查看各名校的网站，并从中寻找思路开始做

网页。经过长时间的浏览，最终选择福建工程学院作为参照（网址：）

2.受福建工程学院主页的影响我自学了图片轮播和二级菜单，从而制作了轮播

图片和二级菜单。

3.由于对于JVAV和表单的知识并不是非常了解所以有些地方需要实现的实现

不出来放弃了，期中研究了最久的就是导航轮播和下面的有块区域的图片轮播，结果因为不知道如何同时初始化2个JVAV函数最后以失败告终只好放弃

4.本次制作最难的地方是导航菜单的二级菜单和图片轮换

5.原计划那些JVAV代码因为无法同时初始化他们放弃了只好以一些列表代替

6.最后，将一些小细节的东西做了些处理，最后打包上交。

六、实习总结

这次是我们web的期末考试制作，通过这一次的制作，不仅巩固了以前学过的知识，还学会很多课堂上未教授的东西。通过老师的讲解、查阅资料，解决了很多制作上的困难，这一点我在这要好好感谢我们的XX老师和我们宿舍的学姐，谢谢她们帮我很大的忙。

七、参考文献

《HTML+CSS网页设计与布局》

《PHP编码》