可视化程序设计实践报告

1、东北石油大学可视化程序设计实践题 目精品动漫集结院班系 电气信息及其自动化专业班级学生姓名学生学号指导教师2013年7月26日 TOC o 1-5 h z HYPERLINK l bookmark4 o Current Document 1设计目的1 HYPERLINK l bookmark7 o Current Document 2需求分析1 HYPERLINK l bookmark10 o Current Document 2.1用户1 HYPERLINK l bookmark13 o Current Document 2.2主要功能1 HYPERLINK l bookmark16 o C

2、urrent Document 2.3基本流程1 HYPERLINK l bookmark19 o Current Document 3网站开发过程2 HYPERLINK l bookmark22 o Current Document 3.1主页面的设计2 HYPERLINK l bookmark25 o Current Document 3.2子页面设计2 HYPERLINK l bookmark28 o Current Document 4心得体会4 HYPERLINK l bookmark31 o Current Document 5参考文献41设计目的这次网页课程设计，我们学计算机的首

3、先应该对基本的网络信息有着更深 入的了解，并且要懂得利用网络资源，而不是成天的上网，并且有助于我们了 解一些知识文化。对于所搜集的资料我们要懂得如何的去筛选有价值的东西， 并且怎样去整理所有的信息。并且，作为一款实用软件，我们要学会网页制作 中颜色的搭配，主题的确立，独出心裁的设计和审美观点。学会图片和文字的 组织方式等等，要通过课程设计，能够领会做出比较新颖的文件，并增强动手 实践能力，进一步加强自身综合素质。在这里我设计的是一个“精品动漫集结” 的网页，以便读者能够了解几部优秀的动漫作品。2需求分析2.1用户网站的主要浏览者是主要空闲娱乐者，美术爱好者，动漫迷，社团社员， 以及一些学生等等

4、。2.2主要功能建立经典动漫集结网站可以用经典的宣传海报向网友观众们展示几部动漫 的主线剧情，由动漫之间的对比，可以让大家对不同风格的动漫有不同的选择。以图文的方式向读者展示每部作品的故事背景、主人公的经历、情节发展、 精彩片段，使读者对此产生兴趣，让更多的人了解动漫文化，认识动漫，能够 学习其中的长处，将来发展我们自己国家的动漫事业。里面诸多的元素一一友 情、亲情、青春、热血、坚忍、努力、和平、希望、梦想，这些也是鼓励我们 的重要因素。2.3基本流程确定主题为动漫网站，为了使系统更明确，我建立了如jpg、flv、mp3等 文件夹用于分别管理需要的资源。对于主页，为了使其不只单单是引导的作用，

5、 我插入了动漫歌曲作为背景音乐，加入了超链接以丰富其功能。子页方面，按 内容分类格局大体相同，用数个超链接进行相互连接，并在每一个子页插入该 动漫的片段方便读者感受其中风采。龙珠介绍（html）火影忍者（html）名侦探柯南（html）图1网站具体结构图3网站开发过程3.1主页面的设计首页（html）主要是提供导航功能，页面内容是对动漫的大概介绍。主页 中的图像将各个动漫的主角巧妙地融合在了一起，在这里他们的神态、特征、 衣着、装饰、宠物等都聚集在了一起，生动的反映出了每部作品的画风，人物 的性格也是栩栩如生；页面上方是左右移动的“动漫之星图标”，为体现网页的 动感。左侧和图片下方各位五个子页

6、面的链接，点击即可进入其他页面。图片 上方的中心区域用文本介绍了日本动漫的特点。并用插入音频的方式，插入了 三首日文动漫歌曲，设置参数false使歌曲并不全部自动播放而是而是只播放一 首供用户选择，感兴趣的用户可以单击播放器下的超链接以获取更多信息。图2主页面设计图3.2子页面设计1）龙珠（htmll）流传在从小学生到大学之间的一部优秀作品，本网页用几幅不同时期的图片介绍王人公不同时期的面貌。图片的下方用文字把该作品的故事背景、人物 发展历程、性格特点描述出来。上方用了五个链接，可以跳转到主页和其他四 部作品的网页，最下方也同主页一样。这是精品动漫集结网中非常受欢迎的一 部分，如有兴趣的读者可

7、以感受一下。A0m3wv5牧事介绍：独自住在深山的少年孙悟空，遇上搜集七龙珠的少女科学家布玛，布玛为得到悟空拥有的四星七龙珠而带 司吾空踏上找寻七龙珠的旅程。长有尾巴的孙悟空天生神力，加上曾得到己过身的爷爷孙悟饭J训练武术，所以悟& 固.寻七龙珠的期间多次打败作恶的坏人，并且认识了乌龙、乐平、龟仙人、牛魔王及其女儿琪琪（琪琪成了他的未婚咨朋友。在找寻最后一颗七龙珠时闾进及拉夫的城堡，后来悟空因月圆而变身成巨猿，被狗掉尾巴，七龙珠亦因乌力计愿而四散。悟空拜武天老师（免仙人）为师学习武术，同时出身少林寺的库林亦拜武天老师为师。两人一起修 勇，由馨初的竞争后来成为最要好的朋友。修练了八个月后两人参加

8、了第二十一回天下一武道会，两人在大会表现活跃，i分别在四强赛和决赛败在变装参赛的师傅手下。武道会结束后，悟空为找回属於爷爷遗物的四星七龙珠而独自踏上t 寻七龙珠之路。旅途中遇上了正在找寻七龙珠，意图征服世界的黑绸军，悟空数次破坏黑绸军的阴谋，打倒多个黑绸军於图3龙珠页面2）海贼王本网页用分段式文字将不同时期的故事叙述一番，左侧和主页一样设有五 个链接，可以跳转到其他子页面或首页。链接下是漫画海报，经典的镜头介绍 了海上一部热血和梦想的故事。另外在网页文字下方插入了一个超链接，连接 到该动漫的官方网站，在上面可以欣赏到精彩的动漫视频，供有兴趣的读者观 看。TF百：再由术即故事介绍：受到四皇红发杰

9、克的影响，蒙其D鲁夫开始出海当海贼。在冒险途中，原赏金猎人罗罗亚与 贼的小偷骗人布以及海上餐厅巴拉蒂副主厨香吉士陆续入夥，草帽海贼团就此成形。由於陆续击倒了在东海恶名 们（包括铁棒亚尔丽塔、小丑巴其、百计克洛、首领克利克、锯齿恶龙等人），使鲁夫以新人之姿， 万贝利的东海最高悬赏金。鲁夫一伙人到达了罗格镇，这是进入伟大航道之前必经的地方，也是海贼王哥尔D罗杰的 来被公开处刑的 所在，因此这里又被称为开始与结束的城镇,在罗格镇，他们同时受到管辖这里的海军上校白猎人； 许多敌人的夹 击，鲁夫在奔走过程中撞见了海贼王被处死的高台，兴奋的爬上高台眺望远方，却不小心被小丑巴其给擒住 刀即将招呼到颈间的那一

10、瞬，他笑著对草帽海贼团的众人说：对不起，我要死了！，此情此景令斯摩格回想起二十年 刑（死前能够没有遗憾的笑，这样的人并不多）。也许是身处高处的缘故，巴其的刀凑巧引来了闪电劈向高台，身为橡胶. 身体不导电而得救了，巴其则是暂时昏迷.返回船上的路上，鲁夫在镇上的入口处一度被斯摩格抓住，却又受到父亲:D多拉格的图4海贼王页面3）银魂该子页内容大致如上，并且其中上方插入了音频白夜叉降临达到其独 特效果。作者：空知英秋故事介绍：江户时代末期（200年前），被称为“天人”的谜之异星人来袭。于是地球人与天人之间的战争瞬即 众多的武士和攘夷派志士都参与与天人的战斗。幕府见识到天人强大的实力后，最终向天人低头，

11、放弃武士4 与天人签订不平等条约，准许他们入国。其后更颁布了 “废刀令”，夺走了武士的刀，使他们无力反抗。自此 霸道，幕府为天人所影响，甚至被控制，成为了 “傀儡政权”。在这样的时代，有一个落魄，但是却一直贯彻 的男入与同伴的生活的故事。主页-龙珪-火影忍者-海臧王-银烫-名侦探材南图5银魂页面4心得体会在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等 方式，便可以得到改善。可以说在自己动手，不断实践的过程中，网页设计 水平得到了很大的提高。就我而言，也在学习网页中总结了如下经验。关于网 页设计的书太多了，林林总总的，而且有些乱。书看多了，花的时间比较多。 我觉得想学基本技巧的该不用太多地看书。初学者要清楚地了解网页制作的基 本流程。就是第一步做什么下一步又该怎样。从绘画网页框架图到最后发布网 站，大概是怎样的一个过程，怎样实现的，应该要心里有数。按流程的顺序 学习，不要试着先把所有做网页用到的软件都吃透了再开始做网页，