网页设计的心得体会

更新时间:2022-06-30    来源:心得体会    手机版     字体:

网页设计的心得体会【三篇】

心得体会是指一种读书、实践后所写的感受性文字。语言类读书心得同数学札记相近;体会是指将学习的东西运用到实践中去,通过实践反思学习内容并记录下来的文字,近似于经验总结。下面是小编精心整理的网页设计的心得体会【三篇】,仅供参考,大家一起来看看吧。

网页设计的心得体会篇1

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

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

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

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

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

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

网页设计的心得体会篇2

跟学习别的东西一样,学习网页设计也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。

学习网页设计需要耐心,如果你没有耐心,你学不好网页设计,应为当你碰到一个问题时,如果不能立刻

得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了半个月时间才解决。

学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,你不断的学习

不要掉入技术的陷阱,你的网页设计技术一流,你对软件的掌握程度已经达到一定水平,但是你设计的网

页确不堪目睹,这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,

心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言

技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展

现互联网这一新型媒体的独特魅力和多维空间的超强功能.

注重实用,个人认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以

交互的。我提倡简单的美。

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

见谅。

网页设计心得体会(2):

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

这学期选择的这门课程让我学到了不少关于计算机和网络的知识。老师把课程内容安排的很合理,讲的大都是很基础的知识,这对于像我这样对网络了解不多的学生来说很容易理解,接受。

在这门课上我学习到了一些关于建设网站和制作网页的知识,对flash也有所了解。课上我还学到了一些基础的网络技术,用制作网络的工具做网页等。

通过对这门课的学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。

在具体的制作一个网页时我了解到一个优秀的网页设计应该具备以下一些基本原则

1 确定网页设计的内容

一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用。

2 了解你网站所在行业的客户

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

3、做一个典型用户

不以用户身份亲身体验网站你才能发现问题,才知道那些需要改进,尽量不要让客户去发现问题,在前期设计时就应该把这些问题解决。

4 优化内容

内容是整个网站的核心。在网站设计之前必须明确网站的内容安排。

优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网站时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。

大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。

框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。

下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集

如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。

在准备材料的时候我们可以用到学习的flash知识来制作一些小的动画和动态图片,flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。

然后是开始正式制作主页。通过dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

通过个人网页的制作最终把自己的网页上传到互联网上,那种成就感是无法用语言形容的。在今后的闲余时间,我将会学习制作网页的更多知识,使它成为自己的一项技能。

第二篇:网页设计心得体会

教改学习心得体会

by01061班 16号 王建云

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

一.充分发挥动手能力

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

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

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

三.不足之处

由于平时工作比较繁忙,学习时间比较少,对于网页设计软件的强大功能运用得还不够。在网页设计过程中,由于没有网页制作代码的知识,所以在设计时

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

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

第三篇:网页设计心得体会

学号:80906107姓名: 唐琪伟专业: 计算机科学与技术

网页设计心得体会

做出一个好的网页一般都离不开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中的切片工具的使用。切好片后,还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大,然后才来控制切片线的位置。

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

第四篇:网页设计心得体会报告

网页设计心得体会报告

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

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在css方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。2、调用style时可以单击鼠标右键选择custon style来调用style标准,也可以在状态栏中的元素列表上单击右键来调用style。虽然不同的方法达到的效果看似一样,但实际上产生的html代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是flash、photoshop等网页软件的综合应用。例如flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50k。

- 1 -

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

下面简单介绍下网页设计的理念和要点。网页设计理念:(1)内容决定形式:先把内容充实上,再分区块,再定色调,再处理细节。(2)先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。(3)功能决定设计方向: 看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。 网页设计的两大要点是:整体风格和色彩搭配。

一、确定网站的整体风格: 1、将标志logo,尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映网站精髓的宣传标语。4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配: 1、用一种色彩。指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感。2、用两种色彩。先选定一种色彩,然后选择它的对比色。3、用一个色系。就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

第五篇:网页设计心得体会报告

心得体会之网页设计 网页设计心得体会报告

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

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在css方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。2、调用style时可以单击鼠标右键选择custon style来调用style标准,也可以在状态栏中的元素列表上单击右键来调用style。虽然不同的方法达到的效果看似一样,但实际上产生的html代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是flash、photoshop等网页软件的综合应用。例如flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50k。

- 1 -

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

下面简单介绍下网页设计的理念和要点。网页设计理念:(1)内容决定形式:先把内容充实上,再分区块,再定色调,再处理细节。(2)先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。(3)功能决定设计方向: 看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

网页设计的两大要点是:整体风格和色彩搭配。

一、确定网站的整体风格: 1、将标志logo,尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映网站精髓的宣传标语。4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配: 1、用一种色彩。指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感。2、用两种色彩。先选定一种色彩,然后选择它的对比色。3、用一个色系。就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

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

- 2 -

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

- 3 -

网页设计的心得体会篇3

我在网上进行的逻辑 教学 工作已经完成了, 闲暇无事之余,便想 将个人的主页—— 《思 东书屋》重新进 行一 下规划和设计,为 此购买了几本有关网 页设计和制作的书籍, 开始 学习网页的基本 语言HTML尽管网页制 作方法早已经从最简单的文本编 辑器发展 到可视 化的网页编辑工具,但是,编辑形式的改变并没有影响到HTML语言的整体结构,    它只是

简化了编程方 式, 用直观的具体形式 取代了传统的不可见 的抽象形式。

这就如同哲学理论自 身发展的两个阶段—— 理性的思辨和直观的 图像一样。目前,人 们 对用图像解说认识 过程和逻辑规则还缺乏 深刻的认识,总是习 惯于语言表达方式, 不知 道语言表达的缺 陷是片面性和抽象性, 而图像形式则具有直 观性和具体性这一特 点。如 今我们生活的 时代已经进入到互联网 的动漫时代,此时抽 象的语言表达方式与 时代发展 的脉搏呈现 出极 不同步的状态,这 种表达方式远远落后 于时代科学技术创新 和发展取得 的成果, 它明显地缺乏与时俱进 的特点。人们只要看 看 有关系统论的教材, 就会被书中 展示的图 形和图像所吸引。由此 看来,作为时代的哲 学理论也应该充分利 用电脑给人们 带来的 多媒体技术,通过编制 幻灯片、动画片和电 脑仿真模式展开既直 观又生动的教学, 只有这样做才能使哲学理 论跟上时代发展的步 伐,真正做到与时俱 进。

数理逻辑是计算机硬 件自身具有的逻辑规则,它把握了中央处理 器CPU信息交换的存 储器、记载时间和次 数的 计数器以及丰富多 彩的颜色区分模式之 间的相互关系,它直 接 通过逻辑真值表、 二进制的语言和编码结 构展示出来,这是纯 粹抽象的逻辑规则在 现实 中的应用模式。 其鲜明特征是:它把握 了思维和存在二者本 质同一这一属性。

属性:思维和存在 直接同一,无矛盾的关 系

厂语言逻辑T具体环节:经验理论

形式:如日常交流、刑侦破 案, 无概念的形式

属性:抽象的本质关系,无 矛盾 的形式

逻辑+思辨逻辑T本 质环节:计算机硬件中 的逻辑规则:图形、符号理论

丄真实逻辑T系统环 节:计算机软件中的逻 辑规则:图像、概念 理论

形式:哲学逻辑、

辩证 逻辑、逻辑模式,

可视化编程

老子的大道以隐 藏形式把握了模式同一 ,《思维工具论》将这 种模式 同一从隐藏形 式转 化为直观的显露 形式。由此构成人类逻 辑思维发展演变的全 过程。

随着互联网的普及, 网页制作技术的广泛应 用,人们对于逻辑规 则就不会感到陌生, 因为HTML语言结构已经将哲学的逻辑模式以可视化 的形态展示出来,同时也将哲学逻

以框架结构的逻辑规 则为 例,它充分体现出 思维规则:两个层次 、两种形式的对立统 一。逻辑图为:

具体:内联式样式 表: 只对使用它的元素 起作用:文字和段落

厂自身形式T

T    丄一般:嵌入式样式表:通过 标记形式规范整个文本:统一格式

厂外部式样式表,通过 css模式进行规范整个网站的风格

匚联系形式T

逻辑属于抽象的形式 联系,它不涉及里面的 具体内容,属于科学 的思维方法和工具。 网 页语言结构恰恰将 逻辑的属性、形式和特 点全面地展示出来。 它扬弃了里面的内容, 只 考虑抽象的结构和 形式之间的关系,无论 是文本,图片、还是 动画,都可以作为

这就是老子讲述的不 言之 教包含的丰富内容 ,它是科学的认识方 法、认识模式、逻辑 规则、思维工具。

>网页设计心得体会 二:网页设计心得体会 >>(1505字)

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

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

首先,要•确定网页 设计的内容一个优秀的 风站要有一个明确的 主题。整个网站围绕 这个主题 , 也就是你 在网页设计 之前要明确你这个网 站有什么目的 ,用来做什么,所有

的内容对排名有很重 要的作用;其次,要 于哪个类别。用户是 一个网站成败的关键 用户会立即关掉你网 站,或者你网站操作很 的设计, 只会让用户失望的离 去.

在完成以上的基本内 容之后网页的基本框架 便成形成了,

面要开始的便是优 化工作,

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

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

>网页设计心得体会 三:网页设计心得体会 >>(1405字)

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

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

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

包括个人网站主题的 确定 ,前台功能设计与 管理、个人网站主页 设计、个人网站留言

板、注册、忘记密码 、搜 索等网页设计与管 理。

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

三、网站的发布

四、个人网站推广

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

在这次实操过程中令 我印 象最深的是做留言 板,因为刚好在上一 个星期 sql 数据库实 操做过了,所以今次 在做 就比较轻松,但我 以前是经过一个比较 长的练习,做完了 n 次, 可能有人会想, 肯定 是不会才做这么多 次啦!但我想告诉这 位同学我每次做得都 不是 不同的方法。第 一次我用的是 access 数据库, 第二次我用的是 sql 数据库加权限

>网页设计心得体会 四:网页设计心得体会 >>(1037字)

本学期的网业设计课 程,开展了动态思维训 练教学活动,对于我 们学生来说,可以激 发

学习兴趣,调动学 习的 自觉性,自己动脑 、动手,动口,运用 网 络资源,结合教材 及老

一个展示自我的 空间 ,我觉得很开心、 很有成就感

. 充分发挥动手能 力

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

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

三. 不足之处

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

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

而我对 dreamweaver mx XX 它也不 是很熟 悉,心里真是很担忧

概念的理解,原来要 做出一个简单可行的网 页并不是一件害怕的 事情,而是一件努力 和尝试的事情。

本文来源:http://www.cyloushi.cn/gongzuobaogao/177737.html

猜你感兴趣