I个人网业设计电子文档.docVIP

重庆科创职业学院 《网页设计与制作》 实 训 报 告 题目： 个人简历网站 专　　业： 计算机网络工程 班　　级： 计算机网络ZB42701 学　　号： 2007555488 姓　　名： 陈 进 成　　绩： 指导教师： 张 莉 莉 完成日期： 2009 年 12 月 30 日总体功能介绍 个人网站展现了自己爱好，表达了自己感情等，体现了自己的视野；可用于求职和展示自我，基本模块包括：个人天地，个人简历，个人相册（图片，声音，FLASH动画等多媒体形式），联系方式等。 网站有对应自己创意设计制作的FLASH动画相册；有首页、二级页面、三级页面的层结构；有框架、有表单；有自己创作输入的文字内容并经过排列整理；采用了Html框架技术；Dremwerver 模板技术；采用了XML技术；采用了CSS样式表技术等。 使用了Flash8.0、Dremwerver8.0、Fireworks8.0以及相关软件协同实现本次网站的建设。 巩固对网站的创建、网页的策划、设计与制作的理解，通过连续时间的实际操作。加深理解网站、网页、制作的能力。 总体框架结构设计 个人简历网站制作的流程图如下图所示： 页面设计 首页： 网页的首页采用清新玄幻为主旨，显得更加清爽、可爱。 相关代码如下所示： body div id=topimg src=images/8.jpg width=1004 height=573 border=0 usemap=#Map / map name=Map id=Maparea shape=rect coords=29,545,100,571 href=index.html / area shape=rect coords=110,545,185,572 href=rizhi.html / area shape=rect coords=204,547,296,572 href=lianxi.html /area shape=rect coords=311,545,392,577 href=tupian.html /area shape=rect coords=409,541,517,571 href=geren.html / /map/div div id=indexPart div id=affiche pnbsp;/p /div div id=copyright div align=center(Copy)@ (2008-2009) cheng-jin /div /div /div /body /html 设计思路来源于对其他网页的浏览，综合多个网页的优点，打造属于自己的个性。 各子页截图和相关代码如下所示： 日志截图： 相关代码： div id=navimg src=images/10.jpg width=1004 height=59 border=0 usemap=#Map / map name=Map id=Map area shape=rect coords=109,5,185,47 href=index.html /area shape=rect coords=231,4,324,48 href=rizhi.html / area shape=rect coords=392,6,479,53 href=tupian.html / area shape=rect coords=500,54,502,61 href=# /area shape=rect coords=528,6,651,51 href=lianxi.html / area shape=rect coords=70