网页设计与制作的心得5篇

时间:
Fallinlove
分享
下载本文

写心得是我们提升自我的重要衡量标准,通过对心得的反思,我们不仅能看到成功的经验,还能总结出失败的教训,心得大全网小编今天就为您带来了网页设计与制作的心得5篇,相信一定会对你有所帮助。

网页设计与制作的心得5篇

网页设计与制作的心得篇1

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

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过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、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

网页设计与制作的心得篇2

恰如飞雪般悄然而至又萧然而逝,前后近一个学期的科研实践终于结束了,回顾这几个月来的设计历程,唯有一言:收益颇多!

首先,从网站设计这个题目本身来说,使我巩固了两年年大学学到的关于网站建设与开发方面的相关知识。其次,通过这次网站设计使我懂得了理论与实际相结合是很重要的,只有理论知识是远远不够的,只有把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为社会服务,从而提高自己的实际动手能力和独立思考的能力。

再次,在做本次网站的设计规划的时候,我和我的搭档集思广益,一起思考网站的主题、风格和网站的内容。最终决定采取综合类首页(新闻页)的网站,在页面上布置了多种元素和内容,因为这种类型的网站比较中性,适用于所有专业网站。而且具有较好的视觉效果,容易吸引用户。

前期准备过程中,我和我的搭档一起搜集整理网站开发的相关资料,以及计算机专业的相关资料。通过互相交流讨论,终于确定了网站的框架结构,风格和内容。在和团队成员的深入交流中,开阔了我的思路和视野,学会对一个问题以多种角度思考的方式,跳出自己的思维定势,这样会让我对问题有更全面的认识和理解,也就能想出更好地办法并做出更有效的决策。这种多角度思考问题的思维方法将会对我今后的学习工作有很大的帮助。

我们在网站设计中难免会遇到过各种各样的问题,最后在我们的共同努力下,终于克服了一个又一个难题,成功的完成了网站的制作,这让我深刻的体会到团队协作的重要性,同时,在我搭档的身上我都学到了很多实用的知识和可贵的品质,取长补短,令我有了很大的进步。

而在请教这一点上,当我在设计制作过程中遇到各种难以解决的问题时,都会适时地向老师或者同学请教,以保证在设计中上一定要精益求精,不能有一点纰漏。进而在得到答案以后一定要深刻理解,多加练习,使之成为真正为自己掌握的技能。不要存在依赖性,总想着老师在身边可以依赖可以随时帮我们解决问题,而不去认真理解自己的问题,形成自己在学习上的盲点,使在进一步的学习中存在更大的困难,从而造成恶性循环,给自己今后的工作和学习带来不便。

同时也就是在设计的过程中我发现了自己的许多不足之处,对所学过的知识理解得不够深刻,技能掌握得不够牢固,通过这次课程设计,使我对于网站设计的基本技能有了更娴熟的运用,在制作过程中不断地去积累,不断地去完善,

然后就是多多尝试,实际上,有很多实际的技能和能力是需要我们自己在平时的练习中慢慢的体会理解的。而这次的计算机特色专业网站设计正给了这样的机会,让我能够以现实网站开发设计者的身份体会整个网站设计与测试的过程,真正的将理论的知识转化为实践。

再有就是通过这次的网站设计培养了我一些关于平面设计的思维方式,因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学。"不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,。net等编程语言技术方面的知识。只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。而现在在观察周围的事物时,我会对色彩和图形产生和从前不一样的感受,我在平时会很留意身边出现各种各样平面广告,总是会想一下那个广告我能不能够做出来,又会想一下如果要做这个广告自己会用什么方法什么效果去表达,这不仅提高了我的欣赏能力,而且,也对我将来从事相关的工作奠定了基础。

而我觉得这次设计计算机特色专业网站的过程中,最让我有所提高的就是我的耐心和细心程度。网页设计需要耐心,当碰到问题时,通常可能需要很长时间才能解决,这时就需要坚持,坚持不断的学习,不断地克服难题,以持之以恒的毅力解决问题。同时,网站设计是个浩繁的工作,要做到巨细无漏,大到内容版式,小到一个标点符号,都是要注意的地方,细微之处见功力,都是保证一个网站给用户留下好印象的要点,不容忽略和小觑。

最后在此,感谢与我合作了一个学期的搭档,在整个设计制作过程中,她给我的帮助和支持使我得到了很大的进步。最后还应该感谢xxx老师给我们这个机会进行这个计算机特色专业网站的设计,这将是我人身中一笔宝贵的财富!

网页设计与制作的心得篇3

为期两周的网页实训终于结束了。为什么说终于结束了呢?因为两个星期做五个网站时间太紧了,我们每天晚上都是加班加点。但是结果是令人欣慰的,我们大都按时按质完成了任务,而且网站是一个比一个做得好!总的来说,还是有很大的收获。

本次实训共有五个任务,它们分别是:沈阳植物园网、开元科技网、家台湾旅游网、我爱低碳网、博爱助学网。要求是每个网站至少要8个或8个以上的页面,并运用flash做动画,用css美化页面等。

整个实训的过程可以说是所学知识的一个整理,一个综合,一个灵活运用。之前我们课堂上学的东西是一个个知识点,比较零散。虽然在实训之前我们也做过两个网站,但那是我们小组合作的,所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站,做网站的各个环节都要自己亲力亲为,可以说是一个挑战,同时也是对知识的一种升华。它不仅是dreamweaver软件的熟练操作,也是potoshop、flash软件的熟练运用。我们需要自己设计网站的logo这就需要运用到potoshop软件强大的图形图像处理功能,需要做出生动的网页效果,就需要flash做出动态的文字效果和图片切换效果。

在设计的过程中遇到问题,可以说得是困难重重,这毕竟是第一次独自设计网站、制作网站,难免会遇到过各种各样的问题,同时在设计的过程中发现了自己的不足之处,对以前所学过的`知识理解得不够深刻,掌握得不够牢固,在css的具体应用还不是和很熟练,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训,一定把以前所学过的知识重新温故。

两周网页设计与制作的实训课程结束了,回顾这次课程设计实训,至今我仍感慨颇多。的确,从选材到开始制作,从理论到实践,在两周的实训日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。

网页设计与制作的心得篇4

教育技术是一门跟计算机密不可分的的专业,这学期我们开了网页制作这门课程,从上大学以来我就一直期待这门课程,因为在我们日常网络中网页是不可缺少的,我也对它非常感兴趣。所以要认真的学习。争取多学习一些这方面的东西。

通过第一堂课的学习,我对网页有了更深一步的了解和认识了,网页分为静态网页和动态网页两种。打开静态网页只??

一、静态网页与动态网页的关系

1、静态

运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、javascript、vbscript等等,它们是永远不变的。

静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。

2、动态

从网站浏览者的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。

1)开发公司:微软(microsoft)

2)服务器iis(internet information service)

asp———iis的安装与配置

二、动态网页技术

iis的安装与配置

安装iis

若操作系统中还未安装iis服务器,可打开“控制面板”,然后单击启动“添加/删除程序”,在弹出的对话框中选择“添加/删除windows组件”,在windows组件向导对话框中选中“internet信息服务(iis)”,然后单击“下一步”,按向导指示,完成对iis的安装。

网页设计与制作的心得篇5

作为本学期的第十三周,我们电子商务0901班由此开始了为期两周的网页设计与制作实训课程,虽然我们实训的内容不多,但通过同学之间的互相帮助与交流以及老师的精心指导,我们大家依然收获很多。

这一周里,可以说实训的内容不难,但每天都有不同的东西需要学习,让人感到很高兴,大家都希望能够通过自己的努力可以多掌握一点本专业的东西,总的来说,我们通过对“飘舞的雪花”及“倒影”的练习制作,已经熟练的掌握了flash的一些简单操作和应用,不但如此,更增加了同学间的友谊,陪养了彼此间的团结。

实训期间,老师会根据我们的练习程度发一些素材和视频实训给我们,由此我了解到了网页设计与制作的一些程序和步骤,知道了怎么处理图片透明以及遮罩层的运用,知道了flash基本操作的步骤,为了增加动画的美感和活泼感,还适当在添加一些透明flash和一些网页特效。在实训的`时间里面,我们大家一起合作,共同努力,对网页设计有了更进一步的认识,并且对这门课程越发的感兴趣,从刚开始的好奇进而想要去更深层次的了解。

这一周的实训课程已然结束,flash制作让我受益匪浅,我们知道了很多,也进步了很多,很快就要进入下一周的实训了,虽然还不知道具体的有什么内容,但通过这一周的学习,下一周,我想也很值得期待。希望能够学到更多的东西,充实自己的头脑,丰富自己的知识。

网页设计与制作的心得5篇相关文章:

多媒体课件制作心得8篇

制作月饼的教案7篇

沙拉的制作作文8篇

制作门窗合同5篇

课程设计的心得最新7篇

课程设计的心得8篇

制作门窗合同优质5篇

对实验设计的心得体会6篇

广告字制作安装合同最新5篇

课程设计的心得优质8篇

网页设计与制作的心得5篇
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档文档为doc格式
点击下载本文文档
80449