Dreamweaver学习网站的设计与开发 网络工程专业毕业设计 毕业论文.docVIP

Dreamweaver学习网站制作 　　　　设计说明书 　 系 部： 信息工程系 学生姓名： 专业班级： 网络08D1 学 号： 指导教师： 2010年10月25日 目录 内容摘要 1 一、引言 1 1、Dreamweaver发展前景与现状 1 2、Dreamweaver专题学习网站的内容和意义 2 二、开发工具的介绍 2 三、网站的具体规划 3 1、 网站的功能结构 3 2、网站的主题思想 3 3、网站LOGO设计 3 4、网站布局设计 3 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、滚动图片、滚动字幕等效果。使得整个网站看上去不会太死板，让网站显得更生