网页设计实训心得体会(优秀4篇)

从某件事情上得到收获以后,应该马上记录下来,写一篇心得体会,这样有利于培养我们思考的习惯。应该怎么写才合适呢?下面是小编辛苦为大家带来的网页设计实训心得体会(优秀4篇),如果对您有一些参考与帮助,请分享给最好的朋友。

网页设计实训心得体会 篇1

科学是发展生产力的根本前提,当今的社会是互联网蓬勃发展的世界,每当我们上网的时候,那一个个精美别致的网页给人是多么流畅顺利的感觉,无论是寻找资料还是网上商城购物,都给我们带来了方便快捷的好处,我想,科学技术的发展,离不开互联网的发展,而互联网的发展也离不开网页制作的发展,而只有把两者结合起来才是正确的。

首先,了解网页并不是单纯的认为他仅仅只是为人们服务的,而它的存在也是给我们带来了利益和好处。当然,了解网页首先也从几个软件开始:

1.dreamweaver mx (或dreamweaver 8)。

2.flash mx (或flash 8)

3.fireworks 8

而网页制作就是开始从这些软件开始着手的,今天,我终于可以学习网页制作了,我们在杜奕老师的教导下,各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页,就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实,但是只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx 很难理解,不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。如:布局表格、绘制层、制作css样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘,每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮,吾将上下而求索”学习的道路是艰苦漫长的,更何况这是关于一个科学技术的一个代名词,随后,课堂的气氛慢慢的好转,耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能,老师也为了能教好每一位学生,而学生也不辜负老师的使命,就这样,网页制作这一门课程进行的很顺利,学习了dreamweaver mx 对它如何彻底的剖析和分解,我们终于认清了它的原理,摸清了应该怎样去完全的使用它,而我们在老师的指导和训练的结果下,终于开始做属于自己的网页了。

慢慢的快接近尾声了,我们也快临近期末了,老师给我们的任务却是需要我们每人至少做出三个网页来,且内存不能超过3m,刚开始我以为我会对着感到很是吃力,不知道该如何是好,毕竟网页才是刚刚起步,根基不稳,怎么能够做出这样的网页呢?而我对dreamweaver mx 它也不是很熟悉,心里真是很担忧。

在这最后的时间里,我仔细掂量了一番,网页制作给我的结论是:要想制作一个能够像网上的那样,还得需要经过长时间的刻苦努力和不断地检验及实践,否则,如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识,不像文学那样的纯理论知识。通过这个课程的学习,我从中得到了一些对网页知识如功能、概念的理解,原来要做出一个简单可行的网页并不是一件害怕的事情,而是一件努力和尝试的事情。

网页设计实训心得体会 篇2

这两个星期是我们的网页设计实训时间,这正是考验我们实力的时候了。

经过一个学期的网页设计的学习,我们的专业基础更加扎实了,我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习,刚开始接触网页设<>计会觉得很神奇,平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站,可以与其他网站媲美。对于我这种初学者,有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课,讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作,我们在机房通过每次上课的学习运用,已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设,到后来每个人在设计自己的网页时都有自己的人个人风格,这就是网页设计的乐趣。他不仅可以激发同学们的兴趣,还可以把自己的风格更大胆地展示出来,是一个可以展示自我的空间,使我们更有成就感。

当我真正建立起自己的网站的时候,我看着自己的作品非常地兴奋,这是我用心血完成的只属于自己的网站,特别地欣慰。因为过程的困难,我更加珍惜自己第一次的作品,做每一步都会小心翼翼,就像母亲生怕会失去自己的孩子一样,我就是这样的感受。

我可以说网页设计给了我很大的收获,我是用我的热情去学习,也是用我的真心去设计,属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的,更需要的我们的坚持、创新、用心,才能收获更大的胜利。

网页设计实训心得体会 篇3

不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情。

自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站。所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上。更何况这一次实操。回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点,可能有人会说我傻,但正因为这个傻的行动,令我学会很多东西,学会别人不懂的东西,做出一个令自己满意的网站,可能跟别人比还需要继续完善,但我不会因为实操结束,就把网页设计抛到九霄云外,我会继续页设计技术,把它变为自己的一项特长。

回顾第一天的《网页设计与网站建设》课程实操,老师叫我们继续完善以前设计的网站,做出留言板、注册的功能。我很快就完成了,但可能我是一个追求完善的人,所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定,从头开始做一个网站。因为我觉得以前那个真的不是太好,尽管实操的时间过去了一半,尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著,追求成功,追求完善的人,才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我们首先:

一、必需进行个人网站前台功能设计

包括个人网站主题的确定,前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、对个人网站后台管理功能设计

包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

三、网站的发布

通常我们发布一个网站可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。

四、个人网站推广

一个网站做好了,就要对个人网站进行推广,这是一个电子商务网站必需做得的一步,因为如果你不对你的网站进行推广,就算你发布了也没有人会知道的。

在设计这个网站时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划,因为如果你不规划好,想做什么就做什么,是不会做得好的。因我为体会到这一句话:“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如:775宽度,分三栏,每一栏占多少。因为我深深懂得“细微处才见真功夫”。

在这次实操过程中令我印象最深的是做留言板,因为刚好在上一个星期sql数据库实操做过了,所以今次在做就比较轻松,但我以前是经过一个比较长的练习,做完了n次,可能有人会想,肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库,第二次我用的是sql数据库加权限管理,第三次我用的是数据源名称的连接,第四次我用的是自定义连接字符串,第五次……每一次用的方法都是不同的,可能有人会说我傻,会一种方法就行了,还要那么多吗?但我想说的就是不是这么多次的练习,不是之么多次不同的方法,也就不会造就出今天熟能生巧的我,也不会对同学提出的问题解决到,也不会轻松教会同学,因为你自己首先学会,学通,学广,才能把问题一一的解决。

令我难以忘怀的镜头也是在做留言板的时候,但不是为我自己的而做,而是一步一步教同学做,直到令同学学懂;把同学留言板的问题一一解决;当同学因为做不出而没心情,过去对她进行鼓励的,然后一一解决;当自己也不会,与同学共同研究的情况,这种学习氛围是最难得的,就是在做留言板的时候,令我深深体会到我几句话:认真做事只是把事情做对,用心做事才能把事情做好。把每一件简单的事情做好就是不简单,把第一件平凡的事情做好就是不平凡。

网页设计实训心得体会 篇4

做出一个好的网页一般都离不开dreamweaver,flash,photoshop这三个软件,当然,还可以用到其他一些辅助软件就会加快网页的设计了,比如:

SothinkDHTMLMenu,Sothink-Logo-Maker等软件,这些软件不仅可以快速开发出导航,logo等,而且很漂亮,美观。

制作网页,首先是确定主题,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,每一部分又分几小部分,内容比较充分,多样。内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。

而我们这次的实习就是用这几款软件来设计,主要使用div+css来布局,避开传统的table(表格)布局DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题:很多“网站如何推广”的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,Spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。

使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,蜘蛛(Spider)爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。

代码精简所带来的直接好处有两点:一是提高蜘蛛(Spider)爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到蜘蛛(Spider)欢迎,这样对收录数量有很大好处。

而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer(seo工作者们)们在文章中说明了这一点,相信他们也不是没有依据。

DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。

DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度:DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在蜘蛛(Spider)爬行时是非常有利的。过多的页面代码可能造成爬行超时,蜘蛛(Spider)就会认为这个页面无法访问,影响收录及权重。

真正的SEOer(seo工作者们)不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开DIV+CSS对SEO的有利影响。单独来讲这种div+css布局也是很有益的,可以说是实下是最流行的网页布局方式。当然div+css布局也有不完善的方面。

总之Div+css布局的优势如下:

由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。

页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。

DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。

我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。

好的网页,也离不开photoshop,前面我也说了,flash的制作所需要的图片都要在photoshop中事先PS好的。那么photoshop的作用就显得很重要了,网页中的flash都仅仅是一小部分,图片占的分量还是比flash要大的,故好的photoshop技术,那么PS出来的图片就会显得更好,这样网页的档次也会随着上升。这次的网页设计,因为是仿照一张图片,那么就要求我们要懂得photoshop中的切片工具的使用。切好片后,还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大,然后才来控制切片线的位置。

从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页。

一键复制全文保存为WORD