网站制作毕业设计说明书

1、Dreamweaver学习网站制作 设计说明书 系 部： 信息工程系 学生姓名： 石婷婷 专业班级： 网络08D1 学 号： 083422106 指导教师： 密海英 2010年10月25日目录内容摘要1一、引言11、Dreamweaver发展前景与现状12、Dreamweaver专题学习网站的内容和意义2二、开发工具的介绍2三、网站的具体规划31、 网站的功能结构32、网站的主题思想33、网站LOGO设计34、网站布局设计35、网站的内容4页面设计过程41、一级导航页面设计42、 二级导航页面设计63、 三级导航页面设计8五、 总结9致谢10参考文献11Dreamweaver学习网站的设计与开

2、发内容摘要本课题1、 引言（1） Dreamweaver的发展前景与现状这样不仅能给学习者提供良好的学习环境，让他们可以免费地、自主地学习有关Dreamweaver软件的知识，还可以通过制作本主题网站更一步提高自己的网页制作能力以及进一步深入地学习有关Dreamweaver知识。二、开发工具的介绍 在本次的专题网站制作中，我主要使用了Dreamweaver、Photoshop、Flash等软件。使用Dreamweaver制作整个网站，对网页进行合理的排版和布局，同时也采用了CSS样式，更好地显示了本网站元素及内容，具有更好的易用性和可扩展性，大大简化了网站的建设。使用Photoshop来设计网

3、站的界面，以及对网站中一些图片的处理，使得网站得到了美化。使用Flash软件制作了一些动态的LOGO、滚动图片、滚动字幕等效果。使得整个网站看上去不会太死板，让网站显得更生动，更能够吸引学习者。三、网站的具体规划（一）网站的功能结构本专题网站中，主要设计了网站首页、课程展示、实例教程、在线测试、学习交流五个导航。网站首页提供了专题简介、教学方法、教学目标以及教学内容，让学习者对本学习网站有个初步的认识；课程展示提供了基础课程、进阶课程及网站技巧等内容，让学习者能够清晰地、循序渐进地学习相关内容；实例教程提供了一些实例教学及视频教学，让学习者通过实例进一步学习；在线测试提供了学习者自我检测的平台

4、；学习交流提供了学习者相互交流的平台。各个功能导航下还具体划分了小的导航链接，详细结构请见图31。这样不仅能给学习者提供良好的学习环境，让他们可以免费地、自主地学习有关Dreamweaver软件的知识，还可以通过制作本主题网站更一步提高自己的网页制作能力以及进一步深入地学习有关Dreamweaver知识。首页图 31 网站功能结构图分类清晰、内容丰富、由浅到深。语言通俗易懂，让那些原本对Dreamweaver知识一窍不通的学习者都能够自主学习。（三）网站LOGO设计本专题网站LOGO，是用Flash制作的一个动态的LOGO。“Dreamweaver”从左往右滚动显示，“学习网站”从右向左滚动显

5、示，这样会使得网站看上去不会太枯燥，单调。（四）网站布局设计本网站以清新自然的绿色为主色调，使学习者在视觉上产生眼前一亮的视觉效果。本网站在布局上简单而又不显单调，朴素而又不失优雅。采用图文结合的方法让学习者能够更直观地学习。用Flash做一些动态效果，使得整个页面更加活泼生动。（五）网站的内容对（二）二级导航页面设计 设计思想：页面上半部分减少图片展示区域其余与一级导航页面相同，下方左边是内容放置区域，右边是一个用flash制作的热点内容，这样使得页面更加简单整洁，让人有一种赏心悦目的视觉效果。效果图如43、44所示，其它页面整体设计与之相同。 图43 专题简介效果图图44 基础课程效果图（

6、三）三级导航页面设计 设计思想：页面上方与二级导航页面一致，下方则为课程内容展示，如下图45所示，其余与之相同。图45 新功能简介效果图5、 总结 通过本次专题网站的制作自己对Dreamweaver有了进一步的深入了解，觉得自己学到了许多知识，在制作网站技术上也有了一定的提高。之所以会选择该课题，是由于之前做过类似的网站，所以很有信心的选择了此课题。但当老师告知，这是要做一个学习网站，工作量是非常大的，而且还增加了以前从来没有接触过的录频工具和在线测试功能。这些显然使我的信心减少了许多，不过相信通过自己的不断努力，虚心请教一定会成功完成此次项目的。满怀信心的开始了本次的项目设计，在设计的过程中

7、真的是问题不断，大大小小的问题全有，不过我并没有放弃，通过了自己的努力学习以及向老师同学请教，几乎都一一解决了这些问题。有句话说得好，问题并不可怕，可怕的是你在遇到这些问题时选择了放弃。通过不断地学习，不断地努力，在制作网页时为让我的网页更加丰富多彩，在网页中插入图像、动画、动态特效等，让浏览者更加直接，方便地了解我们的网站，同时在视觉上给人一种赏心悦目的感受。在制作网站中，我使用了PS图片处理工具、FLASH软件、Dreamweaver及css处理样式等。以前也只是掌握了些基础的知识，现在对这些已经有了进一步的了解，也比以前更能熟练地运用这些软件了。在制作网站时，我也浏览了一些相关的网站，它

8、们有的网站不仅内容丰富，页面图文并茂，在整体样式上也比较新颖，这是我去值得学习的，我们应该学习它们的精华部分，让自己的网站更加地完善。通过这次制作网站的过程，我个人有以下几点心得体会：(1)在制作网站的前期工作也很重要，这是我们容易忽略的。一个好的计划可以详细制定网站的相关内容，为后期的制作节省不少时间，同时也使网页的结构，主题更加清晰。(2)在制作网站时，不能随心所欲，要有一个大体的构思，使整个网页层次分明，使人看了一目了然。(3)在内容选取上要全面、可靠、严谨。(4)要有自己的独特风格，不能一味地去借鉴别人的网站，结构要新颖，有创意。虽然我的网站并不是用很专业的技术手段制作而成的，也有许多

9、的不足之处，例如：网站的导航过于简单、flash做得还不够专业、视频教学及在线测试功能还需强化等。但是我也有自己的特色，如：页面布局简洁清晰、内容由浅到深层层递进、语言通俗易懂及提供了在线测试功能等。我相信通过自己的不断学习、不断丰富自己、不断开拓视野、增强自己的实践操作技能，为以后能做出更加出色的网站而努力！致谢在做毕业设计期间，并不是一帆风顺的。虽然以前做过网站，但是像这种专题学习网站还是第一次接触。就在我一头雾水，不知从何做起的时候，我的指导老师密老师给我仔细地讲解了一些关于学习网站要完成的任务，以及达到什么样一个效果，让我有了一个大概的思路。为了让我们能够按时完成项目设计，暑假期间，密老师也时常督促我们，为我们解决遇到的一些问题。非常感谢密海英老师的耐心指导和帮助，让我能够成功地完成此项目。同时也要感谢给我帮助的同学们，谢谢你们！参考文献 1 王蒙田.网页制作三合一教程M.中国水利水电学出版社，2006.7 2 刘瑞新.Dreamweaver8网页制作短训教程M.机械工业出版社，2007.13 陆玉柱.Dreamweaver网页制作宝典M.电子工业出版