网页设计报告

时间:2023-04-25 18:38:32 报告 我要投稿

网页设计报告

  随着社会不断地进步,报告使用的次数愈发增长,我们在写报告的时候要避免篇幅过长。你还在对写报告感到一筹莫展吗?以下是小编为大家整理的网页设计报告,供大家参考借鉴,希望可以帮助到有需要的朋友。

网页设计报告

网页设计报告1

  在经济迅速发展的今天,Internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习,让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足,下面就谈谈我在本次专用周的主要感受。

  一、网站整体规划,要做网页的第一步便是做网站的整体规划。这主要包括四个方面的内容

  1。讨论网站的主题。

  网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

  2。定位网站的CI形象。

  “易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是YIFINI易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。

  3。确定栏目和板块。

  于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

  4。网站的整体风格和创意。

  整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,YIEINI易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

  二、网页制作的前期策划与准备,在本阶级主要有两方面的工作

  1。资料的搜集。

  在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。

  2。熟悉制作软件。

  做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。

  三、网页制作,这便进入我该次的.主题了具体制作流程如下

  1。构建站点框架。

  在我打开Dremweaver后第一步便是新建站点,我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。

  2。设计主页及二级页面。

  在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。

  而且制作过程中,不忘以下原则:

  简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。

  交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

  3。实现网页间的链接。

  我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

  4。向静太网页插入动态效果。

  在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

  四、网页的调试

  在做完网站才发现,怎么所有的图片素材并不是在一个文件夹中,而有许多的子文件夹,从网上下载的网页全都是一个网页对应一个文件夹。制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用。而对于动态flash的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。

  这只是在制作过程中出现一些问题,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的静态的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。从我做的网页来看可以反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习,让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

网页设计报告2

  1.结合毕业论文(设计)课题情况,根据所查阅的文献资料,撰写3000字左右的文献综述(包括目前同类课题在国内外的研究状况、发展趋势以及对本人研究课题的启发):

  一、课题背景

  计算机与网络技术的飞速发展,已经逐步改变了面对面获取知识的传统教学方式。基于Internet的网络学习模式,具有交互性好,教学过程可以不受地域、时间限制,而且可以使得教学资源能在最大范围内实现共享。并且使传统的以教师为中心的课堂模式转化为以学生为中心、学生可以自由选择学习内容的新模式,具有知识信息量大、教学方式生动活泼、声像辉映、图文并茂等特点,因此受到了教育界的普遍认可和欢迎。国内外高校利用互联网开展网上学习呈现出快速发展的态势,开发了一大批具有较高的水平的网络教学课程。随着经济全球化的发展,英语的应用越来越广泛,学习英语的重要性更是重中之重。

  二、国内外研究现状及发展趋势

  在国内,网络教育还停留在基础的应用阶段,还在摸索中前进,几乎没有把英语学习和网络很好的相结合。在学校里看到最多的是基于小型局域网的多媒体英语学习教室,使用时也多是放录音,学生与老师之间几乎没有互动环节。而具有互动环节的在线英语自学系统,由于国内对网络教学还比较保守,因此现还处于刚起步阶段。在国外,网络教育和各方面的教学的发展已经进入深入阶段。学校把课程和计算机网络相结合,充分发挥了网络教学的互动优势,使学生在快乐中学习。据统计,国外已经有55%的在校学生人手一台电脑,远程教育的参加人数正在以89%的增长速率递增。

  在调研中,我们了解到"网络环境下大学英语的教学改革"正处在国家推进、重点突破、全面展开的进程之中,并取得了积极的成效。大部分试点院校经过两年多的教改实验论证,效果较好,规模进一步扩大。如北京大学、清华大学、北京理工大学、北京交通大学、北京林业大学、北京化工大学、武汉大学、西南大学、大连民族学院、大连理工大学等部分试点高校在05级新生中已经全面实现网络环境下大学英语教学模式。西北工业大学、北华大学、山东大学、东北大学、南开大学、解放军信息工程大学、首都经济贸易大学等高校都于05年在新生中进一步扩大规模。20xx年,有更多的试点院校将在06级新生中全面推行网络环境下大学英语教学模式。相信在未来,网上学习英语的模式将得到更好的重视与发展。

  虽然在线学习已经蓬勃地发展起来,但是在线学习的普及率还并不高。目前已开发出来的系统基本具备一个自学系统所需的基础功能,比如可以根据自己的需要选择课程学习等。但是在知识库设计这一模块还存在一些问题,如设计不全面,管理紊乱,知识的匮乏,因此在线学习系统的应用并不广泛。另外,对于我国来说,在线学习主要出现在高等教育以及一些特定的领域,具有相当大的局限性,这对于许多求学者来说是远远不能满足其需求的。在国外,随着技术的飞速发展,不仅高等教育、很多社会其他部门都已经开设了在线自学,通过计算机实现异地自学和自检。现在,计算机硬件技术的发展已经达到了相当高的水平。但是,教学软件尤其是知识库的设计、开发还处于起步阶段,随着这项技术的不断深入发展,就要求有更好、更完善的软件系统应用到教学当中去,这就给设计人员提出了更高的设计要求。

  网络必须走综合化发展之路,实现与其他课程的整合,而不能再按照学习一门学科的老办法去讲、去学、去考。在网络环境下的英语学习让学习者自己动脑筋去寻找问题、发现问题,帮助他们如何利用网络资源为英语学习服务。教师和学生之间可以通过网上讨论、 电子信箱等进行探讨性的学习,让老师快速、准确地了解学生的学习情况,帮助学生提高学习效率。

  三、课题研究意义及启发

  随着我国对外开放的不断扩大化,科学技术的不断进步,国际地位的不断提高,迫切需要造就一大批精通外语的专门人才,以加速我国“四化”进程,使我国在国际事务中发挥更大更积极的作用。英语的使用范围非常广泛。世界上70%以上的邮件是用英文写或用英文写地址的'。全世界科技出版物 70% 以上用英语发表。全世界的广播节目中,有60%是用英语进行的。绝大部分的国际会议是以英语为第一通用语言它也是联合国的正式工作语言之一。总之,在国际政治、军事、经济、科技、文化、贸易、交通运输等领域,英语是一个重要的交际工具。对具备一定外语知识的综合型人才的需求也随之大幅增加。而随着网络技术的迅猛发展,人们的生活越来越依赖于网络的发展。通过网络学习英语的要求也相应提高。因此,学好英语对实现上述目标具有重要的现实意义和深远的历史意义。

  信息社会的最明显的标志是信息采集的全面与快捷。要善于在教学中整合网络资源,充分利用网络资源优势。学习网站可以为学生创造尽可能多的接触现实的机会,提供更多的直观生动的感性材料,扩大学生的知识面,增加词汇量,减少学生因缺乏相关知识而造成的学习困难,增强学生对英语的敏感性,拓宽学生思路、开阔视野,促使学生用英语思维,强化记忆,提高学习效率,让学生在听说读写译能力等方面都获得提高。网络教学为我们提供了克服传统教学弊端的全新的教学方式,使抽象的、枯燥的学习内容转化成形象的、有趣的、可视的、可听的动感内容,网络教学已成为英语教学的发展趋势。

网页设计报告3

  一、 实习目的

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

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

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

  (二) 在实践中查漏补缺

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

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

  (三) 在工作中打磨自己

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

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

  二、 实习内容

  (一) 实习主要内容

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

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

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

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

  2)使用DIV+CSS样式及基础的HTML语言做页面布局的排版

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

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

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

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

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

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

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

  (二)工作过程

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

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

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

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

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

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

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

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

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

  思考配色与构图:对整个内容有了一了解后,便要思考作品的色彩和具体的

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

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

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

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

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

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

  于是在经理没有给我严格期限的时候,我选择了按照自己的思路去修改文案,

  把多余的文字删掉,根据公司的优势修改出精简的几点,变得更有条理更有重点。

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

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

  三、 实习体会

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

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

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

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

  (二) 主动思考的重要性

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

网页设计报告4

  一、任务内容

  原计划打算以“植物”为主题,在设计过程中发现范围过于宽泛,无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历,经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为一、栀子花的文化,二、栀子花的种类和生长特性以及三、我的栀子花三个模块。

  其中,模块一使用幻灯片进行演示,主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示,让他人对栀子花有所了解。

  二、设计步骤

  一、构思

  首先,对栀子花的种类进行简单的介绍;其次,对栀子花的文化内涵进行简要描述;最后,展示自己种植的栀子花成果。因此,此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成,主要介绍了两类栀子花——大叶栀子和雀舌栀子,更加便于了解。

  二、取材

  主要从网络上获取所需的图片、音乐等关于栀子花的素材,其中部分照片从个人相册中获取。

  三、设计 (一)网页设计

  模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。

  在首页添加表格,在表格内增添标题栏以及字幕,增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接,与三个模块进行连接,便于翻阅。

  在模块二中采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分,对栀子花进行概述和分类描述。插入图片,便于直观的了解各个种类的'栀子花。其中,各个种类的栀子花展示位于网页模板的右方,在左方进行总说,并通过超链接与栀子花的分类说明建立联系。

  在模块三中,通过绘制表格对网页进行大小不同的划分,插入栀子花的图片拼接成整个网页。

  (二)幻灯片设计

  此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明,未对幻灯片进行大量的美化和修饰,主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。

  (三)flash设计

  此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。

  四、美化

  (一)添加背景音乐

  在主页以及各个模块中均插入了背景音乐。

  (二)设计网页过渡 (三)添加超链接

  三、采用的方法与手段

  (一)使用Frontpage制作网页

  单击新建网页可选择新建空白网页或其他网页模版。

  单击表格,选定绘制表格或布局表格或单元格即可绘制单元格。 选定单元格,单击鼠标右键选定背景即可插入背景图片。

  选定网页,单击鼠标右键,选定网页属性,浏览格式即可添加网页背景。 选定单元格,即可输入文字。

  选定插入,选择插入图片或艺术字即可插入图片或艺术字。 选定插入,选择交互式按钮,即可插入字幕。 选定格式,选择网页过渡,即可设计网页过渡效果。

  (二)使用Powerpoint制作幻灯片

  单击鼠标右键,选定背景,选定其他填充效果,浏览选定图片即可添加背景图片。

  单击插入,选择图片,即可添加图片或者艺术字。

  选定文字,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定幻灯片,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定艺术字,单击鼠标右键,选择自定义动画即可添加自定义动画。、

  (三)使用Flash制作动画

  单击插入新建元件,即可进行元件的编辑。

  单击15帧或30帧,单击鼠标右键,选择插入空白关键帧。 单击第一帧或第15帧,选择补间,选择形状或动画即可。

网页设计报告5

  一、本课题的目的和意义:

  随着互联网技术的迅速发展网络已逐渐深入人心,更是成为继报刊、电视、广播等传统媒体之后而迅速兴起的一新的传媒介质,网络宣传已成为众多宣传手段的重中之重,各种各样的网站也就应运而生。为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的教育网站,充斥着我们的视野,满足着我们的需要。网站的规划与建设,已悄然被许多人摆到了首要的位置上。

  当今的人们,如果依然依靠传统的方式展示自己已经不能满足现在人们的需要,所以做一个网站就成为人们一件十分有意义并有兴趣去做的事情。利用企业网站我们可以让全国,甚至全世界的人们有机会知道自己的公司。

  二、本课题研究的难点

  规划并建设好一个企业网站,并不是一件容易的事。首先,规划好这个网站就不容易。因为是企业网站,所以要求要比其它类型的网站更加独具匠心,有独特的眼光。这就规划者有了更高的要求。首先,要根据自己的'要求网站的风格布局、色彩搭配和大体轮廓,并确立网站的栏目、内容。其次,网站制作者将要根据前一点安排整个页面文字图片的布局,这就要求设计者对网页制作具有相当的水平,美工、排版能力要强。再者,企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础,在网络编程语言ASP、PHP、JSP或ASP。NET等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然,选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后,网站安全性也是一个重中之重,在如今黑客当行、病毒当道的互联时空,网站的安全犹为重要。

  三、本课题研究要解决的问题

  规划并建设好一个令人耳目一新的企业网站,并不是一件容易的事。首先,规划好这个网站就不容易。这要求网站规划者熟悉企业的情况,并确立网站的栏目、内容。其次,网站制作者将要根据网站的规划书来确定网站的风格、布局、色彩搭配等,这就要求设计者对网页制作具有相当的水平,美工、排版能力要强。再者,企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础,在网络编程语言ASP、PHP、JSP或ASP。NET等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然,选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后,网站安全性也是一个重中之重,在如今黑客当行、病毒当道的互联时空,网站的安全犹为重要,否则,功亏一篑!这就要求配置服务器或选择虚拟主机时的谨慎以及编写网站管理后台的注意。

  四、本课题研究的目标及内容

  1、本课题研究的目标是:建立一个具有特色的企业网站。

  课题的内容是:在这个课题中,主要是用于公司相关信息的介绍,以及相关的产品内容的介绍。方便他人的了解。它的内容主要包括对网站前台的设计及制作,包括企业网站的logo设计,布局的设计,网站页面的制作、片头动画及页面动画的设计制作、注册登陆系统以及各链接和相关技术的开发等。在这里,我将以制作某企业网站为例,具体阐述个人网站的制作过程。

  制作网站过程:

  1、网页美工

  用photoshop CS制作页面效果图片,搭配好颜色,设计好版式,这样做的目的是为了让网站的页面更具有整体性和美观性,色调搭配及版面的设计都可以通过photoshop CS这个强大的图片处理软件来完成,这样设计出来的网页不论是从美工还是从版式上都是一流的。

  2、导航条和文字图片的布局

  用DreamweaverMX和FlashMX设计制作导航条,同时对文字图片进行调整。具体的就是文字的大小、字体以及图片的格式、大小进行调整。

  3、超链接其动态设计

  用用DreamveaverMX建立超链接使整个网站能够自由地相互关联,使浏览者能够方便地到达所需要的网页。另外,本网站还可以进行注册,利用ASP与Access相连使网站变为动态网站。

  五、课题研究进展计划

  1第一周到四周完成毕业设计开题报告

  2第五周调研,准备各种参考资料、充实所需知识

  3第六周查阅相关书籍资料,提出可行性的设计方案

  4第七到十六周具体设计与制作工作

  5第十七周文档的生成与整理,指导教师修改

  6第十八周毕业设计论文的相关资料的搜集

  7第十九周完成毕业论文撰写

  六、参考文献

  《网页设计典型技巧》 Time创作室人民邮电出版社20xx年10月

  《ASP动态网站开发毕刘瑞斯机械工业出版社20xx年3月

  《ASP+Access组建动态网站实例精讲》龙马工作室人民邮电出版社20xx年6月

网页设计报告6

  在经济迅速发展今天,Internet显得更为重要它是人们发布信息与传递信息重要渠道,为了与社会发展同步,为了让我们成为真正技术性人才。学校在本周为我们安排了维持一周网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正学以致用而不只是纸上谈兵。通过本周实习使我获得了更多新知识同时也使我使我认识到了自己在学习上许多不足,下面就谈谈我在本次专用周主要感受。

  一、网站整体规划,要做网页第一步便是做网站整体规划这主要包括四个方面内容。

  1讨论网站主题。

  网站整体规划是做网页第一步也是制作网页最关键一步它决定了你要表答信息,因此我选择了我选择我最喜爱服饰来为它做网页。在平时我也对服装网页比较关心,无论是淘宝网上衣店还是各种品牌装。这次我是为“易菲”服饰做网页。

  2定位网站CI形象。

  “易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族文化精髓,是厚德载物,是对人性宽度一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度一种挖掘。“生活如花,自在快乐”是YIFINI易菲设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐生活方式。这也便是我网站CI形象。

  3确定栏目和板块。

  于时间关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页主打色绿色。

  4网站整体风格和创意。

  整个网站创意就在于颜色搭配,与各种图片搭配,它们相互辉映,相互衬托。以便达到表现其品牌和谐之美、自然之美。我踩用淡蓝色和绿色为我网站主打色主要是因为我产品特性。在设计上,YIEINI易菲推崇“自然美”,将带表女性气质花卉和自然元素融入设计之中,充分体现设计师和顾客所追求一种洒脱、舒适生活氛围,力求表现悠闲、舒畅、自然生活情趣。因此我用天空与自然颜色来表达这张自然之美、和谐之美。

  二、网页制作前期策划与准备,在本阶级主要有两方面工作。

  1资料搜集。

  在做网页我上网收集了许多方面资料主要是有关网站布局与服饰品牌方面资料,我首先进它企业网站找了一些关于“易菲”服饰图片主要是一些代言形象还有代表其企业形象图片。其次我去浏览了许多网页观察其网页布局、颜色搭配、栏目、板块等方面内容,同时也搜集了一些对我有用资料。在搜索资料最困难便是动态图片搜集,动态图片其gif格式还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天时间来搜集我flash都不太成功,不过还搜到了可以换自己图片代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码搜索。在搜集资料过程之中我发现了自己许多不足之处,最关键就是平时对知识掌握不够,连最基本资料搜寻都觉得困难。也是我平时不够认真和努力表现。通过这次教训在以后我一定会做得更好,争取不范类似错误。

  2熟悉制作软件。

  做网页主要用工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常运用,但是出现问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面缺点,它是我平时不够认真具体表现。

  三、网页制作,这便进入我该次主题了具体制作流程如下。

  1构建站点框架。

  在我打开Dremweaver后第一步便是新建站点,我把我站点建立在F仪下面。并将我搜集全部资料都保存在其文件夹中,以便网页制作时可以方便使用。

  2设计主页及二级页面。

  在主页我设首页制作时,时刻考虑着网页基本原则:统一,连贯,分割,对比及和谐原则,内容统一,都是为了主题服务,美容美体,一个网站强调就是一个整体,只有围绕一个统一目标所做设计才是成功;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:

  简洁实用:这是非常重要,网络特殊环境下,尽量以最高效率方式将用户所要想得到信息传送给他就是最好,所以要去掉所有冗余东西。使用方便:同第一个是相一致,满足使用者要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美要求:布局有条理,充分利用美形式,是网页富有可。

网页设计报告7

  一、实习目的

  熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB的深层。

  二、实习时间

  20xx年xx月xx日——20xx年xx月xx日。

  三、实习地点

  xx。

  四、实习内容

  (一)网站的整体规划

  1、讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。

  2、定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

  3、确定栏目和板块:首先要考虑整个网页的长和宽,以及长度和宽度之间的.比例。其次就应该考虑导航条的设置了。正文的框架设置(横向因素和纵向因素交错),在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。

  4、网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。

  (二)网页制作的前期策划与准备

  1、资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF的动画等。

  2、熟悉制作工具软件:xx、xx、xx。

  3、主页制作的基本条件有:xx、xx、xx。

  4、硬件:xx、xx、xx。

  (三)网页制作

  真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

  在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。

  然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如xx的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

  在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。

  (四)网页的调试

  之前把作过的东西放到U盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

  五、实习收获

  实习期结束后,我和其它同事得到了正式合同并留在了这家公司,通过这次工作,我得到的最大体会就是,如果一个人在社会上没有一技之长,那他是没有办法很好的活下来的,只有不断的加强自身专业技能学习才行。所以,尊敬的老师,我会在业余时间好好学习,加强自己的专业能力,使自己变得更强,只有这样才能上到为国家、为社会做出贡献,下到为自己、为父母、为学校交出一份满意的答卷。

网页设计报告8

敬爱的技术总监:

  你好!经过多日思考,最后我还是决定辞职了,虽然是美术院校的艺术设计专业毕业的,但是感觉自已的创作能力并不是很强,也不具有良好的美术功底与创意能力,没有做出几个比较理想的网页设计/平面设计的.作品。

  来公司已经两年了,说实在的,也真的学了不少的东西,然而毕竟it行业的发展是相当的迅速,自已的步伐总是慢了一步,再加上我对编程比较感兴趣,也想往这一方面发展。说到工资待遇初级美工确实很低,比初级的程序员低多了,想要拿高一点的工资这也是另外一个辞职的原因。

  最后,愿公司蒸蒸日上,再创佳绩。

此致

敬礼!

  签名:xxx

  日期:xx年xx月xx日

网页设计报告9

  网页设计的本质是为用户的体验服务,网页设计的具体设计实践活动主要包括交互和视觉两个部分,交互的重要程度决定了匹配对应的视觉效果。下面是小编整理的网页课程设计报告书,希望对你有帮助。

  网页设计作为高校设计学专业的专业课程,在教学课程知识体系的不断探索和完善中,形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展,人们对网页的产品设计的属性认知越来越明确,对网页设计的工作分工更细致也更专业,这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。

  1.从代码知识到网页制作工具知识的转变

  早期,高校网页类课程的知识体系构建得益于院校的科研优势,互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末,网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物,即使面向艺术类专业,也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索,并将成果发布于各种学术研究出版物,教学方面则直接引用案例教学,教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及,各种不需要用户直接面对代码的网页制作工具相继诞生,于是,这方面的知识成为课堂的新内容,大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的.快速发展、网页制作技术的传播,使网站在技术层面进入了同质化阶段,市场需求开始转向页面视觉效果方面的提升。在网页设计课程中,由于对网页设计分工认知不足,早期的网页设计课程时常将设计和制作的名称与授课内容混用,没有严格区分,也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主,以美化页面效果为辅。此时,高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后,随着时代的发展,网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟,经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善,分工协作机制日趋成熟,前端设计分离后,网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点,通过对网页设计中的审美需求和各种视觉构成要素(如文字、图片、颜色等)进行分析,结合人们在浏览信息时的视觉习惯,探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后,该阶段还未意识到网页交互设计的核心地位。

  网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品,对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科,网页本身也是一种产品。网页设计最初被视作平面领域的设计,而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性,使其具有交互设计可用性与易用性体验的内在要求,适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面,各种网页交互体验、视听信息、线上内容服务与线下互动等,是网站向用户提供服务的设计组成部分。作为一种广义的产品形态,网页设计与传统的实物形态的工业产品设计有一定区别,更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展,基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元,从工效学角度来看,网站信息本身也担负着面对用户、有效传递信息的功能和任务,在具体的设计活动中,表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征,信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本,提升页面信息获取体验。

  网页设计的本质是对体验的设计,即以用户为核心思考设计方案,研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线,构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程,培养设计项目管理和组织能力;掌握用户需求研究分析的基本方法,对用户体验和需求研究有较为敏锐的洞察力;掌握网站交互原型相关的设计方法与工具;掌握网页视觉设计方法和设计规范;了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成(1)设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等,让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践,掌握基本的设计理论。(2)软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现,教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面,包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具,其中常见的Photoshop、Illustrator等图形设计软件,已经在前置课程中基本完成学习。第二类是交互原型制作工具,常见的工具有墨刀、Axure等。第三类是代码编辑工具,选择较多,作为对网页前端知识的入门介绍部分,在本课程中以介绍为主。(3)设计经验教学内容模块设计经验教学以启发式案例实践为主,按照网站项目设计的流程需要,设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验,从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证,有助于学生对网页设计方法的理解和体会。结语任何一种技术变革,都可能让网页设计出现新的艺术形态,前端依然是课程必须了解的知识。目前,就设计艺术角度而言,网页设计课程的内容以交互和视觉设计为基础,在信息设计层面也有较大的提升空间,设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角,让学生更深刻、更完整地理解用户模式下的网页设计艺术。

网页设计报告10

  一、网页设计的内容

  网页设计中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。

  1、视听元素

  这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。

  以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后,提供了基于ole的activex技术,用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序,相比于插件和activex,javaapplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。

  2、版式设计

  网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。

  但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。

  二、网页设计的原则

  网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则。但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页的艺术设计,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以下三个主要原则:

  1、主题鲜明

  视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的,是使主题在适当的环境里被研究们即时地理解和接受,以满足研究们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。

  根据认知心理学的理论,大多数研究在短期记忆中只能同时把握4到7条分立的信息,而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘,概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中,它要求视觉设计者的网页设计必须自觉地掌握和遵从。

  作为视觉设计范畴一种的网页设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。只有两个方面有机地统一,生能实现最佳的主题诉求效果。

  优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个研究站点与商业站点性质不同,目的也不同,所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,即要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。当然,有些情况下,“功能”即是“主题”,还有些情况下,“美”即是主题。例如,雅虎作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,就是——美。

  只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,出现平庸的网页设计或使网页设计以失败 而告终。

  要使网页从形式上获得良好的诱导力,鲜明地突出诉求主题,具体可以通过对网页的'空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

  2、形式与内容统一

  任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。”(黑格尔<美学>第三卷)

  一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,生能体现出网页设计独具的分量和特有的价值。另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。

  据有关资料所做的保守估计,目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等,虽然达到了其静态形式美的效果,却造成多达几十k甚至更大的网页数据,使浏览者必须等待很长时间生能看到“庐山真面目”,这样的网页就不是一个优秀的网页,因为它不符合网页传播信息的突出特性之一——快捷性,使网页内容不能很快地到达访问者,影响了访问效果和质量,损害了访问者的情趣和积极性,这种技术要素影响了传达信息的效果,因而不是形式与内容的完美统一。

  网页具有多屏、分页、嵌套等特性,设计者可以对其进行形式上的适当变化以达到多变性处理效果,丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时,更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

  因此,在网页设计中必须注意形式与内容的高度统一。

  3、强调整体

  网页的整体性包括内容和形式上的整体性,这里主要讨论设计形式上的整体性。

  网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的时间和空间环境里为研究们所理解和接受,它以满足研究们的实用和需求为目标。设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给研究一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

  网页的结构形式是由各种视听要素组成的。在设计网页时,强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征,是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上,将页面中各视觉要素作通盘考虑,以周密的组织和精确的定位来获得页面的秩序感,即使运用“散”的结构,也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色,并注意色彩搭配的和谐;对于分屏的长页面,不可设计完第一屏再考虑下一屏。同样,整个网页内部的页面,都应统一规划,统一风格,让浏览者体会到设计者完整的设计思想。

  从某种意义上讲,强调网页结构形式的视觉整体性必然会牺牲灵活的多变性,“物极必反”就是这个道理。因此,在强调网页整体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷,以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。

  三、网页设计的特点

  1、交互性与持续性

  网页不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因,也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息,即按照信息提供者的感觉、体验和事先确定的格式来传播。而在web环境下,研究们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互,使网页设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计研究员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页进行调整和修改。例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不定期的进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。

  2、多维性

  多维性源于超级链接,主要体现在网页设计中对导航的设计上。由于超级链接的出现,网页的组织结构更加丰富,浏览者可以在各种主题之间自由跳转,从而打破了以前研究们接收信息的线性方式。例如,可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂,不仅使浏览者检索和查找信息增加了难度,也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息,设计者必须考虑快捷而完善的导航设计。

  印刷品中导航问题不是那么突出,如果一个句子在页尾突然终止,读者会很自然地翻到下一页查找剩余部分,为了帮助读者找到他们要找的信息,出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时,读者会看到类似于“续68页”这样的指引语句。然而,作为一名网页设计者,你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得很周到的网页中,导航提供了足够的、不同角度的链接,帮助读者在网页的各个部分之间跳转,并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。而且,每页都有一个返回主页的按钮或链接,如果页面是按层次结构组织的,通常还有一个返回上级页面的链接。对于网页设计者来说,面对的不是按顺序排列的印刷页面,而是自由分散的网页,因此必须考虑更多的问题。如:怎样构建合理的页面组织结构,让浏览者对你提供的巨量信息感到条理?怎样建立包括站点索引、帮助页面、查询功能在内的导航系统?这一切从哪儿开始,到哪儿结束?

  3、多种媒体的综合性

  目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等,随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流(stream)技术的推动下,inter网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影 、网上直播等。因此,多种媒体的综合运用是网页设计的特点之一,是未来的发展方向。

  4、版式的不可控性

  网页版式设计与传统印刷版式设计有着极大的差异:

  (1)印刷品设计者可以指定使用的纸张和油墨,而网页设计者却不能要求浏览者使用什么样的电脑或浏览器;

  (2)网络正处于不断发展之中,不象印刷那样基本具备了成熟的印刷标准;

  (3)网页设计过程中有关web的每一件事都可能随时发生变化。

  这一切说明,网络应用尚处在发展之中,关于网络应用也很难在各个方面都制订出统一的标准,这必然导致网页版式设计的不可控制性。其具体表现为:

  (1)网页页面会根据当前浏览器窗口大小自动格式化输出;

  (2)网页的浏览者可以控制网页页面在浏览器中的显示方式;

  (3)不同种类、版本的浏览器观察同一个网页页面,效果会有所不同;

  (4)用户的浏览器工作环境不同,显示效果也会有所不同。

  把所有这些问题归结为一点,即网页设计者无法控制页面在用户端的最终显示效果,但这也正是网页设计的吸引研究之处。

  5、技术与艺术结合的紧密性

  设计是主观和客观共同作用的结果,是在自由和不自由之间进行的,设计者不能超越自身已有经验和所处环境提供的客观条件限制,优秀设计者正是在掌握客观规律基础上得到了完全的自由,一种想象和创造的自由。网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网页设计者应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样生能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。

  例如,浏览者欣赏一段音乐或电影,以前必须先将这段音乐或电影下载回本地机器,然后使用相应的程序来播放,由于音频或视频文件都比较大,需要较长的下载时间。流(stream)技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在下载过程中就可以欣赏这段音乐或电影,实现了实时的网上视频直播服务和在线欣赏音乐服务,无疑增强了页面传播信息的表现力和感染力。

  网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界。

  技术与艺术的紧密结合在网页设计中体现得尤为突出。

网页设计报告11

  本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。

  一.充分发挥动手能力

  作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的'过程中学到了很多知识,也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。

  二.在设计过程中不断提高网页设计水平

  在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页,到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页,完善网页。在这个过程中,我通过自学教材、上网查询,学习了Dreamweaver、Flash、Fireworks等网页软件的应用,学会了管理、维护自己的站点,以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。

  三.不足之处

  由于平时工作比较繁忙,学习时间比较少,对于网页设计软件的强大功能运用得还不够。在网页设计过程中,由于没有网页制作代码的知识,所以在设计时也遇到了很多麻烦,有时插入一个特效脚本也是很麻烦。在网页制作过程中,想提高设计水平,想有个理想的网页,必须学会代码的运用,我将在以后的学习过程中不断加强这方面的学习,希望老师能简单介绍一下代码,让我也对它有个初步的认识,以后再加强学习也才会有所提高。

  总体来说,通过今次的对网页设计的学习,有收获也有遗憾、不足的地方,但我想,我已经迈入了网页设计的大门,只要我再认真努力的去学习,去提高,凭借我对网页设计的热情和执着,我将来设计出的网页会更加专业,更完善。也希望老师在今后的日子里多指导。

  

网页设计报告12

  静态网页设计专业实训总结报告提要

  网页设计实训就快结束了,在这短短的两周里,我学会了很多新的知识,更掌握了新的技能,让我觉得受益匪浅。在实训时,有空闲就会想到学校里青葱岁月,简单流畅,无忧无虑。

  插入apdiv标签,插入图片,创建超链接,设置段落

  2.1.3作品展示

  图一:中秋送祝福

  2.2项目2

  2.2.1项目介绍

  有铁血战鹰的的图片素材及相关资料,对铁血战鹰进行描述,创建“铁血战鹰网页”

  2.2.2关键技术

  应用表格布局,插入横线对网页进行美化

  2.2.3作品展示

  图二:铁血战鹰

  2.3项目3

  2.3.1项目介绍

  现有自然写真的图片,要求自然写真的图片在鼠标经过时换成别的图片,点下导航栏的标题时转向别的网页,制作静态网页,网页名称为自然写真。

  2.3.2关键技术应用

  练习头标题的应用,超链接的创建,flash的插入,导航栏的创建。

  2.3.3作品展示

  图三:自然写真

  3.实训过程总结

  3.1实训收获

  这个阶段的实训我们主要是练习网页制作及网站发布的各种知识。近些年随着计算机的广泛应用,Internet已经成为人们获得信息不可或缺的媒介,特别是Internet的普及和发展,网络已经成为了不可或缺的通信手段。无论是最新的新闻信息、新产品的出台、新游戏的发布、最新的动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。但是什么为这提供平台的呢。我们又是通过什么来获取这些信息的呢―网页。由于人们使用网络的频繁,网页作为上网的主要依托就变得非常的重要。网页讲究的是排版布局,其功能主要就是提供一种形式给每个上网者,让他们能够了解网站提供的信息。网页设计直接面对的是大量的用户,随时都会反馈回来对网页的批评建议等,可以根据实际情况进行修改,这样做可以使使用者用起来更加的方便。

  Dreamweaver工具为我们实现这些提供了便利,下面我将网页制作和网站发布的知识总结如下:

  (1)网页制作的前期工作是搜集大量的素材,我们的网页只有是实用的才会是大众喜欢的,搜集素材以充实我们的网页。当然我们也应该在此时定下网站的方向是什么,剩下的就是靠Dreamweaver进行编辑;

  (2)网页的版式设计,版式设计时我们应该有重点,把重要的内容新闻放在醒目的位置上。规划各元素在网页中的位置关系和表现方法,合理安排图像、文本等元素,使网页布局合理、美观大方;

  (3)文本编写,我们的网页中需要大量的文字材料,这就要在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得”功能,直接写入文字。在浏览器中运行时出现冗余代码时返回代码页面重新进行查看修改;

  (4)处理网页之间的关联,这主要是建立合理、高效的网页导航系统;

  (5)网页发布过程,主要是将建设好的网页上传到服务器中供用户浏览。

  3.2存在的问题及解决思路

  (1)在Dreamweaver基础方面:制作网页时如何实现网页不跳转就可以出现新的内容,实现页面内的链接;用代码编写网页上的按钮,实现按钮的各种功能,如刷新,重置,确定操作。Css样式表的概念模糊。

  (2)网站风格方面:一个网站的各个页面之间风格应该是统一的,只有围绕一个风格才会成功。

  (3)网站的内容方面:在制作网站时内容之间应该是相关的,在制作时我们不能追求面面俱到,只能做到精益求精。杂乱无章的'网站是不会有大的发展的。

  4.结束语

  网页设计实训就快结束了,在这短短的两周里,我学会了很多新的知识,更掌握了新的技能,让我觉得受益匪浅。在实训时,有空闲就会想到学校里青葱岁月,简单流畅,无忧无虑,回想各位老师的授课,孜孜不倦,学校的生活固然是快乐,www.但是学校的实训课程真的很重要,因为它能让我们这些在校学生接触到社会的发展,让我们有时间岗位环境,顺利得从单纯的校园生活感到复杂社会生活的不同。在这一周的时间里,我一心只做网页,做自己喜欢的风格的网页。经历了一次充实而有愉快的实训,我学会了制作框架、使用锚点、给网页网页插入背景音乐、表格、视频、flash、导航条等更深层次的掌握了它们的用法,现在我心目中的网页也已经大体竣工,我感到很开心,经过这两的不断探索,我喜欢上了这门课程,感觉很有意思。或许实训的结束代表一段新生活的开始,但是我认为它不但是一门课,需要我们去掌握,同时还可以锻炼我们的逻辑思维能力和思维的严密性,还有就是在制作网页的过程中,更需要有不错的艺术审美观,这样,你做出的网页才会赏心悦目,让人眼前一亮,也就是从此刻起,我决心好好钻研这门课,力求这方面的技能达到顶级。虽然网页已经完成,可这并不是一件轻而易举的事情,在此过程中遇到了许多以前不曾遇到的问题,多的情况都是自己解决,万不得已之际,我会主动问老师和同学,直到弄懂为止!让我更加清楚地明白老师平日里的良苦用心,也更加清楚地明白了自己以后应该怎样去做事。

网页设计报告13

  一、实习目的

  通过网页设计理论联系实际操作,巩固所学的知识,提高处理实际问题的能力。充分学习网页设计实践中的操作理论,提高自己网页设计水平,并为能顺利与社会环境接轨做准备。

  二、实习任务

  学习网页设计实际问题处理方法及常规网页设计内容(网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等),网页设计后台管理方面的知识应用,及利用所学知识管理和编辑网站,并从实际出发,简单了解关于网站安全性问题的实际解决措施(md5密码加密等网页设计知识)。

  三、实习时间

  20xx年xx月xx日——20xx年xx月xx日。

  四、实习地点

  xx。

  五、实习内容

  按照老师的安排,我制定了相应的实习计划,并记录了相关的实训内容,以备后鉴,且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高,以达到根据理论知识,指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下:

  1、收集网站所需信息。

  2、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真,并按照网页设计需求设计所需的效果。

  3、对所完成的网页页面进行合理的切片处理,并按照网页设计效果完成网站整体框架的构建。

  4、搭建网站所需数据库。

  5、网站的虚拟建设和初步完善。

  六、实习体会

  大学生活让我对计算机理论知识有了一定的了解,但实际操作领域依旧是一片空白。纸上得来终觉浅,绝知此事要躬行。经过网页实训课的实习,让我对自己有了新的认识,并明确了网页设计方面的前进方向。

  1、继续学习,不断提升理论素养。在信息时代,学习是不断地汲取新信息,获得事业进步的动力。现在通过实习总感觉自己学的.不够,要用到知识时总感觉脑袋总是空白。实习后让我明白,为了能更好的适应工作,不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的,所以自己在这方面格外侧重,希望能够加强自己的专业知识。

  2、加强信心,坚持下去。上学的时候大家都说“能珍惜现在的日子就好好珍惜!”,等工作了才真正的领悟这句话的涵义。经历这次实习后,就希望能把实习所学习的知识,也能运用到课堂上。对自己多一点信心,多给自己点赞赏,多给自己鼓鼓劲,相信自己总会走出一条宽敞大道。

  实习,是开端也是结束。在书本上学过很多理论,但从未付诸实践过,也许等到真正运用时,才会体会到难度有多大。在今后的工作和生活中,自己需要更加努力的奋斗下去。

  实习的同时也让我了解到了自己的不足,我会继续努力,完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

  最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟,仅仅是这一个学期的实习带给我的一点想法,今后我会结合学习生活进一步修正。首先是个人学习,通过实习我认识到利用课堂外的时间也是关键,下一步打算结合自己的兴趣,利用课余时间自我培训;其次是社会实践,初步打算是利用假期等时间充分工作,以提高自身实际工作能力为目的,毕竟“想”和“做”是不一样的,这次实习中我也认识到了这点,平时觉得自己能够胜任的简单事情,当真正动手做时却总不是那么简单了;最后,打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。

  总体来说,这次网页设计毕业实习,让我受益匪浅,以上是我的实习心得与体会,不足之处望得到指正。

网页设计报告14

  网页设计——网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子设计的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

  Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

  为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。

  Web站点主页应具备的基本成分包括:页头:准确无误地标识你的站点和企业标志;Email地址:用来接收用户垂询;联系信息:如普通邮件地址或电话;版权信息:声明版权所有者等。

  网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。

  版式设计通过文字图形的空间组合,表达出和谐与美。

  多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,我们将反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。

  在网页设计中,总是有倾向的特定技术来观察,或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而,近年来,又增加自由和开放源码技术,包括由W3C和WHATWG进行监控和批准,监督和实施增加。

  趋势可以发现,不仅在看在时尚领域的使用的技术,如网站和匹配的标志是清晰的喜好确定。著名的.艺术字Web 2.0至今的重要作用的帮助。

  网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典,经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常明显的!还有哪个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!

  不可否认,国内网页设计环境还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。

  企业客户所在行业往往有其特定的设计需求,特别是对于企业网站建设当中的配色,除了应根据企业的VI标准色,以及客户自身的喜好进行配色分析外,同时不能忽略整个行业对于颜色上的‘惯例’。那么,企业网站在设计和制作当中,到底有哪一些配色规则需要设计师遵循呢?

  企业客户在不同的发展阶段,对于网站设计的配色需求并不一样。在企业初创阶段,企业建站的目的是打造品牌网络形象,开拓客户资源,这时候的企业客户更多的是关注自身的个性化,如何才能凸显企业的特质,如何才能在行业当中显示其独有的特性,这是初建网站的企业客户所重点关注的内容;在企业形成规模,进行品牌提升阶段,企业建设网站或进行改版的目的是重塑品牌网络形象,打造更为专业、沉稳和可持续发展的品牌理念和文化,这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合,在配色的选择上更倾向于稳重、包容,能够适应各种场合需要的配色。

  网页设计的两大要点是:整体风格和色彩搭配。

  一、确定网站的整体风格

  在这里,我提供给大家一些参考经验:

  1.将你的标志logo,尽可能的放在每个页面上最突出的位置。

  2.突出你的标准色彩。

  3.总结一句能反映贵站精髓的宣传标语!

  4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

  二、网页色彩的搭配

  1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

  2.用两种色彩。先选定一种色彩,然后选择它的对比色。

  3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

  在网页配色中,还要切记一些误区:

  1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。

  2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

  三、网页设计的工具

  1.Dreamweaver,用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具;

  2.Frontpage,跟Dreamweaver一样,不过个人感觉还是Dreamweaver好;

  3.Flash,网页需要画面流动时的首选择;

  4. Photoshop,图像处理软件,一般网页都需要有图片相搭配,Photoshop是款很强大的工具。

  5.Fireworks,跟Photoshop 一样都是图像处理软件,但Fireworks偏向与对网页的处理

网页设计报告15

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

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

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

  2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的.播放进行控制,可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

  还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

  下面简单介绍下网页设计的理念和要点。网页设计理念:

  (1)内容决定形式:先把内容充实上,再分区块,再定色调,再处理细节。

  (2)先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。

  (3)功能决定设计方向: 看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

  网页设计的两大要点是:整体风格和色彩搭配。

  一、确定网站的整体风格:

  1、将标志logo,尽可能的放在页面最突出的位置。

  2、突出标准色彩。

  3、总结一句能反映网站精髓的宣传标语。

  4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

  二、网页色彩的搭配:

  1、用一种色彩。指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感。

  2、用两种色彩。先选定一种色彩,然后选择它的对比色。

  3、用一个色系。就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:

  1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。

  2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

  针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设

  计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。