dreamweaver网页设计报告材料.docx

1、dreamweaver网页设计报告材料城建学院网页设计课程设计报告学 号： 专 业： 姓 名： 题 目： 指导老师： 设计时间： 计算机科学与工程系2012年6月一、设计目的中国诗词文学，是一部漫长而辉煌的历史，一片盛开异卉奇葩的艺术苑囿，一座语言文字砌成的美丽宫殿，搏动着一个伟大民族丰富而深邃的灵魂，五千年古国盛衰兴亡的风云在其中舒卷。中国诗词文学，是中华文明最值得自豪的瑰宝，对人类精神宝库做出了永久的贡献。中国诗词文学的爱好者众多，但是供他们查询，鉴赏，交流诗词文学的平台却很少。出于对诗词文学的热爱和对诗词名篇查询，鉴赏，交流的需要，因此选定此课题。课题设计本着简洁，方便，人性化的原则，期

2、望实现一个可以满足诗词文学爱好者了解文学概述，咨询发展历史，查询名篇名句，分享赏析心得等功能的诗词文学鉴赏平台。二、需求分析古代诗歌是中华文学艺术的精髓，孔子说过：“不学诗，无以言。”但由于社会环境、人文环境、语言环境的变迁，人们对其并不热衷。近年来，“母语忧患”、“古诗文学习丢不得”等标题频见报端。全球化的浪潮、英语的霸权以及学生学习兴趣的日益消退无不对母语传承产生巨大的冲击。这种形势下，对于苦涩难懂的古代诗歌，中学生更是兴味索然。从每年的高考成绩来看，古代诗歌鉴赏得分不高。虽然花的时间不少，但收效甚微。中国是一个诗的国度，中国诗歌发展的历史非常悠久，从第一部诗歌总集诗经算起，已经有三千多年

3、的历史了。战国以来，“楚之骚，汉之赋，六代之骈语，唐之诗，宋之词，元之曲，皆所谓一代之文学”。从一定意义上说，一部中国文学史可以说是一部中国诗歌发展史。它像一条横亘古今的河流，流淌着中华文学艺术的精髓，激荡着历史精魂的心曲，成为传承民族灵魂的载体。为了让中华传统文化继续流传，得到广大人民的欣赏与支持，我们设计并制作一个诗词欣赏页面，以表达我们对诗词的喜爱与支持。三、 功能模块分析及设计 唐诗宋词元曲边塞诗送别诗古诗词诗词在线欣赏现代诗词田园诗乐府诗词的分类词牌名称词的起源派别及代表作婉约派豪放派花间派名篇图片概述流派名作欣赏特点 四、 制作过程及要点1. 制作一个完整的，首先是建立站点，只有建

4、立站点，才能更好的完成网页制作和站点文件管理。本地站点是使用Dreamweaver制作网页的工作目录，也就是为特别建立的总文件夹。在这个文件夹里使用者可以再按照网页制作的要求，建立不同分类的其他文件夹，如：图像文件夹、栏目文件夹、数据文件夹等。具体建立站点步骤如下：1)、打开计算机中一个盘符，然后在盘符中创建一个 文件夹如图；2)、打开文件夹 ，在文件夹中再创建一个图像文件夹“ ”如图；3)、启动Dreamweaver CS4软件，选择菜单“站点”|“新建站点”命令，如图；4)、打开未命名的站点定义对话框个，然后在对话框中选择左边“分类”选项中的“本地信息”选项，如图；5)、在“本地信息”选项

5、的“站点名称”文本框中输入站点名称“ ”然后单击下面“本地跟文件夹”文本框后面按钮，打开选择本地站点文件夹的对话框，然后选择前面创建的文件夹“ ”，单击选择按钮完成站点的建立。2.一级网页（首页的建立）。1).采用表格布局，根据选好的素材，设计好板式及大小，裁剪相关素材，使素材和板式之间相匹配。2).制作标题栏，选择-窗口标签检查器，在background下浏览文件，选择目标背景图片，插入后添加文字。在属性里调整文字格式、大小、颜色等，定义类为标题。如图0-1 图013）制作侧栏。在属性css样式中，选择背景，将选好的文字素材插入，调整版面，文字大小等。4)导航栏，的创建。选中要创建的文本，单

6、击右键，选择“创建”，选中要的页面，如图02所示图02同时设置的属性，选中，单击页面属性，设置的颜色，鼠标滑过颜色，选中后的颜色等，如图03所示图035）制作主栏。在主功能区，将选择的flash文件插入。a插入flash的具体步骤：插入多媒体文件在网页中国插入Flash动画是最普遍的网页制作技术。插入Flash动画可以使网页网页具有活泼、生动的效果。插入Flash的具体步骤如下：1、启动DreamweaverCS4软件，然后打开文件夹的网页文件。如图；2、将光标移动到中间黑色边框的单元格中如图1-1；图1-13、在插入面板的“常用”选项中单击SWF按钮，如图1-2；图1-24、打开“选择文件”

7、对话框，如图1-3：图1-3选择插入的多媒体文件如图1-4：图1-4如上操作即插入我需要的多媒体文件。调整多媒体及框架大小，使多媒体正常播放。2、二级网页的制作。 1）二级的布局等操作基本如上，不同的是添加了跑马灯，音频等操作。a、跑马灯将代码加入到所需设置的文字前面，在文字后面同时加入,可完成走马灯的设置，如图1-5图1-5b、插入音频1）将光标插入到页面按钮下面的单元格中，单击“插入”面板的“常用”选项中的“插件”按钮，如图1-6图1-62）打开“选择文件”对话框，选择“image”文件夹中的音乐文件，如图1-7图1-7 3）单击确定后，在网页中插入标志，选中后在“属性”面板中设置好宽和高

8、。 4）选中插件表识，单击属性面板上的“参数”按钮，打开“参数”对话框，在“参数”下输入“loop”，在“值”下面输入“true”，完成后单击“确定”按钮，如图1-8所示图18五、系统介绍或功能展示1.主页面展示。图2-1 图2-1功能区：主页面采用框架的形式，将个个二级页面清晰的连接分类表明，让网页简洁明了，添加的flash更加形象生动的展示了诗词的美妙动人，添加网页的动态美。2.唐诗鉴赏部分展示：图2-2 图2-2功能分析：采用分类建立二级网页，采用走马灯的方式展示唐诗概况，令整体布局合理简洁，形式多样。3.宋词鉴赏部分：图2-3图2-3功能分析：采用音频形式，使网页在视听上均可增加浏览者

9、的印象。4.元曲鉴赏部分：图2-4图：2-4功能区分析：增加图片浏览部分，图文并茂，增添阅读兴趣。5.现代诗鉴赏部分：图2-5图2-5功能区分析：采用视频和flash相结合的布局，动态多彩，形象生动，更加微妙的介绍了现代诗的特点及涵。六、设计总结为期一周的网页设计就快结束了，在这短短的一周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。在这一周的时间里，我一心只做网页，做自己喜欢的风格的网页。经历了一次充实而有愉快的程序设计，我学会了制作框架、给网页网页插入背景音乐、表格、框架更深层次的掌握了它们的用法。现在我心目中的网页也已经大体竣工，我感到很开心，经过这一周的不断探索，我喜欢

10、上了这门课程，感觉很有意思。或许程序设计的结束代表一段新生活的开始，但是我认为它不但是一门课，需要我们去掌握，同时还可以锻炼我们的逻辑思维能力和思维的严密性，还有就是在制作网页的过程中，更需要有不错的艺术审美观，这样，你做出的网页才会赏心悦目，让人眼前一亮，也就是从此刻起，我决心好好钻研这门课，力求这方面的技能达到顶级。虽然网页已经完成，可这并不是一件轻而易举的事情，在此过程中我遇到了许多以前不曾遇到的问题，多的情况都是自己解决，万不得已之际，我会主动问老师和同学，直到弄懂为止！这短短的一周让我更加清楚地明白老师平日里的良苦用心，也更加清楚地明白了自己以后应该怎样去做事七、参考资料1 唐圭璋：全宋词，中华书局，19652 马永强， 柳，卢坚。Dreamweaver cs4 多媒体教学经典教程.清华.