下载此文档

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


文档分类:办公文档 | 页数:约21页 举报非法文档有奖
1/21
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/21 下载此文档
文档列表 文档介绍
个人主页课程设计报告
课题: 火影之家
姓名:
学号:
同组姓名:
专业班级:
指导教师:
设计时间:
评阅意见:
评定成绩:
指导老师签名:
年月日
目录
一、运行坏境 3
二、设计的目的和意义 3
: 3
: 3
三、设计步骤: 4
准备工作: 4
Flash设计步骤: 4
HTML的编写步骤: 6
Dreamweaver的设计步骤: 6
四、程序源代码 10
五、调试过程分析 18
六、网页的测试与发布 18
七、小结 19
参考文献 20
一、运行坏境
本网页主要基于windows XP /2000 或其他系列操作系统,安装有Flash播放器、网页三剑客:Macromedia Dreamweaver 、Macromedia Fireworks 、Macromedia Flash 的运行坏境。
二、设计的目的和意义

由于本人比较喜欢火影,所以本次课程设计中主要是以火影为主要的素材。本次课程设计的主题是个人网页制作,我主要做了7个网页。网页主要是以flash为主,子网页主要是以介绍为主,其中包含了人物的特点、擅长的技能、图片,能够帮助火影爱好者更清晰的了解剧情里面的人物关系和自身的特点!还有各种关于火影相关的连接,能够比较系统的找到火影的相关信息,希望对广大感兴趣的人爱好者会有所帮助!
个人网页设计是采用HTML、Dreamweaver、Photoshop等结合开发的,要进行网页的开发,必须对要Dreamweaver、flash、Photoshop等设计软件有所了解。而且还要熟悉利用HTML语法来编写网页代码。当然,还要有一定美术功底。
:
①.理论意义
在中国的迅速发展,、图像、声音、动画、视像等多种媒体信息集于一体,不但使信息的显示更加生动,而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流,因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度.
②.现实意义
我们本次通过设计个人网页主要是学****掌握HTML语言的用法,以及Dreamweaver的一些具体操作,还有学会运用一些Photoshop的知识。希望通过本次设计能够熟悉以上知识,并能够设计出好的网页。
三、设计步骤:
:
①.本站素材来源:火影中文网、百度、Google等,并结合Photoshop、123Flash等辅助软件制作网页背景、图标等素材。
素材主要包括网站所需要的图片、火影忍者相关的文字说明如作者岸本齐史简介、火影忍者人物性格分析火影人忍者简介及剧情介绍等。
②.前期构思,主要完成网站主题框架设计如首页与分页面的逻辑结构、各分页面框架布局、首页框架布局、导航栏链接、完成基本的图像文字排版及部分较为简单的页面构思。在头脑里完成《网站“火影之家”规划报告》(草案)。
Flash设计步骤:
①. 进入Flash软件的运行环境设置背景颜色为黑色。
如图3-1所示:
图3-1
将下面的线条重复的放在黑色的背景上面,会出现有种渐变色的感觉。
如下图3-2所示:
图3-2
还有图片的相应的切换,每张图片都是由模糊到清楚慢慢的变化。(需要编写程序实现这些功能)
②.在编程区域编写程序,源代码见程序源代码中():
③.效果图如下:

图3-1 图3-2

图3-3 图3-4

图3-5 图3-6
HTML的编写步骤:
①.新建一个记事本文件。
②.在文本文档中编辑自己的HTML代码。
③.()。
④.: --》源文件修改
网页中设计到的主要代码:
获取图片代码:<img src="./images/#.gif" width="144" height="50">
背景颜色设置:<body bgcolor="#d0d0d0">
文字链接设置:<a href="">This text</a>
图片链接设置:<u><a href=""><img src="./images/" width="116" height="32"></a></u>
Dreamweaver的设计步骤:
①.打开Dreamweaver主界面

个人主页课程设计报告 来自淘豆网www.taodocs.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数21
  • 收藏数0 收藏
  • 顶次数0
  • 上传人qiang19840906
  • 文件大小8.10 MB
  • 时间2018-02-21