精编范文个人主页实验报告word版本 12页.docx
- 文档编号:5368133
- 上传时间:2022-12-15
- 格式:DOCX
- 页数:9
- 大小:23.67KB
精编范文个人主页实验报告word版本 12页.docx
《精编范文个人主页实验报告word版本 12页.docx》由会员分享,可在线阅读,更多相关《精编范文个人主页实验报告word版本 12页.docx(9页珍藏版)》请在冰豆网上搜索。
精编范文个人主页实验报告word版本12页
本文部分内容来自网络整理,本司不为其真实性负责,如有异议或侵权请及时联系,本司将立即删除!
==本文为word格式,下载后可方便编辑和修改!
==
个人主页实验报告
篇一:
个人网站实验报告
YiMu家园(点击下载该网站源文件)
1、前言
从1946年世界上第一台计算机(ENIAC)诞生开始,标志着另一个时代到来——计算机时代。
计算机从刚开始的单一的用于科学计算到现在的各行各业,从刚开始的几十吨、占地一百多平方米现在的手持计算机,从刚开始的运算速度几千吃每秒到现在的上百万亿次每秒,计算机已经发展到了人类离不开计算机。
计算机走入普通人的家里,更能让人们体验出他的价值。
而计算机网络的发展,也是让人惊叹不已,计算机网络的出现,让人们更快、更准、更直接的实现了“秀才不出门,全知天下事”,只要轻轻点击下鼠标,世界上每个角落尽收眼底。
也是计算机网络的出现,更多的人在网络上向别人展示自己,博客、论坛、空间、个人网站...都是他们展现自己、推销自己的一个方式,也是和别人分享的方式。
制作属于自己的网站,发布到互联网上,和前世界的人一起分享你的收获,分享你的快乐,将是一件有意义有价值的事。
2、制作该网站目的
通过一个学期的web程序设计,我基本掌握了HTNL,JS,和初步的SAP,以及可以通过使用表格,框架,DIV、CSS来对网页的布局,为了检验自己的学习情况,所以使用这些已掌握的知识综合运用制作一个属于自己的一个网站,是自己可以看到自己学习的一个成果。
除了检验自己的能力外,现在网页是信息在网络上展示的最直接的方式,已被几乎所有人说钟爱,对于网页,必将成为向全世界传达信息的一个最有力的工具。
网页设计,对我们每个人,特别是我们计算机专业的学生,应该是我们必备的技能,所以这次说是一次课程设计,更应该说是我们的一次实践,通过课程设计,我们可以了解制作网页的步骤、方法、流程,即总结出经验,为将来我们走向社会做好准备。
3、网站运行说明
该网站是基于ASP平台开发的,所以运行该网站,必须在已经安装好IIS(InternetInformationService网络信息服务)的操作系统中。
该网站为了方便测试,使用了asp(AspWegServer)服务器软件,该文件在本站的根目录下(Aws.exe),只要双击即可进入网站首页(index.html)。
由于不同的浏览器的内核不同,导致网页对不同浏览器的兼容性也不一样,该网站测试主要使用了IE(IE6.0、IE7.0、IE8.0、IE9.0)和Firefox(火狐)测试,通过调整,最终还是出现了少许的显示不一样,在IE6.0、IE7.0即Firefox显示正常,而在IE8.0,IE9.0显示有些差别。
由于我知识及能力原因,所以暂时未能解决该问题。
4、网页设计概述
3.1网页的内容
该网站主题为个人网站,主要介绍了我的基本信息吗,我的爱好,我平日生活的活动,还有一些供浏览的人提共休闲娱乐,以及快帮助兴趣和我相同的网友快速找到相应兴趣交流站。
该网站主要包含了首页,个人介绍,个人相册,给我留言,资料共享,学习情况,和一个其他版块。
(其中资料共享和学习情况未实现)
首页:
首页列出了我自己对计算机专业的理解,对人生的一感悟以及我喜欢的
故事、散文笑话等等,还列出了我部分的照片;
个人介绍:
个人介绍列出了我的基本信息;我喜欢的运动,即我对这些运动的
第1页共1页
认识和理解,并简介的描述我的家乡;
个人相册:
个人相册分别列出了我的生活、我的家乡、我的学校以及我的班级照片展示的首页及超链接
资料共享(未实现):
资料共享只要是通过该页面,网友可以上面交流、分享自己的学习作品,上传和下载小工具等等。
学习情况
给我留言:
主要针对内容为给我的所有留言,以及给我留言的输入框,对我或对本网站有任何意见均可通过此页面告知我。
其他:
其他页面主要做了一些供网友们娱乐、休闲的自带的游戏,音乐,影视以及超链接等等...
整个网站中各个网站之间的关系视图:
3.2网页的布局网页主要使用“T”型布局,头顶部放的是LOGO和导航栏,网页的左边放的是我的其他网站的博客或空间的链接,及联系方式,网页的右边放的是网页的正文,即网页的主要内容。
网站布局如图:
第2页共2页
3.3网页制作所用到的工具和技术
工具:
网页主要用到了Dreamweaver,photoshop两个工具。
Dreamweaver完成了网站的框架的搭建和网站代码的编写,photoshop完成了网站背景、按钮及图片制作和美化。
技术:
网页只要是运用模板制作完成主框架。
框架是由CSS+DIV,表格的嵌套搭建而成,其中用到了javaScript语言对一些网页效果,和输入框的判断。
在需要有输入限制的(如登录,注册..)使用到了正则表达式进行判断。
其中在登录、注册、留言板块需要连接到数据库,从数据库中读取数据进行相应的存储了读出。
3.4网页的部分代码及效果截图
导航栏:
导航栏用css样式表对超链接做了一个鼠标滑过特效,其效果如下:
即使用CSS实现但鼠标滑过时,更改导航栏的的背景。
首页:
欢迎条幅:
在网页主内容上方,有个滚动的条幅——“欢迎来到我的家园”,如图:
第3页共3页
实现代码如下:
size="+3"color="#FF3366">欢迎来到我的家园其运动方向 使用默认的从右向左。 在主页下方,有个图片自动滚动效果,并且当鼠标放到上面是,图片停止滚动效果如图: 使用到了css+DIV和JavaScript来实现。 其中JavaScript的主要代码如下: varspeed=40; mhmove2.innerHTML=mhmove1.innerHTML; functionMarquee3(){ if(mhmove2.offsetWidth-mhmove.scrollLeft<=0) mhmove.scrollLeft-=mhmove1.offsetWidth; else{ mhmove.scrollLeft++; } } functionMarquee4(){ if(mhmove2.offsetHeight-mhmove.scrollTop<=0) mhmove.scrollTop-=mhmove1.offsetHeight; else{ mhmove.scrollTop++; } } varMyMar2=setInterval(Marquee3,speed); mhmove.onmouseover=function(){clearInterval(MyMar2)} mhmove.onmouseout=function(){MyMar2=setInterval(Marquee3,speed)} 个人相册的子页: 在个人相册的子页(我的生活、我的家乡、我的学校、我的班级),每张页面懂使用了同一种效果,即图片浏览,包括上一张、下一张,循环播放,实现了图片的循环播放,其基本效果使用了javascript,其代码如下: varn=0;//照片数组下标 第4页共4页 varflag=false;//标记是自动播放还是暂停vartime;//计时器varimgs=newArray();varloadImage=false;//标记是否已载入图片functionloadImages()//载入图片,使用数组记录图片{for(i=0;i<8;i++){imgs[i]=newImage();imgs[i].src="image/myHome"+i+".jpg";}}functionphoto_next()//下一张{if(loadImage==false){loadImages();loadImage=true;}if(n==imgs.length-1)n=0;document.frm_photo.tbl_photo.src=imgs[n].src;n=n+1;}functionphoto_previous()//上一张 { if(loadImage==false) { loadImages(); loadImage=true; } if(n==0) n=imgs.length-1; document.frm_photo.tbl_photo.src=imgs[n].src;n=n-1; } functionphoto_autoplay()//自动播放/暂停{ if(loadImage==false) { loadImages(); loadImage=true; 第5页共5页 篇二: 个人主页实验报告 信息技术学院 《Flash演示媒体动画》 设计性实验报告 专业: 13级计算机科学与技术 班级: 姓名: 学号: 设计题目: 个人主页 指导教师: 201X年05月18日 FlashCS6个人主页设计 一、作品设计的目的意义AdobeFlashCS6是用于创建动画和多媒体内容的强大的创作平台。 AdobeFlashCS6设计身临其境,而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致效果的互动体验。 新版FlashProfessionalCs6附带了可生成sprite表单和访问专用设备的本地扩展。 可以锁定最新的AdobeFlashPlayer和AIR运行时以及Android和iOS设备平台。 二、作品分析 1.设计目的、设计内容分析 目的: 通过个人网页的制作,可以了解如何用程序控制影片剪辑的放大、缩小、上下左右移动,如何制作毛笔字样式。 内容: 本文档讲解了“个人网页”的制作过程,通过按钮控制,可以控制风车的放大缩小以及上下左右的移动,可以跳转到不同的页面,以及个人相册的查看。 2.开发工具: 本次多媒体的制作运用FlashCS6软件。 三、作品功能模块结构设计 介绍多媒体作品的总体结构及功能: 此个人主页主要由个模块构成。 四、作品设计与实现 1.素材准备 1.1毛笔字效果 1)在舞台上导入到库一个毛笔的图片,按Ctrl+B打散,利用套索工具将毛笔抠图,并转换成图形元件。 如下图: 2)导入到库几张需要的图片,放在同一个图层上,将汉字按Ctrl+B打散。 将毛笔 图形元件移动到汉字的最后一笔画处。 3)时间轴插入一关键桢,并且用橡皮工具将汉字的最后一笔画处稍微清除一些,将毛笔图形元件稍微移动一点,让毛笔图形元件继续停留在刚才清除的最后。 如图: 4)按照同样的办法,继续插入一个关键桢,继续用橡皮工具按照汉字书写顺序倒 着清除,,并将毛笔图形元件移动到清除的最后。 5)经过一系列的插入关键桢,并用橡皮工具按汉字书写顺序倒着清除之后,将第1帧以及最后1帧的毛笔图形元件Alpha设为0。 选中时间轴上的所有 关键桢,单击鼠标右键选择“反转桢”。 如图: 6)便可得到正常的毛笔字书写效果。 1.2风车旋转效果 1)制作“blowup”、“down”、“left”、“lessen”、“right”、“up”六个按钮元件。 2)制作“风车”、“风叶”、“风轮”三个图形元件。 3)制作“风车转”影片剪辑元件,图层1放置“风车”,图层2放置“风叶”以及“风轮”,在75帧插入关键帧,旋转360°,在第1帧创建传统补间。 如图: 篇三: 个人网页制作实验报告 湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名: 吴珊 学号: 091201X5 同组姓名: 李芳 专业班级: 计算机科学与技术0901班 指导教师: 任盛 设计时间: 201X年6月13日 目录 1、实验目的与要求.........................................................................3 2、主题介绍.....................................................................................3 3、工具的选择与介绍.....................................................................4 3.1主要使用工具: Dreamweaver...........................................4 3.2图片处理软件: Photoshop...............................................5 4、网页设计实现的过程.................................................................5 4.1实验的分工.........................................................................5 4.2主页的制作.........................................................................6 4.3分页2制作(新疆美食): ...............................................7 5、个人网站截图.............................................................................9 6、实验总结.................................................................................11 7、参考文献...................................................................................11 附录: ..............................................................................................12 附录一(主页部分代码,有删减): ......................................12附录二(分页2新疆美食部分代码,有删减): -------------------14 1、实验目的与要求 (1)自主选择主题实现一个关于主题的个人网站 (2)使用PS、Dreamweaver等软件对界面进行设置 (3)实现网页界面的美观、内容详尽丰富。 2、主题介绍 国家的历史有长有短,疆域有大有小,实力有强有弱,人口有多有少,民族构成、宗教信仰、政权性质和经济结构也有差异,故而各国的饮食文化是不一样的。 中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化;是中华各族人民在100多万年的生产和生活实践中,在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天,中华上下五千年美食文化更是源远流长。 所以这次我们选择了“美食”作为主题。 美食,顾名思义就是美味的食物,贵的有山珍海味,便宜的有街边小吃。 但是不是所有人对美食的标准都是一样的,其实美食是不分贵贱的,只要是自己喜欢的,就可以称之为美食。 吃前有期待、吃后有回味的东西。 美食遭遇心情的时候,美食已不仅仅是简单的味觉感受,更是一种精神享受。 中国美食体现了中华民族的饮食文化传统,有许多独特之处。 由于风味多样,四季有别。 导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言,目前有四大菜系、八大菜系、十大菜系之说,而且划分系类仍有继续增加的趋势。 如果按四大菜系分: 有川菜、粤菜、苏菜和鲁菜。 也有分八大菜系的。 其中各大菜系交相辉映,各有千秋,成为了中华民族珍贵的文化瑰宝! 本次的主题分为两大部分,新 疆美食、湖南美食两个主要部分。 通过这两个板块来介绍两个地方的美食,以突显南北两方的美食差异与特点。 让大家通过我们这个网页,以我们的网页为窗口了解湖南美食,了解新疆美食,从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味,技法多样,有烧、炒、蒸、熏等方法,尤以“蒸”菜见长。 最为精湛的是煨,原汁原味。 且刀功精妙,形味兼美,菜肴千姿百态,变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉,菜以酸辣口味为主,洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料,当然也少不了孜然、辣椒粉、醋等调味料,所以新疆菜总是香喷喷、又酸又辣,特别开胃。 总地来说,新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果. 3、工具的选择与介绍 3.1主要使用工具: Dreamweaver Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。 它使用所见即所得的接口,亦有HTML编辑的功能。 它现在有Mac和Windows系统的版本。 随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始,使用了Opera的排版引擎"Presto"作为网页预览。 (1)制作效果 Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。 使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。 对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。 Dreamweaver能与您喜爱的设计工具,如PlaybackFlash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。 除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 (2)网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。 改变网页位置或档案名称,Dreamweaver会自动更新所有链接。 使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 (3)控制能力 Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。 它包含HomeSite和BBEdit等主流文字编辑器。 帧(frames)和表格的制作速度快的令您无法想像。 进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 甚至可以排序或格式化表格群组,Dreamweaver支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango与自行发展的应用软体。 当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。 梦幻样版和XMLDreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。 建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。 您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。 对于cascadingstylesheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。 使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。 当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告。 3.2图片处理软件: Photoshop Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐. ADOBEPHOTOSHOP最初的程序是由Mchigan大学的研究生Thomas创建,后经Knoll兄弟以及ADOBE公司程序员的努力ADOBEPHOTOSHOP产生巨大的转变,一举成为优秀的平面设计编辑软件。 它的诞生可以说掀起了图象出版业的革命,目前ADOBEPHOTOSHOP最新版本为6.0,它的每一个版本都增添新的功能这使它获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。 Adobe产品的升级更新速度并不快,但每一次推出新版总会有令人惊喜的重大革新.Photoshop从当年名噪一时的图形处理新秀.经过3.0,4.0,5.0,5.5的不断升级,直到目前最新的6.0版,功能越来越强大,处理领域也越来越宽广,逐渐建立了图像处理的霸主地位. Photoshop支持众多的图像格式,对图像的常见操作和变换做到了非常精细的程度,使得任何一款同类软件都无法望其颈背;它拥有异常丰富的插件(在Photoshop中叫滤镜),熟练后您自然能体会到"只有想不到,没有做不到"的境界. 而这一切,Photoshop都为我们提供了相当简捷和自由的操作环境,从而使我们的工作游刃有余.从某种程度上来讲,Photoshop本身就是一件经过精心雕琢的艺术品,更像为您度身定做的衣服,刚开始使用不久就会觉得的倍感亲切.当然,简捷并不意味着傻瓜化,自由也并非随心所欲,Photoshop仍然是一款大型处理软件,想要用好它更不会在朝夕之间,只有长时间的学习和实际操作我们才能充分贴近它. 4、网页设计实现的过程 4.1实验的分工 收集素材: 吴珊李芳 制作主页: 李芳吴珊 制作分页1(湖南美食): 李芳 制作分页2(新疆美食): 吴珊
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 精编范文个人主页实验报告word版本 12页 精编 范文 个人主页 实验 报告 word 版本 12