广告制作网站
photoshop网页美工期末总结与体会文章
篇一 在这一年美工总结自己接触和学习设计的一点经验心得。 一、网站的配色 我们公司主要是做一些医疗网站的,因此在整体配色的问题要特别小心,特别是我们做部队医疗行业这一块的,主打色是军绿、海蓝、宝蓝,兼且要一些部队元素,这样才能体现部队应有的权威性、稳重性和声望、精神。只有这样医院网站才能给用户带来更踏实的视觉和吸引的人来就诊, 二、网站的布局 做美工设计的不单要对色彩要有好的感觉外,对布局也要有很好的把握,组合的好坏直接影响作品的效果。整体配色、字体、各模块的间距、插图、增减内容等各个方面的敲着。 三、网站的细节 对美工设计人员来说,这点也是非常重要的,细节能否处理得当也能体现做事明细,这也是我在不断提升的一块。比如背景色、色彩渐变、各组件间间距、标题样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话,只有你看得多了,比较得多了,那么处理细节方面也会有很大的提升。 四、用户体验度 一个网站的如果美工设计得好,给人们的第一印象是非常好,这代表着人们可能还会停留在你的网站里面继续浏览,这样也大大提高用户体验度。因为我们做医院网站的,要保持美观、权威、明细等,比如人们来到了网站浏览,如果美工图片做得非常不清晰也会影响患者对整个网站的印象,还有广告图片的位置问题,要放在一些比较显眼的地方,同时不会影响到患者查看其他内容,对于图片广告的图片,也要突出权威性和真实感,这样对就诊率的提高也会有很大的帮助的。还有美工图片的好坏直接影响了用户对网站的印象。用户体验是对美工更高的一个要求,甚至有点儿超越美工的范畴,但只有美工了解这些才能更合理地设计界面布局,整体搭配等等。 五、个人心态 美工本身就是细活,着急是没用的。有了基本的审美观,需要创作时心情放松,做些想做的事,吃点想吃的东西,随心所欲,给提供自己创作灵感环境。不要意味的坐在电脑前去想,事倍功半,会把自己郁闷死。所以我的建议就是:多看,多模仿,多做,多比。切忌自己没有什么审美观就盲目创作,其实模仿没什么可耻的,是学习的毕竟阶段。 篇二 新的一年开始之际,在我们昂首期待未来的时候,有必要对过去一年的工作做一个回顾,总结以往的经验教训,以待在新的一年有所改进。 回顾过去一年,在领导的带领下,在各位同事的大力协助下,工作上取得满意得成果。我的岗位是美术编辑,工作岗位在开发中心,可是我的工作范围并不局限于程序开发中的模版设计等工作,而是涉及到了编辑部的广告设计,广告图片替换,页面策划修改;涉及到技术部页面制作,代码调试,样式修改,后期维护等不同工作。可以说凡是需要突出我们网络部及网站整体形象的地方,就需要美编参与工作。 设计工作是痛苦与快乐的炼狱,每当面临重大的设计任务时充满了压力,开始搜集各种资料(包括文字的、图片的),接下来寻找设计灵感,沉思、焦灼,经过痛苦煎熬,终于有了满意的创意时倍感轻松。每当经过艰苦的磨砺,自己的劳动成果得到大家的肯定时,便是工作中最大的快乐!充满了快意。 当然,工作中的痛苦与快乐首先要求有坚定的政治信念与立场,遵纪守法,爱岗敬业的强烈责任感和事业心。因为热爱自己的工作,所以精通本岗位的专业识和业务技能,熟悉有关行业规范,关注行业的发展趋势。时刻保持强烈的创新意识。 篇三 前言 目前,人类社会已经迈进了网络时代,计算机和互联网已经于老百姓的日常工作,学习和生活息息相关,人类社会目前又处于了一个历史飞跃时期,正由于高速的工业化时代迈向初步的计算机网络时代,在计算机技术,网络通讯技术的告诉发展的今天,电脑和网络正在以惊人的速度进入人类社会的各个角落。那么今后,我们将用怎样的态度和方式来面对网络科技给我们带来的物质层面和精神上的变化,我们必须对因为网络而引发的社会生产和生活各个层面的深层次变化作一个深刻的理解和清醒的认识,我想这必将成为是当今人类所面临的最大课题,可能是我们科学工作和研究者们需要面对的新的挑战。 当互联网成为第四种媒体出现的时候,它就表现出与以前的大众媒体的不同特征,在报纸、广播、电视上,普通人不可能及时发表个人对某一重大事件的看法,而互联网能随时随地公开地实行人与人之间的对话,作为受众的网民不再是被动的,他可以随时表达自己的意见,有时甚至可以成为某些事件的主角 随着对商业化使用政策的放宽,因特网已经不仅仅局限于信息的传递,网上信息服务出现了。许多机构、公司、个人将搜集到的信息放到因特网上,提供信息查询和信息浏览服务。人们把提供信息来源的地方称为“网站”,即因特网上的信息站点。凡是连入因特网的用户,无论在世界任何地方、任何时刻,都可以从网站上获取所需的信息和服务。 一、实习报告目的 刚走出社会的时候,自己就像一张白纸,工作是什么样子?要用什么样的状态去工作?这些在学校里是无法体会的。实践让我走向科技应用,走出课堂.目前,我所缺少的主要不是知识,而是缺少将知识与实际相结合的能力.我们在课堂上所学的,与在实际当中遇到的是不尽相同的.其往往具有不具有明显的特征,这需要我们进行抽象概括才能解决各种问题,而这次实习正好给了我这次实践的机会,结合实实在在的用作,运用自己所学的知识,积累经验。 二、实习单位及工作岗位简介 1、实习单位简介 该公司是一家国内专业的电子商务外包服务商,公司主要为品牌企业提供商城搭建、网站建设与运营、营销推广、数据分析、电子商务代理运营等服务。我们的优势是:公司电子商务运营经验丰富;仓储配送能力强大;网络营销实力宏厚:公司拥有丰富的网络营销经验,可以为客户提供各种营销方式,并且提供数据分析工具,同时配备专业的客服能力,结合专有的技术,公司可以为客户提供一个强大的客户服务平台。 2、工作岗位简介 该岗位主要负责公司广告、图片、动画、海报、logo、 及网页的设计制作。服从公司的指挥,认真执行其工作指令,一切管理行为向公司负责。严格遵守公司规章制度,认真履行工作职责。认真做好各类信息和质料收集、整理、汇总、归档等工作,为公司旗下各项目的成功开发提优质的素材。全面主持设计工作,担纲创意核心、设计指导、效果统筹、设计沟通的任务。负责与各岗位的协调工作,网站页面的美工设计,进行div+css网页布局及修改。配合技术部门对网站页面设计和技术的配合。 二、 实习过程 1、初来公司的时候 在接到公司面试的电话后,我来到了武汉世纪联动科技有限公司,因为我所应聘的是网页设计,所以要有一个小测验,美工部的经理发给我一个题目,根据MLB的官网风格,画出相同风格的电子商务网站。所有素材自己找,画好图纸后,用css+div进行布局。考察的主要是相关软件、的操作能力与代码掌握的熟练程度,说实话,学习photoshop和css已经有一段时间了,刚开始上机,还有点生疏。但凭借着在学校巨塔工作室学到的知识,还是画出了相应的图纸。以及对该页面进行了布局。经理看了以后,说不错,就说了句,以后的外国网站,不能出现中文。让我三天后参加培训,进行相应的考察。合格就可以正式上班。 2、三天的培训工作 三天后,我来到了公司,一看,来参加培训的人有很多,大概在是个左右,其实所谓的培训,就是让大家先熟悉网站的工作。先做了些他们平时干的活,做些广告网页,这些网页都是静态的,无需实现动态的交互,这才让我拾起了些信心,后来我发现,其实我们一起实习的,水平都差不多,我们公司主要更偏向写代码,所以我的优势就突出了。 3、最后的考核 三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据实习期的表现决定去留问题,最优秀的人会转正,得到更加优厚的待遇。 考核的内容就是在公司的商务网站上任选一个页面,然后再规定的时间内做完,我还是不错的,技术比较熟练,是第四个完成的,当我们把网页做完后,由这家公司的经理进行审核,最后的结果是。我被留下了,最后完成的,就那样被活生生的淘汰了,制度虽有点不近人情,但是社会就是这么的现实,有能力就能生存。就这样,我们每个人得到了一份一月的临时合同,正式开始实习工作。 4、 正式工作 我们每天的上班时间是从早上8:30分到下午的17:00,其中,中午有两个小时的休息时间,这是我见过最有激情的一些人了,年纪轻轻的,干劲十足,来了公司以后就工作,连平时连天的内容也和本行也分不开,我喜欢他(她)们,因为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的,从上到下式的网页,通过css+div布局,这样在后期浏览器兼容测试中,就好做多了,文字与图片之间就不会有太多的麻烦,我干的很不错,不过有些追求最精,我做的网页的速度慢了很多,最初每天只能做1也页面左右,这对于我来说是不能接受的,后来我改变了工作的方法,我第次工作的时候,先订下计划,比如今天做多少页面,然后我将要做的所有页面,先做好排版,,这是的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多。我相信只要自己多加练习,速度就会提升。 三、实习内容 1、整体工作 我的工作就是负责设计整个网站的页面部分,根据网页设计师或客户所提供的主题要求来设计出整个网站。 2、工作中要完成的任务 作为一个网站美工除了要求网页三剑客,ps。这些比会的软件以外,还要对html用的很熟练,对asp或php或jsp要有初步的了解。 (1)表达一定的艺术效果 一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。网页作为一种媒体,它必须具有一定的艺术感染力,一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。 (2)使页面结构清晰可读性强 经常可以看到这样的页面,上面堆砌了许多内容,却没有考虑它的空间框架,让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程,这是典型的没有注意到编排清晰度、可读性的表现。 (3)实现不同的功能 在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性,就是指对不同类别的网页要求采用不同的美工艺术效果。 (4)网页的内容 网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广告栏等。 (5)确定网站的类型 在设计网页之需要做大量的准备工作,需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页; (6)确定网站的风格 如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者,那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感 (7)确定网页之间的链接关系 在网站的总体规划列出来后,就必须要考虑各个网页之间的关系,是星型、树型、网型还是直线链接? (8)具体工作流程 网站美工确保项目派工单和网站资料的完整性,作出设计方案和栏目设计方案,留意客户特别要求的信息 1、研究一些同类型的优秀网站,结合从客户那里所获取的资料,总结出比较合理的布局和风格,开始设计方案和栏目设置方案. 2、设计好最佳设计方案和栏目设置方案,先让业务人员审核一次,达到要求确认后,进行PSD的样板页面设计. 3、设计好PSD样板页面,让业务员跟客户展示设计好的样板,是否符合要求,符合要求后进行广告网站的全面的PSD设计和广告网站制作. (PSD样板页面设计 对价钱跟要求并不高的客户,对网站的每个页面设计的要求是颜色基调不同、样式稍有改变,设计页面排版风格简练到位、网站贯串一副Flash动画,以增加动感这样的网站在后面制作页面简单,维护修改简单; 对价钱高但要求不高的客户,照样采用上述方法,只是在考虑项目制作时间长短的情况下,对项目的质量进行提高; 对价钱跟要求都高的客户,对网站的每个页面设计的要求是每个栏目精心设计,在保持风格的前提下,对每个栏目的样式跟颜色都有所不同、设计一个大Flash贯穿整个网站,并在每个栏目的头页或栏目导航栏上设计出简单漂亮的小Flash动画.让整个网站充满动感和活力) 4、合理切割PSD文件,导入保存成图片(.gif .jpg )形式. 5、建立网站后台文件,检查后台栏目跟块名没问题后上传到服务器 6、使用Dreamweavers对PSD样板页的样式规定进行网页排版制作,设计规范合理,扩充性强、无多余累赘代码. 7、建立网站的字体,表单按钮所需要的Css样式表 8、设计每个栏目的模板页和PHP页面,并对不同的元素使用定义好的Css样式表. 9、制作完成每个栏目设置的模板页和PHP页面后,添加网站样板资料. 10、检查网站的链接排版错误跟漏洞,从而进行修复和完善. 11、发到部门人员内部审核一遍(针对网站,不针对广告),对链接和排版错误的地方进行修改. 12、再自己浏览一遍、确认没问题后通知业务人员和客户进行验收修改.(如有兼容性的问题,则需对其兼容性的解决) 五、实习收获与体会 通过本次毕业实习我真正了解到步入社会后我们还有许多知识要学习,还有许多需要加强的地方,我的网站这方面的知识还有许多欠缺的地方,还不能熟练的掌握。我知道这不是短时间内能够学会的,这次实习对我很有大的帮助,在这过程中我还学到了很多东西。有了这次实习的经验,再以后就可以更快,更好的融入新的环境,完成学生向职场人士的转换。在实习期间通过不断的学习和总结经验,提高了处理实际问题的能力,为我以后步入社会进行总结了以下经验。 (1)用人单位在招聘员工的第一要看的就是你是否有想去学、我们一同过去的几位应聘者中,有一部分就是因为在想去学习的劲头上比别人逊色一点而落选。因为对于用人单位来说如果一个人有想去学习,那么他在这个特定的岗位上就会很快的得心应手,从而减少了用人单位要花很大的力气来培养一个员工。 (2)在工作中要有良好的学习能力,要有一套学习知识的系统,遇到问题自己能通过相关途径自行解决能力,因为在工作中遇到问题各种各样,并不是每一种情况都能把握,在这个时候要想把工作做好一定要有良好的学习能力,通过不断的学习从而掌握相应技术,来解决工作中遇到的每个问题,这样的学习能力,一方面来自向师傅的学习,想工作经验丰富的人学习,另一方面就是自学的能力,在没有别人帮组下的情况下自己也能通过努力,寻找相关途径来解决问题。 (3)良好的人际关系是我们顺利工作的保障。在工作之中不只是同技术,同设备打交道,更重要的是同人的交往。所以一定要掌握好同事之间的交往原则和社交礼仪,这也是我们平时要注意的。和谐的人际关系,能为顺利工作创造了良好的人际氛围。 另外在工作之中自己也有很多不足的地方,例如缺乏实践经验,缺乏对相关技能知识的标准掌握等。所以我常提醒自己一定不要怕苦怕累,在掌握之知识的同时加强实践,做到理论联系实际,另一方面要不断的加强学习,学习新知识、新技术。 通过这次毕业实习,把自己在学习一方面巩固所学知识,提高处理实际问题的能力,另一方面为顺利进行毕业报告做好准备,并为就自己能顺利与社会接轨做好准备,毕业实习是我们从学校走向社会的一个过渡,它为我们顺利的走出校园,走向社会为做好了准备。
小说网站怎么建?
网站建设 是一个综合性的技巧,小说网站也不例外,这个就像种菜,并不是说看个操作流程就一定会种菜,还要土壤,水肥,气候,直接间接的相关知识都做足够的了解,才能真正去操作。那些速成的教程,仅仅是表面皮毛而已,真的去模仿会出现各种各样的问题,而且是从未了解过的,出了问题会觉得 前所未有的茫然,特别是那些教程又是毫无责任而言的,不可能去给解决问题,最终还是要一个好的服务商。以十几年的企业网建运维网商系统经验,网站=域名+服务器空间+网站程序+售后服务,网站就像一个家:【域名】:网址 就相当于你家的住址。【空间】:就是你盖房子的基础 土地 环境 等。【程序】:就是你家的主体框架,是整个家的运转中心。【模板】:网站的美化 就是你家的装修,当然因人而异有人不装修原汁原味也可以。【维护】:技术性维护就像您安居乐业的保安和坚实后盾。【勤劳】:是整个家可以稳定持续运转极其重要的部分,家里所有的东西都要靠你的勤奋去填充,增加,让大家觉着你家很好 很充实。这就是一个完美网站的所有,有能力和经验的可以全部自己做好,没有相关经验的部分可以找专业的技术团队协助。有一个非常直接的真理:用合适的成本,找合适的人,去做合适的事...这是大自然发展的规律。
一般在网站上投放广告需要多少费用?
这个没有具体数字,根据实际情况参考对比:网站流量高,广告费用相对较高,流量低人数少价值相对较低对应行业的相对较高,比如卖衣服的到服装行业网站广告费用高,但是到不同行业比如食品网站挂服装广告费用就低,这是个相对的结果,跨行业客户群不稳定。相同网站,位置不同价格不同,首页价格高,内页价格低。全站通用广告价格比某栏目板块广告价格高。广告面积大的比面积小的价格高广告显眼的比不容易发现的价格高情况多,综合分析吧。
有哪些网站可以投放免费广告,质量有好的?
免费的广告网站很多,当然免费的广告效果肯定没有花钱的效果好。 1、花钱的可以在百度、新浪、360、腾讯、58、淘宝等都可以打广告。 2、免费的还可以的有:企博网、老榕树、百纳网、新浪博客等,这些都是比较好的一些免费打广告的。但还是百度比较强悍,所有的免费广告百度都会去自动抓取,所以,搜索的人要在百度里面搜索刚的关键词就会显示出来。
想注册个小广告公司,有什么注意的。
公司注册流程 1.名称预先核准登记 2.验资 3.工商注册登记 4.刻制印章审批 5.消防证件办理 6.组织机构代码登记 7.税务登记 8.开立基本存款账户和划资 9.前置审批许可注册公司需要准备的材料1、公司名称(5个以上公司备选名称)2、公司注册地址的房产证及房主身份证复印件(单位房产需在房产证复印件及房屋租赁合同上加盖产权单位的公章;高新区、经济开发区、新站区居民住宅房需要提供房产证原件给工商局进行核对)3、全体股东身份证原件(如果注册资金是客户自己提供,只需要提供身份证复印件;如果法人是外地户口在新站区、经济开发区、高新区注册,需要提供暂住证原件)4、全体股东出资比例(股东占公司股份的安排)5、公司经营范围(公司主要经营什么,有的范围可能涉及到办理资质或许可证)
广告公司包括哪些行业?
一、广告行业按业务内容分类 :综合代理类广告公司、营销策划类广告公司、管理咨询类广告公司、市场调研类广告公司、创意设计类广告公司、影视广告类广告公司、报刊广告代理广告公司、网络广告代理广告公司、户外广告代理公司、传媒娱乐类广告公司、展览展示类广告公司。二、按行业的先后分,有广告材料行业、招牌制作行业、媒体广告行业、印刷包装行业。广告是一个内容广泛行业。广告公司的经营范围内,即平面设计、3D设计、园林设计、环境设计、建筑设计、印刷、喷绘、雕刻、广告灯箱及各类广告需要的灯光制作、各类媒体投放(户外擎天柱、路边广告灯箱、电视媒体、广播媒体、报纸媒体、网络媒体的发布及设计) 亚克力吸塑字、雕刻字、水晶字、钛金铁皮字 ●企业画册、彩页印刷、不干胶、彩色名片证卡 ●霓虹灯亮化、LED电子显屏、电子灯箱 ●户外喷绘、写真展板、海报吊旗 ●旗类展架条幅、车体墙体广告,所涉及的范畴内,都属于广告行业。
有哪些网站可以投放免费广告,质量有好的?
免费的广告网站很多,当然免费的广告效果肯定没有花钱的效果好。 1、花钱的可以在百度、新浪、360、腾讯、58、淘宝等都可以打广告。 2、免费的还可以的有:企博网、老榕树、百纳网、新浪博客等,这些都是比较好的一些免费打广告的。但还是百度比较强悍,所有的免费广告百度都会去自动抓取,所以,搜索的人要在百度里面搜索刚的关键词就会显示出来。
制作一个完整的网站需要做什么
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢? 常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 确定网站主题,网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。 搜集材料,明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。 规划网站,一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。 选择合适的制作工具,网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。 制作网页,材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。 上传测试,网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。<proinsight-br>
BANNER一般用什么软件制作?
Banner制作 你一定见过网页中会动的广告Banner。变换的图片很能吸引浏览者的注意。它实际上是一个动态的GIF图形文件,也就是一个包含两张以上独立GIF图形文件或Frame(帧)的文件。每一帧均设定了画面播放时间与重播次数。可以在GIF制作软件中指定每一个轮回的动画播放时间与回放次数。 目前市场上制作GIF动画的软件相当多,友立公司的Ulead Gif Animator以其简单易用,功能强大而受到良好的评价,是一款值得推荐的Gif动画制作软件。下面我们用它来制作一个468X60像素大小的广告Banner。 1.在PhotoShop中制作四张468X60像素的图片,并将其导出为Gif格式。 2.运行Ulead Gif Animator,此时会出现一个“开始向导”面板,注意到“开始向导”面板上的Animation Wizard项,通过它可以决定置入哪些画面,每个画面播放多少时间等控制信息。 3.单击Animation Wizard项前的茶杯图标,在弹出的选择文件面板中单击“增加图像”按钮,在随后弹出的打开菜单中,选择要置入的图片,我们选择前面在PhotoShop中制作的四幅图片,选好之后单击下一步按钮。 4.在图像类型菜单中选择以文字为导向的图像Text-oriented,单击下一步按钮。注意:若是以文字为导向的图像,文字图像的颜色比较少,可以不进行递色处理,这样可减小文件的大小,但如果是较复杂的相片图像,则需进行递色处理以求得较好的影像品质。 5.在帧延续时间面板上设置每帧延续的时间和帧速率。注意:GIF89a的动画图像结合了多张的个别图像,它们都是独立的Frame(帧或影格)文件,每一影格均须设置画面的播放时间及重播次数。 6.在完成菜单中点击Finish按钮,完成动画的基本制作。单击编辑区中的Preview按钮,预览动画的效果。 7.打开File菜单,选择Optimization Wizard(或按下F11键),启动最佳化向导。 8.在弹出菜单中选择Yes,使用预设的项目以控制调色板的颜色数目,然后单击下一步按钮。 9.在弹出的菜单中勾选No,然后在图片颜色数项中设置其值为32色。注意:视图像情况以决定颜色数目方框中的数值,若以文字为导向的图像,最好勾选“No”项目。 10.在弹出菜单中均选择Yes,移除多余的像素,移除注解区块,移除层标志,这样可以减小文件尺寸。 11.在最后弹出的菜单中列出了刚才的设定,单击Finish按钮完成优化。 12.随后弹出Gif Optimization菜单,显示了优化前后的文件尺寸大小对比,单击Save as按钮,如图6,将其保存。 注意:一般情况下,Banner的大小不要超过30KB,否则会增加网络负担,在本例中,这个Banner优化之后只有18.4 KB。
网页设计中如何让图片轮播
网页设计中让图片轮播,需要用到的JS和比较好的div+css布局意识,主要还是需要了解left,top在css中的意思,这里我提交一段我以前写的代码; html中的代码:<div id="box"> <div id="woZaiHouDun" class='hide' > <a id="btnLeft" href='javascript:void(0);'> </a> <a id="btnRight" href='javascript:void(0);'> </a> <ul> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> </ul> </div>js中的代码:ar t=null;function woZaiHouDun(){ var oUl = document.getElementById('woZaiHouDun').getElementsByTagName('ul')[0]; var aLi = oUl.getElementsByTagName('li'); oUl.innerHTML += oUl.innerHTML; oUl.style.width = aLi[0].offsetWidth*aLi.length + 'px'; var oBtnLeft = document.getElementById('btnLeft'); var oBtnRight = document.getElementById('btnRight'); var iTarget = 0; var ispeed = -3; oBtnLeft.onclick = function(){ ispeed = 3; } oBtnRight.onclick = function(){ ispeed = -3; } t=setInterval(function(){ iTarget = oUl.offsetLeft -ispeed; if( iTarget < - oUl.offsetWidth/2){ oUl.style.left =0 +'px'; iTarget = oUl.offsetLeft -ispeed; } if( iTarget > 0){ oUl.style.left =- oUl.offsetWidth/2 +'px'; iTarget = oUl.offsetLeft -ispeed; } oUl.style.left =iTarget +'px'; },30)}这样是能实现轮播的。