当前位置:网站首页 >> 作文 >> 2022年html网页设计心得体会(四篇)

2022年html网页设计心得体会(四篇)

格式:DOC 上传日期:2022-12-26 21:49:33
2022年html网页设计心得体会(四篇)
时间:2022-12-26 21:49:33     小编:zdfb

心得体会是指一种读书、实践后所写的感受性文字。大家想知道怎么样才能写得一篇好的心得体会吗?那么下面我就给大家讲一讲心得体会怎么写才比较好,我们一起来看一看吧。

html网页设计心得体会篇一

俗话说的好“书山有路勤为径,学海无涯苦作舟”。在这一绝世佳句的鼓动下,我把握了工作之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的收索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!

在学习网页制作的过程中,我深深体会到一点“有付出,就终有回报”,你的付出与你的回报终究是成正比的。经过了多少漫漫长路,经过了多少忘我的投入,经过了多少波折,我的网页与众人见面了。当我第一眼在网络下一览我的个人主页,我是多么的激动,多么的兴奋,就像多年未见的老同学,一种讲不出道不明的感觉。

我在制作主页中的心得体会:

做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格,决不要取一个名不符实的"好名字",别人第一次上了当,下次再也不会光顾了。

选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。主页就是在网络上的一个小小家园,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品。把这些内容按类别进行分类,设置栏目,让人一目了然,在栏目上不要设置太多,最好不要超过十个,层次上最好少于五层。

做个人主页不能只用文字,必须在主页上适当地加一些图片,增加可看性,俗话说"一图胜千言",我想不无道理,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去,否则让人觉得是累赘,同时也影响网页的传输速度。图片不仅要好看,还要在保证图片质量的情况下尽量缩小图片的大小(即字节数),在目前网络传输速度不是很快的情况下,图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢,一般来说,图片颜色较少的及在256色以内的最好把它处理成gif图像格式,如果是一些色彩比较丰富的图片,最好把它处理成jpg图像格式,因为gif和jpg各有各的压缩优势,应根据具体的图片来选择压缩比。

网页页面整体的排版设计也是不可忽略的,要让读者在狭小的电脑屏幕上阅读,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。不要把整个网页都填得密密实实的,没有一点空隙,这样会给人一种压抑感。

网页的背景并不一定非要用白色,选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

如果想自己的网页更有特色一些,可适当地加一些网页制作的技巧,诸如声音、动态网页、java、applet等,当然这些小技巧最好不要加太多,它会影响网页的下载速度。

等个人主页做得差不多了,可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议,及时得到网友反馈的信息,最好能做到有问必答,用行动去赢得更多的访问者;后者能让知道主页参观者的统计数据,可以及时调整设计,适应不同的浏览器和参观者的要求。

昨天,网页与我无缘,那是因为上天不给我们一个见面的机会!

今天,网页与我相识,与我相知,成为我的一个最真诚的朋友,那时因为李导师的辛勤栽培!

明天,网页与我一生相伴,终身相随,那是因为我领悟了什么是“一个网络,整个世界”。

总而言之,我将用毕生的精力,心血去换取网络中最灿烂的那颗夜明珠,在网页的蓝图里,我将记下人生不朽的个人诗篇!

html网页设计心得体会篇二

目前,互联网是最快捷的信息传播渠道之一,学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中,我总结了《制作简单网页》教学中值得注意的几个问题:

现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为,它在学生的学习中具有重要的作用。我认为,教师激发学习兴趣,挖掘学习需求是授课前必须解决的问题。从知识结构看,网页制作是在学生掌握了一定的理论基础和操作技能之后,对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生,可以采取展示法、教学对话法等,也可以融合多种方法进行。

例如,在学习浏览网页时,我有计划地挑选一些专题网站和个人站点推荐给学生,他们在看过之后一定会有自己的想法,老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题:如果由你来做这个站点,哪些地方需要修改?如果把你做一个站点该如何设计?在学生的头脑中先有了一些模糊的认识,产生了做个站点的想法 https:/// ,再在老师的帮助下梳理成一个比较成型的站点框架,接下来就是:怎么做网页?用什么工具?有了兴趣,带着这些问题,进入这一阶段的学习,就比较主动,学习效果也会比较好。

学习网页制作,首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程,肯定不是先把理论背熟,而是从操作使用开始的。我并不是说理论不重要,而是切入的时机要掌握好。对于这一部分的教学,可以根据教学实际,合理调整教学顺序和重点。对涉及到的理论知识,可以尽量在教操作的时候渗透。一些纯理论的知识,不妨一带而过,教学取得阶段成果后,再单独强调。

正在进行的新课程改革,提倡的是教给学生可迁移的知识。我体会,迁移是理论到实践。很多应用软件,模式基本上是统一的,在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容,我认为可以采用比较法、示范法、启发法等教学方法。例如,制作网页和保存网页两个知识点:可以在介绍了工具软件(如frontpage)窗口组成之后,就布置学生输入并编辑一段文字,然后把该文件保存在指定位置。这些操作都是前面学过的,对学生来讲既是学习也是复习。作为老师,我们在纠正学生错误的同时,还可以帮助学生比较这几个软件在使用中的异同。比如,输入文字,在word和frontpage中可在编辑区中直接写,而在powerpoint中必须写在文本框里。通过比较,加深印象,达到学习和提高的目的。在这部分中,除文字处理外,像修饰网页、插入表格等内容都可以这样比较着讲。

学习是一个循序渐进、螺旋式提高的过程。在这个过程中,作为教学组织者和指导者,教师的教学设计和准备工作非常重要。例如,在学习网页修饰时,可采用了示范法和演示法结合的教学方法,先设计几个页面,都是在上一节课作的、样例页面的基础上改的。上课时,让学生打开上节课制作的网页,他一看,老师的页面上比他多了个图片,马上问怎么做的,我演示给他看,他也加上图了……每次我演示出的页面总比学生们做出来的多一点小修饰,他们就不断地提问,不断地学习新技巧,再不断地付诸实践。用这种示范加演示的方法教学,效果还不错。但对老师来讲,备课的工作量比较大,课堂上的辅导任务也重一些。

信息技术划分为精英技术和大众技术。目前,信息技术基础模块中讲授的均属大众技术,要求学生掌握的是可以广泛迁移的知识。但是,大众技术太简单了,有些学生不用我们教,自己玩电脑就玩会了。这类学生,上课时通常不愿再听,还经常搞些小动作,或者做些小软件来炫耀一下。小孩多半有这种心理,我们不妨给他创造这个条件,让他充分发挥特长。有一次,刚开课不久,有个学生把他的个人主页演给我看,当时我考虑了一下,让他在全班同学面前作了演示,解说他的创作思想,并指出了他作品中的亮点。这个学生当然很自豪了,别的同学也都很佩服他的能力。在其他同学眼中,他就是高手了,以后的学习过程中有了问题,不问老师,先问他去,逐渐地他就成了我课堂上的一名小助教了。学生中的榜样作用和传、帮、带作用不可低估,如果你班里有几个这样有一定特长的学生,不妨考虑采取任务驱动、分组合作等方法进行教学,让他们带动全班的同学学习提高。学生之间相互学习、相互帮助、相互带动比单纯的老师教效果更好。

学生的基础差别很大和心智发展水平很大不同。在这种情况下,分层次教学是一种行之有效的办法。一般的,我把学生分成三个a、b、c三个层次。a层次的学生是基础好,特长明显,自学能力强的一部分,对这部分学生,倡导自主学习,给他们布置任务或课题,学生独立完成,只是在需要的时候向他们提供帮助;b层次的学生是基础一般,能在老师的讲解、示范和引导下学习,对这部分学生可采用灵活多样的教学方法按步就班地学习,b层次的学生是学生群体中的大多数;c层次的学生是学习有一定困难的学生,我对他们的要求是掌握基础,除了给他们进行特别辅导之外,还采取结对子的办法,给每人配一个a层次的学生作为助理,帮助他们学习。但在分层次教学中要格外注意保护c层次学生的自尊心和学习积极性。

创新是素质教育的核心内容。鼓励、指导学生大胆、灵活地运用已学知识,解决实际问题是培养学生创新精神和能力的有效方法。我认为在网页制作这一部分的小结或复习阶段可以适当采用主题型课或任务驱动式的方法,设计引导学生从头至尾制作一个专题站点。当然,复习中也可以适当采取教学对话、教学讨论、示范等教学方法。

html网页设计心得体会篇三

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

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

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

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

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

html网页设计心得体会篇四

在炎热的夏季,又在闷热的机房中,我们又一次的完成了网站建设的实习。在这实习期间,有太多的话想说,都是苦不堪言。但事后又想想,苦过了,才知道有甜。

在这实习当中,我知道了span是html(超文本语言)中的一个元素,span+cs是一种网页的布局方法,span+css包括行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别:id不允许重复使用,只能用一次,css规范和其他规范javascript控制方法一样。

说实话,我对span+css一点儿都不懂,但起码我知道了这是一种网页的布局格式,总比不知道强。有句话说,不懂就要学。是的,既然学了了这个专业,就不能对这个专业模糊。所以,就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法,就是去做你害怕的事,直到你获得成功的经验。

我们经过两周的实训,通过前期的合同洽谈、签订,到后期的网站制作、网站发布,让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节,也让我的网站制作知识及技能有了很大提高。

前期我们通过发送电子邮件,进行网上商务的接洽。由于没有做好工作。了解商务邮件的格式,导致邮件发了很长一段时间,双方还仅仅停留在认识阶段,确实说来很失败。

在拟定合同时,由于不能真正满足客户的需求,一些条款及报价不合理,因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求,并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。

在网站制作的起初阶段,由于不曾制作过网页,虽然团队确立了分工,但还是有些迷茫。公司没有确立风格和大体的布局,并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站,心里大概有了一定的想法和设计。

我的主要任务有“诚聘英才”、“产品导航”、“展会礼品”、“广告促销礼品”。我最先做的是“诚聘英才”,我是参照中国电信诚聘英才首页做的,它看似制作简单,其实布局十分复杂、精致。在处理图片是我遇到了不少困难,最典型的就是有一次我想在图片中插入文字,但始终插入不了,后来通过请教老师,总算知道了其中的奥妙。原来是图层被锁定了,要重新拷贝图层,再考贝的图层上就可以插入文字了,并且文字其实也是一个图层,它是可以移动的。尽管我为诚聘英才网页付出了很多,但并没有被采纳,并且此时我也设计了logo,也没有被采纳。

“产品导航”是一个困扰我一上午的问题(此刻公司首页已经制作完毕,而它与合同上的“产品导航”页面布局类似,于是这让我一时间很难抉择。我就一边设计一边思考,此时我为公司定的色彩风格是红色,我为导航栏设计的是交互式按钮,并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费,由于后来我们将风格确定为蓝色,并且导航栏确定都采用首页中插入的图片,但我觉得这样有些不好:例如它不可以设置超链接的字体颜色,这是很不专业的体现。团队由于缺乏及时的沟通,导致其他组员一些好的想法得不到实施,确实是我们团队合作的一个问题所在。

展会礼品、广告促销礼品由于套用相同的布局,设计上没有什么难点,只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时,都特别注意修改网页标题。网页标题是十分重要的,它是每打开一张网页的头标。

前面这一阶段的工作我还有一个小收获,这就是图片位置,其实在图片属性中图片定位选择绝对定位,再在下面输入距左距上的距离即可,这是一个很不错的方法。

后期我们进行每个人作的网页整合时遇到了不少问题,原先我们认为超链接是可以整合的,其实不然,只能在一个文件内作。当时已经花了一天的工时,可后来在晚上才发现,不只这个问题,还有每个人做的网页都是保存在网站文件夹下,而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了,可是当我们把网站通过windowsxxiis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来,一些超链接也无法连接,这下让我们有些惊慌失措。通过向老师了解,知道可能是图片命名的问题,web服务器无法识别中文命名的图片,此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下,导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来,并且检查超链接,而这些只能在frontpage文件夹试图下进行。同时还要在http上检测,进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”,反复的进行超链接都无法成功,其实是因为我所连接的超链接路径不对,其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。

经过这翻调试、测试,网站不存在图片显示不出来的问题,以及超链接无法连接的问题。

在互联网越来越深入到生活中每一个角落的年代,网页的表现形式就如同以前书本上的文字,传达着的是网络语言,每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素。它是一种创造性、有成就感的工作。

全文阅读已结束,如果需要下载本文请点击

下载此文档
a.付费复制
付费获得该文章复制权限
特价:5.99元 10元
微信扫码支付
已付款请点这里
b.包月复制
付费后30天内不限量复制
特价:9.99元 10元
微信扫码支付
已付款请点这里 联系客服