Dreamweaver网站制作毕业设计说明书

Dreamweaver学习网站制作

设计说明书

系部：信息工程系

学生姓名：***

专业班级：网络08D1

学号：*********

指导教师：密海英

2010年10月25日

目录

内容摘要 (1)

一、引言 (1)

1、Dreamweaver发展前景与现状 (1)

2、Dreamweaver专题学习网站的内容和意义 (2)

二、开发工具的介绍 (2)

三、网站的具体规划 (3)

1、网站的功能结构 (3)

2、网站的主题思想 (3)

3、网站LOGO设计 (3)

4、网站布局设计 (4)

5、网站的内容 (4)

四、页面设计过程 (4)

1、一级导航页面设计 (4)

2、二级导航页面设计 (6)

3、三级导航页面设计 (8)

五、总结 (9)

致谢 (10)

参考文献 (11)

Dreamweaver学习网站的设计与开发

内容摘要

本课题通过对Dreamweaver学习网站的制作，为使用者提供一个自主学习、测试的Dreamweaver的平台。网站采用了清新自然的绿色为主色调，颜色明快柔和，界面美观简洁。清新的绿色让学习者产生视觉上的放松。本网站文本简明、通俗易懂，整体结构清晰、统一，便于学习。网站资源丰富、层次清楚、内容严谨。页面多处插入了flash，使得页面更加生动、活泼，富有感染力。网站导航清晰，布局简单却不单调，让学习者能够一目了然，方便快捷。

本网站采用了实例教学的手法，使得学习者能够更加直观地去学习。此外，还增加了在线测试的功能，打破了以往只能够“教”而不能够“测”的网站，这样才能使学习者更加直接地了解自己的学习情况，从而提高自己的学习能力

一、引言

（一）Dreamweaver的发展前景与现状

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见

即所得网页编辑器，它是第一套针对专业网站设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

它于1997年首次推出。2002年推出Dreamweaver UltraDev，它主要运用其核心的Roundtrip HTML技术，可确保在切换程序代码与设计检视时的程序代码质量，Dreamweaver 成为专业网站外观设计的先驱。2002年推出了Dreamweaver MX ,目的是支持现代网页专业人员兼备的多重角色。2003年推出Dreamweaver MX 2004，新增了对以往CSS为基础设计与开发提供支持的革命性功能，将网页设计提升到新的层次。之后，又推出Dreamweaver 8,它是以之前版本为基础，扩充了主要范围的功能，例如XML和CSS，并简化了其工作流程，以帮助使用者事半功倍。

在这个高速发展的信息化时代，Dreamweaver仍然是目前最流行的网页制作软件之一，它最佳的制作效率、网站管理能力、及无可比拟的控制能力等特点，使得网页制作变得更加简单、快捷、方便。

（二）Dreamweaver学习网站的内容和意义

本网站的内容：根据指定的主题制作的一个Dreamweaver 学习网站，其中包括Dreamweaver知识的收集、分类、整理，确保内容的正确、逻辑严谨、层次清楚；提供友好的操作界面，方便学习者自主地学习；提供测试功能以便学习者及时测试自己的学习效果，以便更好地提高自己的能力。形成的一个内容正确实用，布局合理，色彩搭配协调，页面美观且比较完整的学习Dreamweaver知识的专题网站。

本网站的意义：网上虽然有许多关于本专题的学习网站，但此次想通过自己的努力制作一个专门针对大专院校生，以及一些行外者学习的Dreamweaver学习网站。这样不仅能给学习者提供良好的学习环境，让他们可以免费地、自主地学习有关Dreamweaver 软件的知识，还可以通过制作本主题网站更一步提高自己的网页制作能力以及进一步深入地学习有关Dreamweaver知识。

二、开发工具的介绍

在本次的专题网站制作中，我主要使用了Dreamweaver、Photoshop、Flash等软件。

使用Dreamweaver制作整个网站，对网页进行合理的排版和布局，同时也采用了CSS 样式，更好地显示了本网站元素及内容，具有更好的易用性和可扩展性，大大简化了网站的建设。

使用Photoshop来设计网站的界面，以及对网站中一些图片的处理，使得网站得到了美化。

使用Flash软件制作了一些动态的LOGO、滚动图片、滚动字幕等效果。使得整个网站看上去不会太死板，让网站显得更生动，更能够吸引学习者。

三、网站的具体规划

（一）网站的功能结构

本专题网站中，主要设计了网站首页、课程展示、实例教程、在线测试、学习交流五个导航。网站首页提供了专题简介、教学方法、教学目标以及教学内容，让学习者对本学习网站有个初步的认识；课程展示提供了基础课程、进阶课程及网站技巧等内容，让学习者能够清晰地、循序渐进地学习相关内容；实例教程提供了一些实例教学及视频教学，让学习者通过实例进一步学习；在线测试提供了学习者自我检测的平台；学习交流提供了学习者相互交流的平台。各个功能导航下还具体划分了小的导航链接，详细结构请见图3－1。

本网站的意义：网上虽然有许多关于本专题的学习网站，但此次想通过自己的努力制作一个专门针对大专院校生，以及一些行外者学习的Dreamweaver学习网站。这样不仅能给学习者提供良好的学习环境，让他们可以免费地、自主地学习有关Dreamweaver 软件的知识，还可以通过制作本主题网站更一步提高自己的网页制作能力以及进一步深入地学习有关Dreamweaver知识。

图 3－1 网站功能结构图

（二）网站的主题思想

本网站是一个Dreamweaver专题学习网站，目的就是要提供给学习者一个舒适的学习平台。网站的主题思想就是一切为了学习者能够通过本网站能够更好、更快、更舒适地学习。所以本网站分类清晰、内容丰富、由浅到深。语言通俗易懂，让那些原本对Dreamweaver知识一窍不通的学习者都能够自主学习。

（三）网站LOGO设计