个人主页课程设计报告.doc

个人主页课程设计报告课题:火影之家姓名:学号:同组姓名:专业班级:指导教师:设计时间:评阅意见:评定成绩:指导老师签名:年月日目录一、运行坏境 3二、设计的目的和意义 : : 3三、设计步骤: : : : : 6四、程序源代码 10五、调试过程分析 18六、网页的测试与发布 18七、小结 19参考文献 20一、运行坏境本网页主要基于windowsXP/2000或其他系列操作系统,安装有Flash播放器、网页三剑客:MacromediaDreamweaver、MacromediaFireworks、MacromediaFlash的运行坏境。二、,所以本次课程设计中主要是以火影为主要的素材。本次课程设计的主题是个人网页制作,我主要做了7个网页。网页主要是以flash为主,子网页主要是以介绍为主,其中包含了人物的特点、擅长的技能、图片,能够帮助火影爱好者更清晰的了解剧情里面的人物关系和自身的特点!还有各种关于火影相关的连接,能够比较系统的找到火影的相关信息,希望对广大感兴趣的人爱好者会有所帮助!个人网页设计是采用HTML、Dreamweaver、Photoshop等结合开发的,要进行网页的开发,必须对要Dreamweaver、flash、Photoshop等设计软件有所了解。而且还要熟悉利用HTML语法来编写网页代码。当然,还要有一定美术功底。:①.在中国的迅速发展,、图像、声音、动画、视像等多种媒体信息集于一体,不但使信息的显示更加生动,而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流,因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度.②.现实意义我们本次通过设计个人网页主要是学****掌握HTML语言的用法,以及Dreamweaver的一些具体操作,还有学会运用一些Photoshop的知识。希望通过本次设计能够熟悉以上知识,并能够设计出好的网页。三、设计步骤::①.本站素材来源:火影中文网、百度、Google等,并结合Photoshop、123Flash等辅助软件制作网页背景、图标等素材。素材主要包括网站所需要的图片、火影忍者相关的文字说明如作者岸本齐史简介、火影忍者人物性格分析火影人忍者简介及剧情介绍等。②.前期构思,主要完成网站主题框架设计如首页与分页面的逻辑结构、各分页面框架布局、首页框架布局、导航栏链接、完成基本的图像文字排版及部分较为简单的页面构思。在头脑里完成《网站“火影之家”规划报告》(草案)。:①.进入Flash软件的运行环境设置背景颜色为黑色。如图3-1所示:图3-1将下面的线条重复的放在黑色的背景上面,会出现有种渐变色的感觉。如下图3-2所示:图3-2还有图片的相应的切换,每张图片都是由模糊到清楚慢慢的变化。(需要编写程序实现这些功能)②.在编程区域编写程序,源代码见程序源代码中():③.效果图如下:图3-1图3-2图3-3图3-4图3-5图3-:①.新建一个记事本文件。②.在文本文档中编辑自己的HTML代码。③.()。④.:--》源文件修改网页中设计到的主要代码:获取图片代码:<imgsrc="./images/#.gif"width="144"height="50">背景颜色设置:<bodybgcolor="#d0d0d0">文字链接设置:<ahref="">Thistext</a>图片链接设置:<u><ahref=""><imgsrc="./images/"width="116"height="32"></a></u>:①.打开Dreamweaver主界面,单击菜单栏→。②.,经过一段时间的调整,主界面基本形成。效果图如下所示:图3-7—欢迎页面(1)图3-7—欢迎页面(2)图3-7—欢迎页面(3)③.子界面设置效果如下图所示:图3-8—火影简介截图(1)图3-8—火影简介截图(2)图3-8—火影简介截图(3)图3-9—人物简介页面截图(1)图3-9—人物简介