网页制作心得

请欣赏网页制作心得(精选4篇),内容由多美网整理,希望对大家有所帮助。

网页制作心得 篇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

转瞬之间,半个学期又接近尾声,在李导师的精心辅导下,度过了这个富有生机,富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识,对于我来讲是一个很好的锻炼和充实的机会。

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

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

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

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

1.标题

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

2.内容的采集

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

3.图片

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

4.网页排版

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

5.背景

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

网页制作心得 篇3

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

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

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

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

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

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

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

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

网页制作心得 篇4

转眼间,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但是这个学期以后我受益匪浅。

记得最初接触dreamweaver的时候,我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词,只能用鼠标到处乱点。并且刚开始几节课,老师并没有给我们讲关于如何去使用这个软件的知识,基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作,当时觉得没什么用,甚至有点反感,害怕一个学期以后没什么收获,最后问了一下周围的同学,原来大家都有这样的想法。

渐渐的,在老师的悉心教导下,我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课,老师布置了一个任务,要求做一个网站。虽然学了一个学期,但是我觉得我的能力完全没有这么高,做个网站真的很不容易。

最开始是确定主题。我一直都想不出应该做一个关于什么的网站,一次,一个朋友告诉我她在省博物馆,叫我帮她查一下勾践剑在哪个展厅。打开百度,我以外的发现省博物馆的网站进不去,于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。

确定了主题就开始布局了。最开始使用了一个表格,然后在表格内进行拆分合并处理,接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时,问题出现了,发现版头与下面的图片文字之间出现了很大的一段距离,但是在软件中已经把距离缩小为0了,多次尝试后没有效果。最后想到可以另外再加一个表格,把版头放在一个表格内面,这样问题就解决了。预览是效果还不错。

但是总觉得首页做得太普通,一次浏览学长做的网页时,觉得他们的文字滚动窗口做得效果做得不错,于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码,把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成,但是却出现大问题了。因为需要滚动的文字占的空间太大,把左边的那部分表格全部占满了,而在实际的网页预览中,这个有文字滚动的框只占了左边的

三分之一,左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面,试了很多方法,在网站查了很多资料,可能因为没有专业术语作为搜索的关键词,查不到任何相关的资料,试过div标签,试过不停的拆分表格,最后还是没有效果。就这样试着试着,突然想到了层这个概念。于是在布局中点击了绘制层,结果成功了,经过一些加工,终于成功的完成左边的布局。

印象还比较深刻的是插入声音,记得老师曾经给我们讲过很多次怎样插入声音,可是等到自己做网页的时候却忘记了,于是问其他人,结果居然都忘记了,于是自己在百度上收。最后终于找到了一个可以使用的代码,但是在加入声音路径时出现了问题。在属性内加入源文件,结果就是加不进去MP3的音乐文件,然后自己就尝试加入了一个视频,记下了路径格式,然后照着这种格式写下了指向声音源文件的路径,最后成功了。

在设计过程中还出现了很多的问题,但通过看书,上网查询,请教同学等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。就我而言,也在页中总结了如下经验。看书不要过多,看一本就可以了。关于网页设计的'书太多了,每本书里的内容也太多了,林林总总的,而且有些乱。书看多了,花的时间比较多。我觉得想学基本技巧的应该不用太多地看书。.初学者要清楚地了解网页制作的基本流程。就是第一步做什么,下一步又该怎样。从绘画网页框架图到最后发布网站,大概是怎样的一个过程,怎样实现的,应该要心里有数。.按流程的顺序学习,不要试着先把所有做网页用到的软件都吃透了再开始做网页。应该边学边尝试。注意代码。尽管我们对代码还不熟悉,但完全不懂代码的话做网页还是比较困难的。至少要看到代码知道大概是怎么一回事。平时浏览网页时多多留意别人的设计和效果,多收集有用的信息。这方面我们还是刚刚开始的。有必要借鉴一下。要细心和耐心。这两个不用多说啦,做什么事情都应该这样吧。网页设计更是这样,比画画,十字绣更要细心和耐心。因为网页设计很多时不是你构思好要弄成怎样就可以很轻易地做出来,要多多思考和分析。

总体来说,通过今次的对网页设计的学习,有收获也有遗憾、不足的地方,但我想,我已经迈入了网页设计的大门,只要我再认真努力的去学习,去提高,

凭借我对网页设计的热情和执着,我将来设计出的网页会更加专业,更完善。

大家都在看