Dreamweaver网页设计实验报告_dw网页设计实验报告

Dreamweaver网页设计实验报告由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“dw网页设计实验报告”。

实验报告

专业

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.首先确定网页的主题后，从网上查看各名校的网站，并从中寻找思路开始做网页。经过长时间的浏览，最终选择福建工程学院作为参照（网址：http://www.daodoc.com）

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

3.由于对于JVAV和表单的知识并不是非常了解所以有些地方需要实现的实现不出来放弃了，期中研究了最久的就是 导航轮播和下面的有块区域的图片轮播，结果因为不知道如何同时初始化2个JVAV函数 最后以失败告终 只好放弃

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

在制作过程中，遇到很多次的制作混乱，最后还是老师帮忙解决的。

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

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

六、实习总结

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

七、参考文献

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