网页设计学习总结_第1页
网页设计学习总结_第2页
网页设计学习总结_第3页
网页设计学习总结_第4页
网页设计学习总结_第5页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计学习总结【篇一:网页设计心得体会报告】网页设计心得体会报告网页设计伴随着网络的快速开展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要.生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我翻开一个网页都会习惯性的先看看排版、布局和色彩运用.通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的根底知识也有了一定的掌握.通过dreamweaver制作网页,我用到了一些根本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等.但是在自己尝试着做的时候,总是出现这里那里的问题.不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响.而且在css方面,我总是不太熟悉各种代码是限制哪些东西的.除了查找解决问题我还总结了经验.例如:1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以防止页面调用时不正确的现象发生.2、调用style时可以单击鼠标右键选择custonstyle来调用style标准,也可以在状态栏中的元素列表上单击右键来调用style.虽然不同的方法到达的效果看似一样,但实际上产生的html代码那么完全不同.在这个过程中,我同样熟悉到网页设计不是一门学科的独秀,而是多种课程的综合,它是flash、photoshop等网页软件的综合应用.例如flash提供了功能齐全的绘图和编辑图形工具.可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是交互性〞强.在动画播放时,可以用鼠标或键盘对动画的播放进行限制,可以很直观的反映出效果.页面设计应以美观、大方、简洁为原那么,保持一致的风格.为了到达最正确的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验.网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息.要研究网页设计,就需要站在用户的角度来看.用户是一个网站成败的关键.如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.所以网页容量即包括图像在内的网页字节数最好不要超过50k.还涉及到界面弱化的问题.一个好的界面设计它的界面是弱化的,它突出的是功能,着重表达的是网站业提供应使用者主要是什么.这就涉及到浏览顺序、功能分区等等.要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次.当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或flash网站,可能就不得不花哨一些,但不能太过分.网站不是动画片,在效率越来越高,社会心理越来越急躁的中国,人们的耐心越来越小,心理承受水平越来越低.效果可以表达意境,点到为止.下面简单介绍下网页设计的理念和要点.网页设计理念:〔1〕内容决定形式:先把内容充实上,再分区块,再定色调,再处理细节.〔2〕先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置.然后定基调,分模块设计.最后调整不满意的几个局部细节.〔3〕功能决定设计方向:看网站的用途,决定设计思路.商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程.网页设计的两大要点是:整体风格和色彩搭配.一、确定网站的整体风格:1、将标志10go,尽可能的放在页面最突出的位置.2、突出标准色彩.3、总结一句能反映网站精髓的宣传标语.4、相同类型的图像采用相同效果,比方说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的.二、网页色彩的搭配:1、用一种色彩.指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感.2、用两种色彩.先选定一种色彩,然后选择它的比照色.3、用一个色系.就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝.在网页配色中,还要切记一些误区:1、不要将所有颜色都用到,尽量限制在三至五种色彩以内.2、背景和前文的比照尽量要大〔绝对不要用花纹繁复的图案作背景〕,以便突出主要文字内容.针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置.图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设计通过文字图形的空间组合,表达出和谐与美.不积匪步,无以至千里.我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提升.【篇二:学习网页设计课程心得】html〔hypertextmark-uplanguage〕即超文本标t己语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言.html文本是由html命令组成的描述性文本,html命令可以说明文字、图形、动画、声音、表格、链接等.html的结构包括头部、主体两大局部,其中头部描述浏览器所需的信息,而主体那么包含所要说明的具体内容.html文档制作不是很复杂,且功能强大,支持不同数据格式的文件键入,这也是www盛行的原因之一,其主要特点如下:1、简易性,html版本升级采用超集方式,从而更加灵活方便.2、可扩展性,html语言的广泛应用带来了增强功能,增加标识符等要求,html采取子类元素的方式,为系统扩展带来保证.3、平台无关性.虽然pc机大行其道,但使用mac等其他机器的大有人在,html可以使用在广泛的平台上.css语法由三局部构成:选择器、属性和值.selector{property:value}选择器通常是你希望定义的html元素或标签,属性是你希望改变的属性,并且每个属性都有一个值.属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明:body{color:blue}上面这行代码的作用是将body元素内的文字颜色定义为蓝色.在上述例子中,body是选择器,而包括在花括号内的的局部是声明.声明依次由两局部构成:属性和值,color为属性,blue为值.色彩可用色调〔色相〕、饱和度〔纯度〕和明度来描述.人眼看到的任一彩色光都是这三个特性的综合效果,这三个特性即是色彩的三要素,其中色调与光波的波长有直接关系,亮度和饱和度与光波的幅度有关.色彩的三要素:明度、色相、饱和度.刚刚接触超文本,遇到的最大的障碍就是一些用〞和〞括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面..单标签某些标记称为单标签〞,由于它只需单独使用就能完整地表达意思,这类标记的语法是:标签名称最常用的单标签是br,它表示换行..双标签另一类标记称为双标签〞,它由始标签〞和尾标签〞两局部构成,必须成对使用,其中始标签告诉web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉web浏览器在这里结束该功能.始标签前加一个斜杠〔/〕即成为尾标记.这类标记的语法是:标签内容/标签其中内容〞局部就是要被这对标记施加作用的局部.例如你想突出对某段文字的显示,就将此段文字放在一em/em标记中:em第一:/em.标签属性许多单标记和双标记的始标记内可以包含一些属性,其语法是:标签名字属性1属性2属性3•各属性之间无先后次序,属性也可省略〔即取默认值〕,例如单标记hr表示在文档当前位置画一条水平线〔horizontalline〕,一般是从窗口中当前行的最左端一直画到最右端.带一些属性:hrsize=3align=leftwidth=75%中size属性定义线的粗细,属性值取整数,缺为1;align属性表示对齐方式,可取left〔左对齐缺省值〕,center〔居中〕,right〔右对齐〕;width属性定义线的长度,可取相对值,〔由一对号括起来的百分数,表示相对于充满整个窗口的百分比〕,也可取绝对值〔用整数表示的屏幕像素点的个数,如width=300〕,缺省值是100%.学习心得本学期的网业设计课程,开展了动态思维练习教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页.总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比拟艰辛,但在intenet领域中,有了一个展示自我的空间,我觉得很开心、很有成就感.一.充分发挥动手水平作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页.本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动.在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创作水平和动手水平,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识.二.在设计过程中不断提升网页设计水平在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识.我从最初开始运用frontpage设计网页,到后来运用dreamweaver、flash、fireworks等网软件设计网页,完善网页.在这个过程中,我通过自学教材、上网查询,学习了dreamweaver、flash、fireworks等网页软件的应用,学会了治理、维护自己的站点,以及一些简单动画、控件的制作等等.在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提升,设计出的网页不管是外观还是内容,都在不断的进步、改善.可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提升.三.缺乏之处由于平时工作比拟繁忙,学习时间比拟少,对于网页设计软件的强大功能运用得还不够.在网页设计过程中,由于没有网页制作代码的知识,所以在设计时也遇到了很多麻烦,有时插入一个特效脚本也是很麻烦.在网页制作过程中,想提升设计水平,想有个理想的网页,必须学会代码的运用,我将在以后的学习过程中不断增强这方面的学习,希望老师能简单介绍一下代码,让我也对它有个初步的熟悉,以后再增强学习也才会有所提升.总体来说,通过今次的对网页设计的学习,有收获也有遗憾、缺乏的地方,但我想,我已经迈入了网页设计的大门,只要我再认真努力的去学习,去提升,凭借我对网页设计的热情和执着,我将来设计出的网页会更加专业,更完善.也希望老师在今后的日子里多指导.【篇三:网页设计课程学习心得】从新学期开始接触网页设计这门课程以来,已将近学习了一个学期.经过这么长时间的学习,从起初对网页设计的一知半解,到如今已根本掌握网页制作的根本技能,可谓获益良多.作为一门新接触的学科,之前并没有太多的了解,只知道在计算机迅猛开展的今天,网页已成为网络世界中必不可少的一环,网民对于网页的要求也越来越高,因此,学好网页设计这门技术,对于生活在日后计算机主导的世界来说,显得更加重要了.大作业展示中的网页作品主题明确、布局合理、页面设计得当,方便浏览的人找到想获取的信息.任何一个优秀的网站都有其明确的主题,网站主题确实立应根据网站的用途而定.整个网站需要围绕这个主题,也就是说,在网页设计之前,我们要明确这个网站的建立目的,用来做什么,围绕着这个主题和内容来制作网站所有的页面.明确对网页的制作有着很重要的作用.作品网站“web〞中合理运用了网站制作的几个根本技术来构建.首先使用了div标签来布局网页,简单方便.div标签可以设置一个规定的属性,用于设定表格、画、字规格大小或摆放位置,在网页制作中使用,可以大大减少我们对表格、画、字等的设定工作量,大大提升我们制作网页的效率.同时,也方便我们在完成网页后对部分细节的修改.作品中的网站外观简洁大方,界面友好易懂,是网页制作初学者的优秀模版.例如网页的布局,素材的治理,代码的简化等等,都可以从中得到许多启发和借鉴意义.目前通过这学期以来老师的悉心教导和学习,已根本掌握网页制作的根底知识.而有关网页内容的设计与编排,还有待更多的实践操作来提升.总的来说,已对网页的制作有一定的熟悉和根本的了解.从目前学习的进度来看,个人认为老师还可以教授我们行为的应用〞和根底动态网页〞等知识,拓展我们制作网页的知识.在个人的网站建设中,希望参加运用更多更高级的技术来呈现和表达自己网站的主题和内容.例如设计网页中的一些动作和事件,以此来到达更好的表达效果.网站的文件治理、素材存放等安排得合理得当,标准有序.文件夹的命名大多使用所用素材名称的拼音,一目了然,见名知意,方便学习者的查询与研究.这种严谨和标准的做法值得日后建设自己的网站时参考和借鉴,对于网站制作的初学者来说具有指导意义.其次网页在表头下运用了导航菜单.导航菜单是网页设计中不可缺少的重要局部,它提供了页面与页面之间跳转的通道,极大方便了浏览者访问所需的内容.利用它,我们可以快速找到我们想要浏览的页面.学习更多导航菜单的制作,可以优化我们的网页页面,使其更加完善,也能增加美观程度.完成大作业需要事先精心的构思和素材的准备,从一开始网页主题确实定,到主页总体的设计、搜集资料、每个分页面的设计等,我都要一一进行规划,由于如果不规划好,制作过程中就会没有整体思路,网站就会显得缺少整体性,而且不能连贯地制作下去,难以一气

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论