经济管理学院《网页设计课程设计》实验报告(学号 姓名).doc

文档介绍：经济管理学院实验报告
姓名班级学号实验成绩
实验名称:网页设计课程设计指导教师:
2013 年 1 月 15 日
实验目的: 《网页设计课程设计》是为配合《网页设计基础》设置的一门实践性课程。学生通过一周的上机实习操作,能熟悉网站开发的各种相关技术,掌握利用Dreamweaver及HTML、CSS、DHTML开发网站的方法,达到能够分析、设计、开发和调试综合网站系统的水平。
实验环境:
Dreamweaver CS 3 IE浏览器
实验内容与步骤:
确定网站主题及站点规划:我想做的是小说网,所以我就规划做一个小说下载与阅读的网站,我大致在纸上规划了网站的布局与相应内容。对照着书本我复习了css样式的基础知识,css的核心基础,css的文本样式,css的盒子模型知识,用css设置表格样式,还有如何用css设置链接与导航菜单。

资料收集:我先主要看了几个有名的小说网,比如眼快看书,笔下文学之类的小说网,查看它们的源代码,学习他们的布局与分析它们的代码,还有图片的收集与整理。
设计模板和导航条:主要是对书上已有的模板,我细细参考后,开始在纸上设计我的网站雏形,在导航部分,我大致把各种小说类型都写了上去,在其下我放了最受欢迎的此种类型的小说,并设计了下拉菜单,使页面变得更丰富多彩。
网页设计
网页的设计如下所示
第一部分标题表示这个网页的主要内容
第二部分顶部

第三部分导航条连接到各个站点

第四部分动画页面显示小说图片
第五部分小说搜素及用户登录
第六部分网页内容
第七部分小说页面

第八部分网站版权
网站的测试与修改
我分别在IE浏览器,360浏览器,搜狗浏览器上调试过,发现在搜狗浏览器上,网站的效果最好。通过对其预览,我发现版面的布局有些不合理,文字超出边框,下拉菜单没有预期效果,设置的margin不合理,图片大小不合理等一大堆问题。然后,着眼于这些问题,我一边修改,一边调试,最后才设置出令人满意的效果。
下附页
经济管理学院实验报告(附页)
姓名班级学号
实验结果与总结:
这次上机