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

资源描述

网页课程设计诗词鉴赏 12 2020年4月19日文档仅供参考，不当之处，请联系改正。多媒体结课作业诗词鉴赏网页设计专业班级：软件工程(1)班学号： 12740117 姓名：王芳梅目录摘要 1 1绪论 1 1.1设计背景 1 1.2 EditPlus 3介绍 1 2总体设计 3 2.1规划网页 3 2.2整体结构设计 3 3详细设计 4 3.1主页设计 4 3.2 模块设计 4 4实现与测试 7 4.1错误分析 7 4.2运行结果 7 5 总结 8 致谢 9 诗词鉴赏——静态网页设计摘要随着计算机网络技术的快速发展，网页在我们的生活中占据着重要的一部分，它不但能够起到宣传、传达信息的作用，同时，还能得到用户的反馈信息，而正是网页的这一优点，使得网页设计这个行业在现代社会有了快速的发展。该网页采用EditPlus 3编写，用户能够经过浏览页内信息获取所需信息。该网页分前台页面和后台页面，共有16个页面，实现了信息的传达，测试等功能。经测试，本网页运行良好。 1绪论 1.1设计背景 Web，直译过来就叫“网”，它的含义是经过超级链接将各种文档连接起来，形成一个大规模的信息集合。网页(即Web页)是能够被浏览器软件识别的文本文件，扩展名一般为.htm或.html。是使用网页制作工作编辑生成或使用HTML语言编写的超文本，网页里能够包含文字、表格、图像、声音和视频等网页元素。每个网页都是磁盘上的一个文件，能够单独浏览。网页是组成网站的特殊成分，图像、声音、和视频等文件均需要经过网页才能让浏览者看到或听到。 HTML语言是超文本标记语言（Hypertext Mark-up Language）的缩写,主要用来创立与系统平台无关的网页文档,它不是编程语言，而是一种描述性的标记语言。所有网页软件都是以HTML为基础，学会了它能够更方便灵活地控制网页。特别是在动态网页的设计中，常常需要利用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等语法高亮显示，经过定制语法文件，能够扩展到其它程序语言，在官方网站上能够下载（大部分语言都支持）。（2）EditPlus提供了与Internet的无缝连接，能够在EditPlus的工作区域中打开Intelnet浏览窗口。（3）提供了多工作窗口。不用切换到桌面，便可在工作区域中打开多个文档。（4）正确地配置Java的编译器“Javac”以及解释器“Java”后，使用EditPlus的菜单能够直接编译执行Java程序。总之，EditPlus功能强大，界面简洁美观，且启动速度快；中文支持比较好；支持语法高亮；支持代码折叠；支持代码自动完成(但其功能比较弱)，不支持代码提示功能；配置功能强大，且比较容易，扩展也比较强。像PHP、Java程序等的开发环境，只要看一下资料，几分钟就能够搞定配置，很适合初学者学习使用。有不错的项目工程管理功能。内置浏览器功能，这一点对于网页开发者来说很是方便。 2总体设计 2.1规划网页规划网站就象设计师设计大楼一样，只有图纸设计好了，才能建成一座漂亮的楼房。根据内容列出一个结构化的蓝图，根据实际情况设计网页属性，包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等；向网页中插入文本、图像、动画等对象；建立所需要的超级链接、预览和保存网页。 2.2整体结构设计采用框架集结构对主页进行布局，如2.1图所示： topFrame rightFrame leftFrame 图2.1 3详细设计 3.1主页设计主页主要使用html中<frameset>…</frameset>元素设计主页布局，主页内容有scjstopFrame，scjslefFrame，scjsrighFrame。主页布局主要代码： <frameset rows="99,*" cols="*" frameborder="no" border="0" framespacing="0"> <frame src="scjstop.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frameset rows="*" cols="262,*" framespacing="0" frameborder="no" border="0"> <frame src="scjsleft.html" name="leftFrame" scrolling="auto" noresize="noresize" id="leftFrame" title="leftFrame" /> <frame src="scjsright.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> </frameset> 3.2 模块设计 scjstopFrame显示“诗词鉴赏”，并在打开网页时播放音乐，主要代码：<body class="zt1">诗词鉴赏<audio autoplay="autoplay" > <source src="yy.mp3" type="audio/mp3" /> </audio></body> scjslefFrame运用table元素布局显示链接，主要代码： <table width="200" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th height="35" align="center" scope="col"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th height="35" align="center" scope="col"><span class="zt2"><a href="html/1.html" target="mainFrame">赋得古草原送别</a></span></th> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/2.html" target="mainFrame">望庐山瀑布</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/3.html" target="mainFrame">登鹳雀楼</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/4.html" target="mainFrame">游子吟</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/5.html" target="mainFrame">乐游原</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/6.html" target="mainFrame">回乡偶书</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/7.html" target="mainFrame">春　　晓</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/8.html" target="mainFrame">春夜喜雨</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/9.html" target="mainFrame">清　　明</a></span></td> </tr> <tr> <td height="35" align="center"><span class="zt2"><a href="html/10.html" target="mainFrame">山居秋瞑</a></span></td> </tr> </table> <span class="zt2"></span></th> </tr></table> scjsrighFrame显示点击链接后的内容，其主要代码：<div id="apDiv1"><span class="zt3">诗词，是指以近体诗和格律词为代表的中国传统诗歌。一般认为，诗更适合“言志”，词更适合“抒情”。诗词是阐述心灵的文学艺术，而诗人、词人则需要掌握成熟的艺术技巧，并按照严格韵律要求，用凝练的语言、绵密的章法、充沛的情感以及丰富的意象来高度集中地表现社会生活和人类精神世界。中国诗起源于先秦，鼎盛于唐代。中国词起源于隋唐，流行于宋代。中华诗词源自民间，其实是一种草根文学。在21世纪的中国，诗词依然深受普通大众青睐。</span></div> 4实现与测试 4.1错误分析编写完程序后，我用Internet Explorer进行测试发现有很多问题存在，最大的问题是网页中文本的布局发生错误，而且有的网页并没有体现出效果，另外添加的背景音乐也没有播放，在我手足无措的情况下，我询求同学的帮助，解决了存在的问题，如果浏览器的版本不够高的话，背景音乐也无法播放，因此选择版本级别高的浏览器查看。如下4.1图是初次运行程序出现问题的截图。图 4.1 4.2运行结果运行程序首先出现界面图并伴有背景音乐，如图4.2所示。图 4.2 点击超链接后显示相应的诗词画面，如点击左侧的《游子吟》链接出现4.3图效果，由于所选诗词有十首，就不一一截图了。图4.3 5 总结一学期即将结束，经过此次作业设计，使我更进一步掌握了有关网页制作方面的知识，在设计过程中虽然遇到了一些问题，但经过一次又一次的思考，一遍又一遍的检查终于找出了原因所在，也暴露出了前期我在这方面的知识欠缺和经验不足。实践出真知，经过亲自动手制作，使我掌握的知识不再是纸上谈兵。在设计过程中，我不断发现错误，不断改正，不断领悟，不断获取。同时在设计中遇到了很多问题，最后在同学的帮助下，终于解决了图片无法插入，背景音乐无法播放问题。在今后社会的发展和学习实践过程中，我一定要不懈努力，不能遇到问题就想到要退缩，一定要不厌其烦的发现问题所在，然后一一进行解决，只有这样，才能成功的做成想做的事，才能在今后的道路上劈荆斩棘，而不是知难而退。设计程序时，能够说是苦多于甜，但我学到了很多在书本上所没有学到过的知识。经过这次作业设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，从而提高自己的实际动手能力独立思考的能力。致谢在这次作业的设计过程中，我之因此能够顺利的完成我的网页设计，要感谢我的同班同学，感谢同学在设计上提供给我的支持和帮助，这是我能顺利完成这次作业的主要原因，更重要的是同学帮我解决了许多技术上的难题，让我能把作业做得更加完善。在此期间，我不但学到了许多新的知识，而且也开阔了视野，提高了自己的设计能力。我会在以后的求学路上再接再厉，不断完善自我，提高自我，为以后顺利的步入社会打下结实的基础。由衷的感谢同学的帮助。

展开阅读全文