网页设计与制作心得体会模板6篇

时间:2023-09-26 作者:tddiction

在理好自身的情绪之后,小伙们们才能动笔写好心得,心得是抒发我们感情的一种方式,有一定的主观性,以下是团子范文网小编精心为您推荐的网页设计与制作心得体会模板6篇,供大家参考。

网页设计与制作心得体会模板6篇

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

跟学习别的东西一样,学习网页设计也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。学习网页设计需要耐心,如果你没有耐心,你学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了半个月时间才解决。学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,你不断的学习不要掉入技术的陷阱,你的网页设计技术一流,你对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学。"不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识。只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

注重实用,个人认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的。我提倡简单的美。

申明一点,我也是个网页设计初学者,并不是什么设计名师,这是我个人的灼见。有什么不对的地方,还请大家见谅。

个人网站的设计需要有以下几个步骤:

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

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

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

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

三、网站发布

通常我们发布一个网站,这样我们可以注册域名,但我们也可以利用主机和安装iis,这样其他人可以通过“我的ip”地址访问“我的主页”。

四、个人网站推广

一个网站做好了,就有必要推广一下个人网站,这是一个电子商务网站必须做的一步,因为如果你不推广你的网站,即使你发布了也没有人会知道。

在设计网站时真的可以体会很多东西,从一开始确定页面的主题,到整个主页的设计,信息的收集,前台功能的设计与管理,后台功能的设计与管理,每一个页面的表面设计。我把它们都一一进行规划,因为如果你不好好规划,想做什么就做什么,你是做不好的。因为我意识到这句话:“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如:775宽,分成三栏,每栏占多少。因为我深知“细微之处才见真功夫”。

给我最深印象的是留言板,因为之前sql数据库实际锻炼做过了,所以这次做相对容易,但我经过长时间的练习,完成了n次,有些人可能会认为,肯定是不会才做很多次!但我想告诉这些人,我每次做都是用不同的方法。第一次使用access数据库,第二次使用sql数据库+权限管理,第三次使用数据源名称的连接。每次用的方法都不一样。

可能会有人说我笨,有方法就行了,要那么多干嘛?但我想说的是,没有这么多次练习,就不会有这么多不同的方法,不会创造今天熟能生巧的我。方法,只有你自己先学会,才会学通、学广。

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

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

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

针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设

计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

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

不知不觉,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但这一个学期以后我却受益匪浅,不仅让我全面的、系统的学会了页设计与制作的基础知识,还让我学会了自己动手去制作属于自己的网页,这对于我来说是很值得高兴的,能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

首先,我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

然后,我们要找材料。明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

找到材料后,我们还要规划网站。一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。

做好以上三步之后,我们就要选择合适的制作工具。

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,在这里,我们一般都是用有“网络三剑客”之称的dreamweaver、fireworks、flash来制作网页,对于图片部分的处理,个人觉得photoshop比较好用。

最后,我们就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

网页做好之后,就要发布到web服务器上,才能够让全世界的朋友观看,还要不断地进行宣传,这样才能让更多的朋友认识它。

以上就是我对于网页制作的一些个人心得,由于本人的技术还不是很成熟,还存在很多的不足(如:背景过于单调和网页布置不合理)。选择学习这门课是很正确的选择,虽然在以后不会再有机会去上了,但我还是会通过各种方式继续页设计和制作的,同时很感谢带我入门的徐兵老师,让我有机会去学习有关网页的知识!