《个人主页设计与制作毕业设计》.docVIP

目录： 设计目的1 设计任务1 设计依据1 总体要求1 设计内容1 设计原理1—2 代码2—6 心得体会6 参考书目6 一． 设计目的 《电子信息工程专业方向》课程设计是一项重要的实践性教育环节，是在完学生 成本专业所有课程学习后必须接受的一项结合本专业方向的，系统的，综合的工程 训练。个人主页设计与制作是其中一项。其目的是通过学习网页制作，培养对网页 制作的兴趣，对网络知识有进一步的了解。培养对立的工作能力和创造力，综合利 用网络专业知识和基础知识，解决实际网页设计技术问题的能力。 二．设计任务 需熟悉网页框架。 需熟悉网页制作软件Frontpage,Dreanmweaver或Flash等 需对IIS配置相当熟悉。 需对HTML标记语言有所掌握。 三．设计依据 随着计算机技术的飞速发展，网络化多媒体应用十分广泛，深入到各个领域， 利用现代网络语言设计一个个人主页，在网络上拥有一个属于自己的空间，无论 是大学生求职，还是以后的生活与工作当中，都会具有一定的现实指导意义 四．总体要求 （1）独立完成设计任务 （2）绘制系统硬件总框图 （3）绘制系统原理电路图 （4）绘制系统工程设计图 （5）编制软件框图 （6）完成详细完整的程序清单和注释 （7）制定编写调试方案 （8）编写用户操作使用说明书 （9）写出设计工作小结。 对在完成以上文件过程所进行的有关步骤如 设计思想， 指标论证，方案确定，参数计算，元器件选择，原理分析等作出说明，并对所完成的 设计作出评价，对自己整个设计工作中经验教训，总结收获和今后研修方向。 五．设计内容 主页要有良好的规划，可自行设计版块名。内容可参照如下： 个人介绍，自我的作品展示，自己喜欢的文章，自己喜欢的图片，自己喜欢的 软件，动谩，音乐，自己课余的成果等 设计一个在线媒体播放等 需要自行设计FLASH的演示，内容以学习方面为主 熟悉IIS配置 作品调试成功后，可上传至 80 中，以自己名字建立一个文件夹。 把文件上传到自己的文件夹内。 六．设计原理 通过对Photoshop , Dreanmweaver和Flash软件的运用制作出网页。 1． 先利用Photoshop7.0设计网页的主界面。 a. 从网页素材中选出自己喜欢的图片，做主页或其它页面 b. 通过Photoshop修改出自满意的图片 c. 保存图片 2．在用Dreanmweaver MX2004进行编辑 a. 打开Dreanmweaver b. 创建一个HTML格式的个人主页 c.对经过Photoshop处理的图片进行切片,保存在个人主页的文件夹内 3．利用Flash MX2004 软件 a.打开有用的切片文件 b.对切片的文件，进行Flash编辑，需代码的，写上需要的代码 c.保存在个人主页的指定文件夹内 4．在用Dreanmweaver MX2004对各个网页进行连接和调试 七．代码： 1．主页代码 HTML HEAD TITLE3/TITLE META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=gb2312 /HEAD BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 !-- ImageReady Slices (3.psd) -- div align=center TABLE WIDTH=855 BORDER=0 CELLPADDING=0 CELLSPACING=0 TR TD COLSPAN=2 IMG SRC=images/3_1.jpg WIDTH=74 HEIGHT=63 ALT=/TD TD COLSPAN=2 object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 width=103 height=63 param name=movie value=flash/sy1.swf