网页课程设计诗词鉴赏.docx

1、网页课程设计诗词鉴赏多媒体结课作业诗词鉴赏网页设计专业班级： 软件工程(1)班 学 号： 姓 名： 王芳梅 诗词鉴赏静态网页设计摘 要随着计算机网络技术的快速发展，网页在我们的生活中占据着重要的一部分，它不仅能够起到宣传、传达信息的作用，同时，还能得到用户的反馈信息，而正是网页的这一优点，使得网页设计这个行业在现代社会有了快速的发展。该网页采用EditPlus 3编写，用户可以通过浏览页内信息获取所需信息。该网页分前台页面和后台页面，共有16个页面，实现了信息的传达，测试等功能。经测试，本网页运行良好。1绪论1.1设计背景Web，直译过来就叫“网”，它的含义是通过超级链接将各种文档连接起来，形

2、成一个大规模的信息集合。网页(即Web页)是能够被浏览器软件识别的文本文件，扩展名一般为.htm或.html。是使用网页制作工作编辑生成或使用HTML语言编写的超文本，网页里可以包含文字、表格、图像、声音和视频等网页元素。每个网页都是磁盘上的一个文件，可以单独浏览。网页是组成网站的特殊成分，图像、声音、和视频等文件均需要通过网页才能让浏览者看到或听到。HTML语言是超文本标记语言（Hypertext Mark-up Language）的缩写,主要用来创建与系统平台无关的网页文档,它不是编程语言，而是一种描述性的标记语言。所有网页软件都是以HTML为基础，学会了它可以更方便灵活地控制网页。特别是

3、在动态网页的设计中，常常需要利用ASP、JSP、PHP等代码来输出网页的部分HTML代码，HTML文件是纯文本文件，能用任意的文本编辑器编辑，如：记事本、写字板、Word、Dreamweaver、Frontpage等。我这次使用的编辑器是EditPlus 3。1.2 EditPlus 3介绍EditPlus是由韩国人编写的一款共享软件，是功能全面的文本、HTML、程序源代码编辑器。主要特点如下：（1）默认支持HTML、CSS、PHP、ASP、Perl、C/C+、Java、JavaScript和VBScript等语法高亮显示，通过定制语法文件，可以扩展到其他程序语言，在官方网站上可以下载（大部分

4、语言都支持）。（2）EditPlus提供了与Internet的无缝连接，可以在EditPlus的工作区域中打开Intelnet浏览窗口。（3）提供了多工作窗口。不用切换到桌面，便可在工作区域中打开多个文档。（4）正确地配置Java的编译器“Javac”以及解释器“Java”后，使用EditPlus的菜单可以直接编译执行Java程序。总之，EditPlus功能强大，界面简洁美观，且启动速度快；中文支持比较好；支持语法高亮；支持代码折叠；支持代码自动完成(但其功能比较弱)，不支持代码提示功能；配置功能强大，且比较容易，扩展也比较强。像PHP、Java程序等的开发环境，只要看一下资料，几分钟就可以搞

5、定配置，很适合初学者学习使用。有不错的项目工程管理功能。内置浏览器功能，这一点对于网页开发者来说很是方便。2总体设计2.1规划网页规划网站就象设计师设计大楼一样，只有图纸设计好了，才能建成一座漂亮的楼房。根据内容列出一个结构化的蓝图，根据实际情况设计网页属性，包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等；向网页中插入文本、图像、动画等对象；建立所需要的超级链接、 预览和保存网页。2.2整体结构设计采用框架集结构对主页进行布局，如2.1图所示：图2.13详细设计3.1主页设计主页主要使用html中元素设计主页布局，主页内容有scjstopFrame，scjslefFrame，scjsr

6、ighFrame。主页布局主要代码： 3.2 模块设计scjstopFrame显示“诗词鉴赏”，并在打开网页时播放音乐，主要代码：诗词鉴赏 scjslefFrame运用table元素布局显示链接，主要代码： 赋得古草原送别 望庐山瀑布 登鹳雀楼 游 子 吟 乐 游 原 回乡偶书 春晓 春夜喜雨 清明 山居秋瞑 scjsrighFrame显示点击链接后的内容，其主要代码：诗词，是指以近体诗和格律词为代表的中国传统诗歌。通常认为，诗更适合“言志”，词更适合“抒情”。 诗词是阐述心灵的文学艺术，而诗人、词人则需要掌握成熟的艺术技巧，并按照严格韵律要求，

7、用凝练的语言、绵密的章法、充沛的情感以及丰富的意象来高度集中地表现社会生活和人类精神世界。中国诗起源于先秦，鼎盛于唐代。中国词起源于隋唐，流行于宋代。中华诗词源自民间，其实是一种草根文学。在21世纪的中国，诗词仍然深受普通大众青睐。4实现与测试4.1错误分析编写完程序后，我用Internet Explorer进行测试发现有很多问题存在，最大的问题是网页中文本的布局发生错误，而且有的网页并没有体现出效果，另外添加的背景音乐也没有播放，在我手足无措的情况下，我询求同学的帮助，解决了存在的问题，如果浏览器的版本不够高的话，背景音乐也无法播放，所以选择版本级别高的浏览器查看。如下4.1图是初次运行程序

8、出现问题的截图。图 4.14.2运行结果运行程序首先出现界面图并伴有背景音乐，如图4.2所示。图 4.2点击超链接后显示相应的诗词画面，如点击左侧的游子吟链接出现4.3图效果，由于所选诗词有十首，就不一一截图了。图4.35 总结一学期即将结束，通过此次作业设计，使我更进一步掌握了有关网页制作方面的知识，在设计过程中虽然遇到了一些问题，但经过一次又一次的思考，一遍又一遍的检查终于找出了原因所在，也暴露出了前期我在这方面的知识欠缺和经验不足。实践出真知，通过亲自动手制作，使我掌握的知识不再是纸上谈兵。在设计过程中，我不断发现错误，不断改正，不断领悟，不断获取。同时在设计中遇到了很多问题，最后在同学

9、的帮助下，终于解决了图片无法插入，背景音乐无法播放问题。在今后社会的发展和学习实践过程中，我一定要不懈努力，不能遇到问题就想到要退缩，一定要不厌其烦的发现问题所在，然后一一进行解决，只有这样，才能成功的做成想做的事，才能在今后的道路上劈荆斩棘，而不是知难而退。设计程序时，可以说是苦多于甜，但我学到了很多在书本上所没有学到过的知识。通过这次作业设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，从而提高自己的实际动手能力独立思考的能力。致 谢在这次作业的设计过程中，我之所以能够顺利的完成我的网页设计，要感谢我的同班同学，感谢同学在设计上提供给我的支持和帮助，这是我能顺利完成这次作业的主要原因，更重要的是同学帮我解决了许多技术上的难题，让我能把作业做得更加完善。在此期间，我不仅学到了许多新的知识，而且也开阔了视野，提高了自己的设计能力。我会在以后的求学路上再接再厉，不断完善自我，提高自我，为以后顺利的步入社会打下结实的基础。由衷的感谢同学的帮助。