网页设计制作的心得体会6篇

时间:2023-08-31 作者:Kris

我们在各种情境下都能积累心得体会,从而更加从容应对未来的挑战,通过分析问题根本,我们获得了更深刻的心得体会,团团范文网 小编今天就为您带来了网页设计制作的心得体会6篇,相信一定会对你有所帮助。

网页设计制作的心得体会6篇

网页设计制作的心得体会篇1

转眼间,已到了期末,学习网页设计这门课程也要结束了,虽然时间有点短,但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候,我很茫然,因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课,老师讲得比较基础,还能跟得上,渐渐的老师授课的进程开始加速,有些跟不上了,需要下课后自己补上,问老师和周围的同学。渐渐的,在老师的悉心教导下,我们开始熟悉这个软件了。老师布置的第一个任务,要求做一个自我形象网站。由于学习的时间较短,老师只要求用ps做好模板即可,任务相对简单。但也要求设计感强,色彩搭配和谐,并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高,用dreamweaver做一个比较接近真实的网页,还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格,然后在表格内进行拆分合并处理,接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览,问题出现了,发现版头与下面的图片文字之间出现了很大的一段距离,但是在软件中已经把距离缩小为0了,多次尝试后没有效果。最后想到可以另外再加一个表格,把版头放在一个表格内面,这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通,一次浏览学长做的网页时,觉得他们的文字滚动窗口做得效果做得不错,于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码,把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成,但是却出现大问题了。

因为需要滚动的文字占的空间太大,把左边的那部分表格全部占满了,而在实际的网页预览中,这个有文字滚动的框只占了左边oeasy教你玩转网页设计浏览的工具建站程序三分之一,左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面,试了很多方法,在网站查了很多资料,可能因为没有专业术语作为搜索的.关键词,查不到任何相关的资料,试过div标签,试过不停的拆分表格,最后还是没有效果。就这样试着试着,突然想到了层这个概念。于是在布局中点击了绘制层,结果成功了,经过一些加工,终于成功的完成左边的布局。印象还比较深刻的是插入声音,记得老师曾经给我们讲过很多次怎样插入声音,可是等到自己做网页的时候却忘记了,于是问其他人,结果居然都忘记了,于是自己在百度上收。

最后终于找到了一个可以使用的代码,但是在加入声音路径时出现了问题。在属性内加入源文件,结果就是加不进去mp3的音乐文件,然后自己就尝试加入了一个视频,记下了路径格式,然后照着这种格式写下了指向声音源文件的路径,最后成功了。在设计过程中还出现了很多的问题,但通过看书,上网查询,请教同学等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。热情和执着,我将来设计出的网页会更加专业,更完善。

网页设计制作的心得体会篇2

随着网络技术应用的快速普及,电子商务正以前所未有的速度迅猛发展,电子商务专业作为一门新新的专业学科,在发展的过程中面临巨大的机遇与挑战,这就要求电子商务专业的学生具备扎实的专业知识储备,良好的心理素质和相应的技术能力,而网站设计与开发实训恰恰为我们电子商务学生提供了学习知识、运用知识、为以后找工作提前充电这样一个平台,因此这次专业实训对我们每个人来说都是很重要的。以下是我个人本次实训心得体会:

经过两个多星期的专业实训,在老师认真负责的指导和我们小组成员的不懈努力下终于完成了本次网站设计与开发的工作。从刚开始接触网站到现在完成,经历的时间虽不是很长,但在这期间我们所做的工作还是很多的。包括选材、网站页面设计、团队成员任务分工、各种软件运用(photoshop、flash、dreamweaver、tomcat、html)、需求分析报告、可行性分析报告、系统分析报告到最终的专业报告等等。我们觉得这次实训最大的收获是不仅学到了知识,更为重要的是培养了团队的合作精神,在此我要感谢一路上有你们相伴。

关于这次个人心得,首先从网站的页面设计说起,在设计的过程中,我们针对电子商务网站目前b2c得到诸多好评这一特点,结合相关专业知识,浏览分析了大量类似网站,最终从服务消费者这一层面上定位,单从选材来说,这已经是一个优点。其次我们组队的时候选择技术与管理人员相结合的组合形式,大家优势互补,在网站后期的制作过程中也奠定了人员基础。确定好题材后我们对各网页填写围绕一个主题进行展开,有详有略,侧重点各不相同,尽量全面问及我们所能涉及的问题。尽管我们做的还有不全面的地方,但是我们都尽力了。我们努力选择不同风格去设计页面,在统一的基础上不失繁杂。在网页设计中,我们获益很多,不仅仅单纯从做的过程,更从讨论中,汇总中我们了解了更多的知识,也全面提高我们对问题的分析能力。

这次网站设计,我总结了几点:

1)确定网站主题:对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。本次我们选择秦皇岛比较具有代表性的几家ktv,并对其进行网上预定、排行、k歌资讯等,全是围绕消费者展开。

2)掌握建网工具:在制作网页的时候,一定要熟练掌握软件的运用,要不断的摸索,对于细节的处理,我们需要做很多东西,只有不断的练习,才会更好的运用软件。我们结合自身的实际,合理运用photoshop、flash、dreamweaver、tomcat,fireworks,photoshop,frontpage,css,accessjavascript,vbscript,asp,jsp等我们熟练掌握的工具。

3)确定网站界面:网站的题材确定后,就要将收集到的资料内容作一个合理的编排,尽可能删除那些与主题无关的栏目,尽可能将网站内最有价值的内容列在栏目上,尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、各板块要有相对独立性,各板块要有相互关联,各板块的内容要围绕站点主题;按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情链接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目。总体设计时,主要是一些功能模块的逻辑设计,只是宏观上的把握,具体的页面安排还要在详细设计以及接下来的具体实施中作相应的调整。总体设计是宏观上的把握,逻辑上的概括。详细设计阶段,从完整的信息系统的开发过程来说,包括输入设计,输出设计,数据库设计,代码设计,界面设计。而我们此次设计的重点在于网站设计及可用性设计,因此对于数据库方面的内容就涉及的比较少。这是整个设计工作的不足。

4)确定网站风格:“风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的ci(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。本次秦皇岛ktv网站设计风格以暖色调为主,大方而美观,突出活泼热烈的气氛。

在此,我对此次专业实训做出自己的一些总结,在这次实训中,我发现了团队的重要性,分工的重要性,从该开始的懵懂,但最后慢慢完成所有的任务,我充分体会到了合作的真谛,在合作的过程之中我体会到了,相互合作是非常重要的,在一些细节方面,多亏小组成员的指点,让我发现许多的不足,在某些逻辑思考的不完善,节约了很多时间,因此最后很好的得完成任务。在此看来,团结合作的智慧和力量是不可忽视的,每个人都有自己所擅长的部分,只有团结一切可以团结的力量,发挥每一个人的才能,同心协力,才能够把任务最好得完成。

感谢在学期末能有这样的实训,感谢老师、感谢组员的支持,我相信通过不断的努力,我们一定会走的更远、做得更好。

网页设计制作的心得体会篇3

很多设计师认为做好了企业网站就一定能够做好行业网站的设计,其实对设计来说行业网站和企业网站的设计截然不同,对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用,空间的合理安排上面等…有着许多诸多的要求,需要考虑的面更广,面对的问题也会更多。对于一名优秀的网站设计师来说不能绝不能放过任何一点小细节,本篇文章简述的是设计师在做行业网站时所需考虑的一些问题。

一、网站风格/创意

风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局,色彩,字体,浏览方式等…。如:我们觉得迪斯尼是生动活泼的而ibm则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下,其实这个风格的统一和传统的.印刷出版物没什么区别。你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。这样子用户看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点,没有全局意思。创意,所谓创意就是不拘一格?某些设计师在做创意的时候大费周章,做出来确实不可否认很有创意、很别致,但往往对于行业网站的客户为什么不能接受呢?此时不要太责怪客户的不识货,应该反思,抓住客户的需求。其实做行业网站不需要很多大的创意,也不要浪费过多的时间去追求如何个性、如何好看,我们只需要一点小小的创意贯穿全站,也许会使网站更生动更具有吸引力、更有思想,比如中国现车交易网

二、网站logo logo

顾名思义就是站点的标志图案,logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路:

1、直接以网站网址作为logo。

2、根据网站提供的产品/服务特点展开logo设计。

3、以传递网站运营商的经营理念为特色。如:全球五金网 logo

三、视觉流程

人们在阅读某种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。在心理学的研究表明,一般的浏览习惯是从上到下、从左到右,在一个平面上,上松下稳而压抑。同样,平面的左松右稳。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式,只要符合人们的心理顺序和逻辑顺序,就可以更为灵活地运用,在网页设计中,灵活而合理地运用直接影响到传达信息的准确与有效性。

网页设计制作的心得体会篇4

一、准备资料和挑选符合目的主题的合适素材

做网页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的参考。另外,还包括搜集美化主页可能要用到的各种材料,如背景、小动画图标等等。可以在硬盘上建一个文图片、声音、动画”等文上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文时间一长就拥有了一个可观的图库,等做网页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的.设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。切记,页面给人的第一观感最为重要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。

三、善用图片,增强艺术效果

我记得老师说过网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧

由于在网上用浏览器浏览任何主页时,都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此,如果想知道并掌握一些优秀的主页采用的设计技巧,试着将其源代码调出来仔细揣摩,并模仿着一步一步去实现。

最后感谢老师多日来的辛勤教导!

网页设计制作的心得体会篇5

现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的,

我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握dreamweaver的应用。

我了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、flash、fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先,要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了,下面要开始的便是优化工作,内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。

如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片,flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说,通过这个假期对网页设计的学习,有收获也有遗憾。但是,我已经迈入了网页设计的大门,只要我再认真努力的去学习,在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。

网页设计制作的心得体会篇6

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

一。充分发挥动手能力

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

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

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

三。不足之处

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

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