http://www.pptjcw.com

ppt里照片滚动播放:html网页设计报告篇二

    下面的是PPT教程网给你带来的相关内容:

    ppt里照片滚动播放:html网页设计报告篇二

    一、计算机实践的任务、性质与目的计算机实践是在学完《大学计算机基础》课程后,进行的一项综合实践。在实践当中学生应综合《大学计算机基础》课程的思想方法和知识点,设置一个网站,并在网站上发布一个综合内容的网页。通过《计算机实践》更进一步深入了解和掌握各种应用软件的使用操作及综合应用,重点在培养学生自学计算机应用软件、开发应用、动手和创新能力。

    二、计算机实践的配套教材

    建议选用:

    1.《大学计算机基础》,高等教育出版社,主编 蒋外文刘卫国;

    2.《大学计算机基础学习与实验指导》,高等教育出版社,主编 施荣华 王小玲。

    三、计算机实践的内容及要求

    1.学习掌握html语言和网页制作软件 2003,制作网页;

    2.学习掌握中文演示软件 2003的操作及使用,并用此软件设计一份综合演示报告(如:某公司的产品介绍;我校各专业介绍;学生简历等)挂在网页上;

    3.对于网页和幻灯片的页面修饰要求用自己制作的动画、图形、图像;

    4.对于网页页面要求至少3个页面(使用超链接),网页中的内容与学生所选主题相关;

    5.对于 2003制作的幻灯片要求至少有5张ppt里照片滚动播放,幻灯片中的内容与学生所选主题相关;

    6.学习网站的设置和网页的发布,分门别类地放置在相应的文件夹中,规范网页文件名和素材文件名,网站的首页应取名为index。

    作品存放在一个文件夹中ppt里照片滚动播放:html网页设计报告篇二,以学号(学生卡上的学号)为文件夹名。

    7.用word字处理软件撰写出相应的计算机实践报告论文(字数要求:2000字左右)。

    四、考核方式与评分办法

    1.出勤考核成绩占总成绩的20%;

    2.设计成果评价占总成绩的 60%;

    3.计算机实践报告评价占总成绩的 20%。

    4.成绩册成绩评定方式采用百分制。

    计算机基础教学实验中心

    2006年11月4日

    孙燕姿

    一、任务内容

    所有内容都是围绕孙燕姿展开,有关于孙燕姿的家庭,爱情,朋友,个人喜好,以及她出道7年来的专辑和获奖情况。

    二、设计的步骤

    我的主题就是孙燕姿这一个明星,因此我只设置了四个网页(包括一个主页),主页相关的三个链接分别有姿之歌(关于专辑),姿之画(关于动画)和姿采弥漫(燕姿的风采),其中姿之画网页中加入ppt的链接,在姿之画网页中专门放置flash,在姿之歌网页中加入word的链接以详细介绍燕姿的专辑风格,在主页中添加背景音乐(孙燕子的歌曲),在专辑中串入一个 flash。

    我的所有材料都设置在以我的学号和姓名为名的主文件夹下,以一个以index为名的文件做为主目录,下面又分别设了七个子目录,分别将我使用和制作的内容分为了七类:,flash,,word,声音文件,文字及图片。

    三、采取的方法与手段

    实验过程中主要使用了,,flash三个程序,有时也使用了图象编辑器,对于素材的来源则几乎都是从网上下载的,另外在制作过程中觉得对孙燕姿了解不足,在图书馆借了一本关于孙燕姿的书,从中汲取了很多关于她的信息,大受裨益。具体制作过程如下:

    1)在插入背景音乐时,本来是不可以插入mp3格式的音乐,但是通过研究我直接将音乐的扩展名添加到路径中,这样就可以识别我所插入音乐的路径,使得观看网页的同时也可以欣赏到孙燕姿动听的音乐《我要的幸福》。

    2)对网页进行整体布局时,我先插入表格,然后调整其大小,在制作网页的过程中,发现图片及文字的位置总是在单元格的中间,并不如意,我就通过多次的拆分单元格以使界面上的文字和图象以及背

    景图片完美的结合在一起。为了在布局上符合孙燕姿的独特风韵,我在使用背景或者字幕的颜色时,都是使用了孙燕姿最喜欢的黄色。

    3)在制作网页中,我大量使用了web组件,特别是在各个网页之间进

    行链接时我采用了交互式按钮,从而使得各个网页之间能够连接自然,同时还设置了悬停效果,使得网页更加好看。

    4)由于没有学会制作动态网页,但是为了达到动态的效果,我特意设

    定了一个专用于展示flash的动画网页(姿之画),在这个网页上我一共放置了四个flash,让他们同时播放,给人一种不一样的感觉。

    5)我的整个ppt是一总分式的思路,第一页就象一张封面,第二页是

    对所有内容的总领,列出了下面所有幻灯片的主要内容,并且设置了和相应的幻灯片的链接,从而使所有的幻灯片形成一个有机的整体,这就是我的ppt大致框架。

    6)制作ppt时,我引入了大量的图片,包括背景图片,主要以图文并

    茂的形式介绍了孙燕姿的个性、爱心、家庭、男友,同时合理的搭配ppt中的各种各样的动画效果,让孙燕姿自然的走入观看者的心中。

    7)我发现ppt中文本的布局相当单调,因此我很少按它的布局进行编

    辑,而是在它的基础上添加文本,来是使我的布局更加的多样化,设计也更加灵活,自如。

    8)另外,我在ppt也设置了和主页的超链接,同时也穿插一些动作设

    置,加强各个幻灯片之间的联系。

    9)在flash的制作中,我基本上都是在使用课堂上学的技巧,遮罩层,时间轴特效等等,其中,我将多个图层同时使用时间轴特效,并设置时间差,形成‚我爱孙燕姿‛五个字交错放大,效果很不错。

    10)另外,在使用遮罩层的时候,我通过改变一个普通图层的属性使得

    ppt里照片滚动播放

    在一个遮罩层下面有两个被遮罩层,大大加强了图层的灵活性。

    11)出于对千千静听歌词秀上的滚动效果的兴趣,我用flash模仿了这

    种文字滚动,并在歌唱的部分高亮显示,尽量使其与歌词同步。

    12)最后制作了一个让孙燕姿的照片滚动框,这种效果虽然简单却很好

    看,我直接把flash的背景调到很小然后让所有要滚动的图片排列在一起,从背景那一小块上滚过,滚过的时候由于背景小就只能看到一到两张图片,这样就形成了图片滚动效果,这个flash占据空间狭小,却很好的增加了网页的色彩。

    四、遇到的问题与解决的办法。

    在制作网页初期,由于对没有很好的了解,所以在开始的时候不仅效率低,而且常常出错,后来我通过对相关资料的研究逐渐解除了心中的疑惑,并大胆构思,大胆尝试,初见成效。

    1)刚开始最大的问题就是图片显示不出来,有时候把文件名改了一下,或者换了一个文件夹储存都会导致图片无法显示,后来经过分析和多次实验,才知道任何图片的显示都是依靠我们在保存和刚开始设计好的路径来寻找来源,从而显示图片,所以在后来制作的过程中,一旦插入了图片保存好路径之后就再也不去更改它的任何信息(也就是让它的属性保持不变)。另外,我还发现,添加了主题背景了之后就不能在上面添加图片了,所以要在设置主题之前把图片都插好。

    2)在设置背景图片时,会发现图片太小的话,背景就变成多张重复的图片拼凑在一起,很不美观,所以我使用图片编辑器对背景大小做了调整,使得背景和网页内容可以很好的融在一起。另外我还利用图片剪辑得到了孙燕姿的个人签名(一般找不到她直接签名的图片,所以我就从有她的签名的照片上剪辑出来),使用孙燕姿的真实签名比使用艺术字更具有真实感和美感。

    3)虽然在制作设计ppt时可以选择大量的效果,但有的时候还是觉得

    它所提供的效果不太理想,所以常常不断的更改效果寻找我所需要的效果,后来才发现,ppt中所提供的效果是可以自己编辑的,在自定义动画的界面上,可以改变动作的方向,顺序,动作的背景音乐以及动作次数等等属性。

    4)在制作flash最先遇到的问题是当我使用多个层的时候往往前一个

    层的内容会影响下一个层的设计,使得多次实验都不得成功,通过询问同学学会了锁定层和隐藏层,这样一来,多个图层的操作变得

    格外地得心应手。

    5)在制作‘照片滚动框’的动画时,遇到了一个相当棘手的问题,这

    个问题看似很简单如果不知道,就无从下手,因为要造成图片滚动,所以需要很多图片排成一条竖线,位置又要对齐,因此在移动图片时,如果一张一张的移,工作量非常之大,我想一次把他们都选中整体移动,但是图片的长度却大大超出了窗口的大小,我尝试着使用shift键,结果可以成功地同时选中,但是即使这样还是不能一次选中,也很费事,直到最后我试了一下ctrl+a,就一下子选中所有照片,快多了,移动也十分方便。

    6)刚开始我构思了一个遮罩层运动的动画,我设计的遮罩层是一个透

    明圆圈,我本来想让给这个遮罩层设置一个运动引导层,让它按我设计的运动轨迹运动,结果不行,设置了遮罩就不能设置引导层,试了好多次还是不行,没办法,我只好通过设置大量的关键帧,形成很多很小时间段的动画补间,形成遮罩层运动的效果,同时设计时要注意一点:要先设置好动画补间,最后再设定为遮罩层。设定了遮罩层之后就不可以制作动画补间了。

    五、总结

     首先,我发现我的一个错误,我总以为上了机再摸索就都自然

    会了,实际在这次设计过程,理论的研究对我的设计达到了点石成金的效果,所以我认为在做实验之前先要对所使用的程序有一定了解再开始,否则很盲目,自信心也很受到很大的打击。 其次,我觉得我们学的程序很多,但都仅仅只会使用它们很简

    单的一部分功能,没有做深入的了解。

     最后,我认为做计算机方面的作业,最最重要的是坚持不懈不

    放弃,因为我们在完成某一项任务时,往往要经历多次失败才能找到捷径,由于没找到捷径,做起来特别吃力,但却只有尝试了之后才能找到捷径,所以越是麻烦越是不能放弃,否则就永远找不到捷径,就会更加的麻烦。

     另外,感觉做计算机作业特别有成就感。

    html网页设计报告篇三

    心得体会之网页设计

    网页设计报告

    网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

    通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在css方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:

    1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

    2、调用style时可以单击鼠标右键选择 style来调用style标准,也可以在状态栏中的元素列表上单击右键来调用style。虽然不同的方法达到的效果看似一样,但实际上产生的html代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是flash、等网页软件的综合应用。例如flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。

    页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50k。

    心得体会之网页设计

    理提交的信息(如cgi脚本)。不使用处理脚本就不能搜集表单数据。表单通常是交由cgi(公共网关接口)脚本处理。cgi是一种在服务器和处理脚本之间传送信息的标准化方式。cgi脚本比较典型的是使用perl语言编写,当然也有其他语言如c++,java,或。在创建交互表单之前,接洽您的isp或服务器管理员以确认cgi脚本可以在您的服务器上运行。表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单对象组成,所有的部分都包含在一个由标识符标志起来的表单结构中。表单的种类有注册表、留言薄、站点导航条、搜索引擎等。而一个站点(site)是一个存储区,它存储了一个网站包含的所有文件。的使用是以站点为基础的,必须为每一个要处理的网站建立一个本地站点。相对路径-以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。绝对路径-以web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

    针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

    html网页设计报告篇四

    思科信息学院

    专业实习报告

    专 业:班 级:姓 名:

    关于网页设计与编辑的实习报告

    一、实习目的(一)检验自己是不是真的适合这个职业

    鉴于自己对未来的职业生涯的规划更倾向于设计,这和自己所学的专业不是

    十分有联系,所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作,为以后求职之路少走弯路做一定的尝试。

    (二)在实践中查漏补缺

    在学校学习的网站建设知识仅仅停留在平时的作业里,并没有得到充分的运

    用。希望可以藉由这次实习,好好巩固书面知识。在实际运用中通过发现问题,解决问题对知识进行查漏补缺。

    ppt里照片滚动播放

    (三)在工作中打磨自己

    由于学校和社会是截然不同的生活、学习、工作氛围,在工作中我们不可以

    像在学校一样随心所欲,待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里,和同事上司的相处中获得这方面的成长。

    二、实习内容

    (一)实习主要内容

    广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和

    销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作,涉及前台的外观设计和后台的代码编写,以及宣传册的设计。

    1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。

    1)使用、ai等图片处理软件设计、处理和制作网站上需要的图片

    2)使用div+css样式及基础的html语言做页面布局的排版

    3)使用对网页进行配色及排版设计

    4)编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示

    2、负责网站的几个主体模块的文案撰写和后台编辑

    1)在已有的文案上配合网站架构进行提炼和归纳整理

    2)使用对文案进行概念配图

    3)在后台将文案部分合理配色排版

    4)按照网站架构在后台录入所有产品资料

    (二)工作过程

    在公司的2个多月里,我的工作都是由负责整个网站文案架构的曹经理分配

    监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多,学习很多,影响我很多,让我回想起来都是历历在目的事情重点说一下。

    1、经理让我按照网页设计师提供的jpg稿变成div和css。

    1)这个任务简单来说就是架构网页框架和完善里面的文本主体。里面涉及很多文本,我觉得既然有具体的设计稿就一定保存有文案,所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是,让我重新输入文本可以帮助检查错误,同时可以让我更熟悉公司的产品和网站的主要内容,对我后面的工作有帮助。顿时知道,一个实习生想到的东四是多么的肤浅,对经理工作上的态度更是肃然起敬。

    2)因为经理没想要让实习生负责过于复杂的事情,在这部分工作中设计的div 和css的内容并没有很复杂,需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了,以至于最后通过多次检查,发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度,有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比,看清楚哪个更合适才确定的。

    2、经理让我设计几个栏目对应的图片

    1)由于自己并没有专门学过规范和设计方面的专业知识,有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大,但是觉得经理让我去做,就是相信我的能力。所以我也没有慌,按照自己的节奏和需要边学边做。

    从整体了解主题:自己找了多个类似的企业网站作参考,通过总结企业网站

    中,几个主要的栏目在网站上具体意义,体会这对应的几个栏目的设计意义。

    思考配色与构图:对整个内容有了一了解后,便要思考作品的色彩和具体的构图,先用笔画出草图,有时候也会直接在脑海里构思。除了从公司的角度,围绕要传达的东西去设计,我也充分意识到要转换身份从用户的角度出发,怎样才可以更吸引人。总体来说就是除了审美上的设计,也考虑很多目的性。

    查找素材:素材这个问题我总结了一种思路,电脑里下载一些专业的“科技

    信息”图库。另外配合专业在线图库网站(通常是国外站点)+,百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材,选择是非常大的。最后就是不断地观察对比最终效果,看哪几张图片更适合整体网站。

    2)最终图片并没有全都采用我设计的,有一些还是因为不够大气被撤下来了。一开始我还挺灰心,觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下,才给我这个机会去让我发挥一下的,所以我好好学习了别人的图片,看自己的和别人的差别在哪里,不浪费这次尝试性地努力。

    3、经理让我参考旧网站单独做一个公司简介的页面

    1)我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘,如果想要浏览网站的用户肯停留在这个页面多几秒,或者因为这个公司简介的页面而更信任这个公司的产品,更有冲动订个公司的寄存柜就要在文案的内容上下功夫,就要在表现上更生动,让人看着不会觉得文字流水账,很烦躁。

    于是在经理没有给我严格期限的时候,我选择了按照自己的思路去修改文案,把多余的文字删掉,根据公司的优势修改出精简的几点,变得更有条理更有重点。

    这只是对文案的初步处理,接着根据几个要点用处理几张概念配

    图出来,将公司寄存柜的技术水平之领先,应用领域之众多,销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成,花的时间虽然多,但是最终的效果得到了经理的肯定,对网站的宣传作用起到了很好的帮助,这都是值得的。

    三、实习体会

    做了2个月的网页设计和编辑的实习生,终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后,经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习,我不仅将自己在学校学过的东西通过实践进步一巩固,也通过向公司的人请教学到很多工作上的技巧,更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分,是我们毕业生必须面对的。就算是遇到困难,我也会用平常的心态实际看待问题,不说“不可能”,而是冷静下来思考如何处理并付诸于实践。

    在实习的日子,我学习到了很多如果没有这次经历,就不会有的细腻体会。

    (一)深刻感受到什么是真正的细心

    其实在高中甚至到大学,老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里,因为无意和粗心犯下的错误,才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误,正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情,我们都要养成习惯,以细心认真的态度对待。

    (二)主动思考的重要性

    从学校走向社会,首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人,一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点,这不是指一直主动问上司有什么事做,而是在别人交付你任务的时候自己主动想一下怎么做才更好,而不是把自己当一个机器人一样。就像做公司简介页面的时候,我把自己做得效果给经理看的时候,经理说“你真的很用心,很负责”,“你做的公司简介那个页面,让我感触很深”。

    (三)、沟通的度要把握好

    工作过程中有许多时候需要和经理进行沟通,但是我在沟通的度上没有把握

    好。好像仗着自己是只做几个月的实习生,有些提建议的话没有用比较适合和委婉的语气表达。虽然经理没有明说,但是我自己意识到了。有些时候工作交接的时候,自己并没有很清楚细节,但是问太多又怕打扰到经理的工作,导致最终工作也没进行好。所以这个沟通的度要把握好。该问该说的都要说出来,只要是会影响到工作质量的都要礼貌地说出来。这样才是真正地为公司好。

    总之,这次实习,自己确实学到了很多也成长了许多。在实习期间,每日重复单调繁琐的工作,时间久了容易厌倦。但是工作简单也不能马虎,你一个小小的错误可能会给公司带来巨大的麻烦或损失,还是得认真完成。这段时间,我看到了自己本身存在着许多问题,也会遇到这样那样的问题,当前的时代日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需再加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后的工作存储更多的能力。

    感谢你支持pptjcw.com网,我们将努力持续给你带路更多优秀实用教程!

    提示:如果您觉得本文不错,请点击分享给您的好友!谢谢

    上一篇:ppt里面如何加入视频:office办公软件3个好用技巧:复制过来的word文档怎么去掉底色?excel表格怎么做下拉菜单?怎么在ppt里面加入视频? 下一篇:ppt效果声音为鼓声:小学科学四年级上册1.1听听声音PPT·2020教科版.pptx

    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。