《网页设计》项目实践题目名称:我的故乡院系:软件学院专业班级:软件技术1班学号:6学生姓名:韩慧慧指导教师:韩毅2010年12月目录一、设计分析 3二、总体设计 3三、详细设计 3四、结论 15五、总结 1注意:课程设计报告完成后要换成的实际页码一、设计分析(描述问题,简述课题要解决的问题是什么)二、总体设计(要有网站的结构和各个栏目说明)三、详细设计(主要栏目的制作过程,将各个网页显示截图,复制在报告上)四、结论网站制作是否成功,能否上传到互联网上正常访问。五、总结1写课程设计做的好地方、存在的不足或需要改进的地方2经验、收获、心得设计分析我的网站的主旨在于从各个方面全面的介绍我的故乡,展示故乡,包括故乡的经济、旅游、教育、特产。网站里的每个网页都有各自的风格每个网页的主题色彩各不相同,来展示不同的效果,给浏览者好的欣赏感受。在制作网页初期,由于对程序没有很好的了解,所以在开始的时候不仅效率低,而且常常出错。后来我通过相关资料的研究逐渐解除了心中的疑惑,并大胆构思,大胆尝试,初见成效。刚开始最大的问题就是图片显示不出来,有时候把文件名改了一下,或者换了一个文件夹储存都会导致图片无法显示,后来经过分析和多次试验,才知道任何图片的显示都是依靠我们在保存和刚开始设计好的路径来寻找来源,从而显示图片,所以在后来的制作过程中,一旦插入了图片保存好路径之后就再也不去更改他的任何信息(也就是让它的属性保持不变)。另外,我还发现,添加了主题背景之后就不能在上面添加图片了,所以要在设计主题之前把图片都插好。在设置背景图片时,会发现图片太小的话,背景就变成多张重复的图片拼凑在一起,很不美观,所以我是用图片编辑器对背景大小做了调整,是的背景和网页内容可以很好的融合在一起。虽然在这做网页时可以选择大量的效果,但有的时候还是觉得它所提供的效果不太理想,所以常常不断的更改效果寻找我所需要的效果。后来才发现,程序中所提供的效果是可以自己编辑的的。在制作“照片滚动框”时,遇到了一个相当棘手的问题,这个问题看似很简单,如果不知道就无从下手,应为要造成图片滚动,所以需要很多图片排成一条竖线,位置又要对齐,因此在移动图片时,如果一张一张的移,工作量非常之大,我想一次把他们都选中整体移动,但是图片的长度却大大超出了窗口的大小,我尝试着用shift键,结果可以成功的同时选中,但是即使这样还是不能一次选中,也很费事,直到最后我试了一下ctrl+A,就一下子选中所有照片,快多了,一动也十分方便。总体设计共有10个网页构成,1个主页9个子页、分别介绍了故乡的旅游、特产、大学和经济。主页:简要介绍了我的故乡。旅游:介绍了故乡的自然风光、山水美景和古文化等。特产:介绍了故乡的土特产和小吃。大学:介绍了故乡大学的简要概况。经济:介绍了故乡近期的发展情况。详细设计1、首页<!DOCTYPEhtmlPUBLIC"-//W3C////EN""/xhtml1/DTD/xhtml1-"><htmlxmlns="9/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title></head><body><divalign="left"><tablewidth="977"height="167"border="1"><tr><tdcolspan="5"><imgsrc="图片/"width="969"height="132"/></td></tr><tr><tdwidth="188"height="23"bgcolor="#CCFFFF"><divalign="center"><ahref="">首页</a></div></td><tdwidth="181"bgcolor="#CCFFFF"><divalign="center"><ahref="">旅游</a></div></td><tdwidth="198"bgcolor="#CCFFFF"><divalign="center"><ahref="">特产</a></div></td><tdwidth="189"bgcolor="#CCFFFF"><divalign="center"><ahref="">大学</a></div></td><tdwidth="189"bgcolor="#CCFFFF"><divalign="center"><ahref="">经济</a></div></td></tr></table></div><tablewidth=
网页设计项目实训报告作业 来自淘豆网m.daumloan.com转载请标明出处.
