首页 > 工作范文 > 心得体会 >

网站设计的心得体会【范例6篇】

网友发表时间 3696042

网站设计注重用户体验与视觉美感,合理布局与色彩搭配相辅相成,功能与内容需简洁明了,如何提升用户满意度呢?下面由阿拉题库网友分享的“网站设计的心得体会”,供大家学习参考,希望大家喜欢。

网站设计的心得体会

网站设计的心得体会 篇1

记得那年那一年我正式成立公司当时还在天河体育西路的时候,心想如果真功夫能够给我接到手做他们的网站就好了,

想不到在XX年的前一个月朋友就透露说真功夫需要改版,我那时后有点兴奋,因为终于有机会了,我自己负责设计我很幸福的申请投搞真功夫的官方网站设计,

当时竞标的公司都必须有邀请竞标书才可以参加,我查了一下参加竞标的公司有好多,十几家公司一同参与竞标,他们都是行内顶尖的网站建设服务供应商,要争取下来真的有点困难,但我还是坚持一试,于是我委托一些行内朋友帮我弄到了那份竞标书,也联系上了真功夫的网站建设负责人,我们约好了具体面谈的时间,那天好紧张,同事们很努力的帮我做好了ppt方案。

同我一起前往的还有一位合伙,他主要讲技术,我主要讲设计同一些新的想法,那天去到那里好忙里面好忙,在我们之前的还有两三个供应商,他们已经是提了好几次方案了,我心想他们会不会已经谈得差不多了,心理有点不大有把握的感觉,到我们了,我们在会议室了等着,大概五分钟后,

有位带黑边眼镜的男人进来了,看起来很有严肃,他坐下了同我们聊了会,问你们怎么会用我们的竞标书,我当时不知道怎么说好,只好说是朋友介绍的,他:"哦"了一下,说:"没所谓,反正我们要的是能够提供好作品的供应商,不过你们应该是比较晚来了,他们已经出了好多方案了,你们是否也也什么方案呢"?

我们把ppt方案拿出来跟他讲述了我们的构思同想法,我们的卖点是突出真功夫的"新鲜""便利""互动""体验"几个方面,新鲜呢就主要是体现出其食品的确是既新鲜又有营养,另外就是网站形式多样自由更新变换,给会员有新鲜感,"便利"就是其自己维护便利,"互动"就是充分利用互联网同网下会员的一中互动活动,"体验"就是设置一些游戏给会员亲身体验其品牌文化,从中让会员在体验中深入了解同认识其品牌意识,深深的.记忆在消费者脑里。

另外由于真功夫的食物主要是以蒸煮为主的,很有中国特色的一种传统文化,所以我们设置了一些中国文化的元素在我们的方案当中。

我们大概聊了大概一个多钟,大家都聊得很开心,但最后他给我一句话让我压力更大,他说:"你们作个平面方案过来吧,我对设计的要求很高,虽然我们初次谈得不错,但最终还要看实体,如果你们过来的平面不行的话我们就不必要继续谈下去了。

包括其它供应商也是这样。"当时,我压力好大,因为所有的希望都寄托在这一个平面上了,但冲着这一点我决定我要加班就算是不睡不喝也要把他做好,我回家后收集了好多相关的资料,然后做了一个平面过去,要清楚,这个平面是生死稿,行就继续不行就会前功尽弃,所以当时做这个稿做了我一个通宵,总共做了我26个小时,幸好,反馈回来的不是坏消息,兴奋的继续做深入的方案。我们第二第三次会面了,从中我们的方案逐渐令到他们觉得我们很有实力很有信心做好。

在几次的会谈当中,我们出了好几款风格平面给他们,在中我们有想过放弃,因为当时根本还没确定是否给我们签合同,不过我坚持还是做下去,因为我很希望能够做好这单,毕竟也付出了这么多,不可能半途而费。幸好最后我们的态度同设计都令他们感到合作的诚意,于是终于把合同给签了。工作也陆续开展下去了......

他们每到节假日都会做一些活动,我们当然都会帮他们做一些活动推广。包括活动中的游戏体验等。

到最后虽然过程是艰苦的,但结果是开心的。

结束语:万事都有转机,只要您坚持到最后就会有好的收获。

网站设计的心得体会 篇2

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

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

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

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

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

记得最初接触dreamweaver的时候,我很茫然,因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课,老师讲得比较基础,还能跟得上,渐渐的老师授课的进程开始加速,有些跟不上了,需要下课后自己补上,问老师和周围的同学。渐渐的,在老师的悉心教导下,我们开始熟悉这个软件了。

老师布置的第一个任务,要求做一个自我形象网站。由于学习的时间较短,老师只要求用PS做好模板即可,任务相对简单。但也要求设计感强,色彩搭配和谐,并且尽可能的做成实用又符合实际的漂亮网页。第二个网页设计老师要求相对较高,用dreamweaver做一个比较接近真实的网页,还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格,然后在表格内进行拆分合并处理,接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

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

因为需要滚动的文字占的空间太大,把左边的那部分表格全部占满了,而在实际的网页预览中,这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一,左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面,试了很多方法,在网站查了很多资料,可能因为没有专业术语作为搜索的关键词,查不到任何相关的资料,试过div标签,试过不停的拆分表格,最后还是没有效果。就这样试着试着,突然想到了层这个概念。于是在布局中点击了绘制层,结果成功了,经过一些加工,终于成功的完成左边的布局。

在设计过程中还出现了很多的问题,但通过看书,上网查询,请教同学等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。热情和执着,我将来设计出的网页会更加专业,更完善。

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

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

回顾第一天的网站课程实操,老师叫我们继续完善以前设计的网站,做出留言板、注册的功能。我很快就完成了,但可能我是一个追求完善的'人,所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定,从头开始做一个网站。因为我觉得以前那个真的不是太好,尽管实操的时间过去了一半,尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著,追求成功,追求完善的人,才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我们进行个人网站前台功能设计。包括个人网站主题的确定,前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。对个人网站后台管理功能设计。包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。网站的发布。通常我们发布一个网站可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。

个人网站推广。一个网站做好了,就要对个人网站进行推广,这是一个电子商务网站必需做得的一步,因为如果你不对你的网站进行推广,就算你发布了也没有人会知道的。在设计这个网站时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划,因为如果你不规划好,想做什么就做什么,是不会做得好的。

在这次实操过程中令我印象最深的是做留言板,因为刚好在上一个星期sql数据库实操做过了,所以今次在做就比较轻松,但我以前是经过一个比较长的练习,做完了n次,可能有人会想,肯定是不会才做这么多次!但我想告诉这位同学我每次做得都不是不同的方法。每一次用的方法都是不同的,可能有人会说我傻,会一种方法就行了,还要那么多吗?但我想说的就是不是这么多次的练习,不是之么多次不同的方法,也就不会造就出今天熟能生巧的我,也不会对同学提出的问题解决到,也不会轻松教会同学,因为你自己首先学会,学通,学广,才能把问题解决。

令我难以忘怀的镜头也是在做留言板的时候,但不是为我自己的而做,而是一步一步教同学做,直到令同学学懂;

把同学留言板的问题解决;

当同学因为做不出而没心情,过去对她进行鼓励的,然后解决;

当自己也不会,与同学共同研究的情况,这种学习氛围是最难得的,就是在做留言板的时候,令我深深体会到我几句话:认真做事只是把事情做对,用心做事才能把事情做好。把每一件简单的事情做好就是不简单,把第一件平凡的事情做好就是不平凡。

上学的时候我就对网站建设比较感兴趣,刚好有机会参加了一个为期两周的网站建设培训课程,在这两周的网站建设培训课程学习过程中,我练习掌握了很多关于网站建设的知识和技巧。因为这是我比较感兴趣的课程,所以对于所学的知识非常珍惜,学到了很多对以后工作和生活很有帮助的知识。

我们这一小组做的主要内容为建设一个网上商店的网站,网上商店的名称是xx。主要内容包括网站主页、商品分类、新品推荐、购物帮助和客户服务。而我负责客户服务的网页制作。在整个培训过程中,难免会遇到一些比较困难的问题。每当这时,我们先是通过组内成员间共同讨论商量解决的办法。若没有讨论出结果,我们会向其他同学询问意见,综合分析后会找指导老师帮忙解决问题,找出问题所在,改正错误。最后我们的网站终于圆满完成了,这是值得庆幸也令我们比较有成就感的一件事情。最后我们的一番努力终于取得了成果,心里挺开心的。我们的努力是值得的。

经过这次网站建设课的培训,让我对自己有了新的认识,也学到了网页设计的知识。在培训中,我们将在书本上学习过的很多理论知识付诸实践,实际运用,我体会到了其中的难度。在今后的工作和生活中,自己需要更加努力的奋斗下去。实习的同时也让我了解到了自己的不足,我会继续努力,完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

转眼间,两周愉快而又充实的网站建设培训课程结束了,在这不长的时间里,在培训的过程中,让我尝试了理论与实践的结合。网页设计理论一点点转化为实践经验,丰富的培训知识,让我充满惊喜、快乐和充实,当然也少不了网页设计处理过程中的困难。培训结束了,感觉脑袋里又注入了新的知识,对网站建设和网页设计也有了更深的了解,在以后的工作中,希望能用自己了解的东西去处理相关的问题,再探究新的问题,使自己不断进步。

这两周里,我学到了很多关于网页制作方面的知识,也学会了怎样与人团队合作,这些都将会对我的成长有很大的帮助,将会在以后的学习、工作和生活中起到很大作用。这次培训是我们从学校到以后找工作的一个过渡。有了这次学习的机会,自己成长了不少,也学到了很多。对于书本上的理论知识更加的巩固了,更重要的是自己得到了这个宝贵的学习机会。

这次网站建设培训,让我受益匪浅,通过培训这样的学习方法对于我们以后不管是学习工作还是生活都是受用的。

此刻,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,此刻的网民也在不断的增多,因此,了解和学习网络知识是我们作为一名大学生迫切所需的,通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了必须的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、Flash、Fireworks等网页软件的综合应用。

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

其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时刻进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会立刻离开,这种网站是很失败的设计,只会让用户失望的离去。

资料是整个网页的核心。在网页设计之前务必明确网页的资料安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,能够用树状结构先把每个页面的资料大纲列出来,尤其要制作一个大的网站的时候,个性需要把这个架构规划好,也要思考到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时刻和财力。大纲列出来后,还务必思考每个页面之间的链接关联。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。

链接混乱,层次不清的站点会造成浏览困难,影响资料的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体资料了,题材选定,框架选定,接下来就开始往主页里面填资料。如果是个人主页,有潜质的人完全能够靠自己来创作所有的资料。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上必须的修改后就能够了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就能够找到一大堆的资料。

在准备材料的时候我们能够用一些小的动画和动态图片,Flash带给了功能齐全的绘图和修改图形工具。能够直接在修改区里绘画,修改修改十分灵活,它的另一大特点是“交互性”强。在动画播放时,能够用鼠标或键盘对动画的播放进行控制,效果能够很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;

文字的格式、颜色、背景颜色的设置等就能够制作出一个简单的网页。

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

网站设计的心得体会 篇3

不知不觉我学习整站网页设计也有一段时间了,很高兴我能在这计算机深入的社会里,学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信息的一种便捷工具,如今的生活,商业都已经在网络上如火如荼地开展,我认为,学习网络知识,对于生活在网络时代的我们还是很有必要的。接下来我想分享一下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点帮助。

学习网页设计的过程中,我也成功制作了属于自己的网站,通过这一次尝试,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。我觉得,在设计网页之前:

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

其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离开。

我在这次设计网页的过程中,终于体会到做一个网页的主页不是一件容易的事情,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。制作主页要注意:

要想一个好的标题。标题在个人主页中起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记,不要符合自己主页的主题和风格。

主页中不光要有文字,还要适当地加一些图片。一张好的图片可以胜过你的千言万语。也能让进入你网页的人一目了然,产生兴趣。

网页页面整体的排版设计也是不可忽略了,很重要的一个原则是合理也运用空间,让自己的网页井然有序,留下合适空间,会给人轻松的感觉。

当然在做这些内容之前,是要找好资料的,我们可以从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。设计制作网页我可以推荐一个不错的软件,那就是Dreamweaver。只需要用到此款软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。好了,网页设计制作完毕后,最后一步就是要优化网站了。

就我的观点,我觉得个人认为网页设计应该注重实用性,因为我们用它就是来互动的,所以我建议以简单美为好,太多复制的图片文字和页面排版只会让看的人感觉更不舒服,还有最后申明一下,我不是专业网站设计师,以上只是我对网页设计学习的一些心得罢了。多多指教!

自己怎么制作简单网页

学习前端的.一些心得体会从事前端开发工作1年多了,从最初的DIV+CSS学起,到现在学到html5、css3、javascript,jquery等等,我觉得前端要学的技术太多了,很多人认为前端开发要掌握的技能简单,就是网页制作,其实不然,前端开发是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本是HTML5、CSS3,以及SVG等。JavaScript作为最难的语言之一,许多编程高手也不敢妄自菲薄、自封精通。

关于兼容性的问题我相信对于每个做前端开发的人来讲是一个很头疼的问题,互联网目前主流浏览器有IE6789,Firefox,Chrome,Opera,Safari,遨游,包括国内主流的搜狗,腾讯TT,360等等;从内核上讲主要有IE的,遨游版IE,safari,firefox以及opera的,这些都是大家常见的。所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,用户用什么浏览器来查看同一网站,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。这个时候就需要针对不同的浏览器写不同的CSS,这个过程叫CSShack。虽然我们写代码都要求按照标准,不写hack代码,但实际工作中为了兼容主流浏览器,hack代码是免不了的,所以这也应该是每个前端开发人员必备的技能。

所在在学习前端的过程中,有能人能在你身旁帮助你学习,往往能取得事半功倍的效果,这不仅仅是时间人力的成本问题,而是因为知识的更新换代太快了。所以我们不得不提升自己吸收新知识的效率,然而就目前为止,线上学习或许已经是未来的一种趋势了,因为时代的节奏在加快,逼得我们不得不加快脚步学习,而线上教育的出现刚好适应着这个时代的节奏,所以应该好好把握应有的资源来提升自己。

网页设计与制作心得体会

随着学习进度的逐渐加快,学习的内容也逐渐开始变多、变难,不再像一开始那样老师一讲完就可以马上上手把网页做出来。自然而然的,在制作网页的时候也不再像一开始那样顺利,总会出现各种各样的错误。不过对于学习上的问题,老师在课堂上也会尽可能地为我们解答,并且为我们提供了很多练习的机会,这使得我即使在面对一些困难的问题时,也能沉着地应对。

不过课堂时间毕竟是短暂,仅仅靠一周两个课时的课堂学习时间想要把网页设计制作完全学习得很好是不可能的事。再者网页制作在我看来是一门实践重于理论的科目,如果仅仅学习了理论知识却不付诸实践,那对学习实际上是毫无助益的。因此在课余的时间里,老师给我们布置了与所学内容相对应的课外作业。在完成课外作业的时候,如果遇到了难以解决的问题,我会回顾老师上课时用的课件寻求解决的办法,与此同时,也在间接地巩固知识。

因此,尽管过程并不都是一帆风顺,但经过本学期的学习与实践,我也逐渐掌握了网页设计制作的一些基本技能与知识。虽然明年就大四的我以后大概是不会再像这个学期那样有学习网页制作的课程了,但我会利用课余时间通过自学了解、学习更多关于网页设计制作的知识,掌握网页设计制作的技能的。

自己怎么制作简单网页

首先在设计制作网页之前,你要却确定你的网页内容是什么?一个网站必须要有一个明确的主题。特别是对于个人网站,必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。主题要鲜明,在你的主题范围内内容做到大而全、精而深。然后针对你的内容找到相关的资料。接下来就是具体的制作步骤了:

第一步:创建一个文本文档你需要创建一个文本文档包含单词,你想要出现在您的Web页面。只要你给你的文档名称结尾,大多数文字处理程序将会工作的很好。思考逻辑的地方插入你的文本。

第二步:学习基本的HTML标记现在您需要插入一些格式化标记你的文档,会告诉一个互联网浏览器如何安排你的文字和图片在屏幕上。这些标签组成一个语言称为超文本标记语言,或者HTML。

第三步:查看一个示例Web页面

你或许在阅读会感到有点困惑,这是为了看一个实习的HTML文档更简单,然后看看它是怎么被翻译成一个Web页面。您可以查看“源文档“后边的任何Web页面将“视图”菜单(在Safari——其他的浏览器或许略有不同)并挑选“查看源代码。“当你这样做时,你会看到文档和HTML标签,创立页面当时在你的浏览器窗口。

第四步:获得电子图像如果你还没有制作主页的图像文件,您可以下载一些来自其他Web页面。用你的常识来决定哪些图片你可以使用,哪些你不应该。根据什么样的电脑和浏览器你正在使用,你必须使用一种稍有不同的程序下载到你的硬盘映像。这里可以使用Safari浏览器:使用鼠标指针的位置在图像——按住鼠标按钮并拖动图像到你的计算机的桌面——放开按钮,您将看到一个小图标。这时图像已经下载到你的硬盘。确保你的文件名称和格式——点击图标来查看图像,因为它将出现在您的Web页面。

第五步:插入HTML标签

如今您现已准备好插入格局符号在您自个的文档。记住要开始您的文档与。你类型符号之间的将出如今你正在阅读网页阅读器窗口的顶端。

第六步:查看和编辑您的页面

保存您的文本文档和返回到浏览器。在文件菜单中,选择“打开文件…”或“另存为…”。从那里你应该能够找到你的文档的名称并点击“开始”。你的文档将会出现在你的窗口,看起来就像个网页了!

第七步:上传

您需要有一个互联网服务提供商,允许您将您的网页页面在一个服务器上,这样其他人能够阅览它。假如没有,您能够继续操练与文件在您的计算机的硬盘。能够找到一些其他网站的页面相关的一些办法。他们可能会添加一个链接到你的页面注册您的网站查找引擎如google或雅虎。一旦你添加你的URL其间一个数据库,感兴趣的人通常主题你的页面将得到一个清单,你的网站当他们做一个查找。

另外,这边有一些软件可以利用,一款功能强大、使用简单的软件往往可以起到事半功倍的效果。比较常用的优秀软件有Dreamweaver和Frontpage,如果你是初学者Frontpage20xx是首选。除此以外还有Photoshop、Photoimpact等。另外还有一些能够用于动态网页设计的软件。那么,有了这些,即使不同网页设计的菜鸟们也可以按照规划一步步地把自己的想法变成现实了,快快尝试一下自己制作网页吧!要记得,网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它。

网站设计的心得体会 篇4

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

一、网站风格/创意

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

二、网站LOGO

Logo顾名思义就是站点的标志图案,logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路:1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特色。如:全球五金网logo

三、视觉流程

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

以上是我学习的心得,在今后的日子里,我决心不断学习新的教育理论,积极进取,锐意创新。

网站设计的心得体会 篇5

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

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

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

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

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

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

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

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

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

网站设计的心得体会 篇6

《网站设计》是网站设计与维护专业的一门综合实训课,安排在第四学期授课,总共108学时。该课程是基于photoshop、flash和dreamweaver三门课程已经开设过的基础上的一门综合实训课程,主要包括客户需求分析、网站风格定位、网站效果图草图设计、网站建设方案的制定、网站效果图、横幅flash广告制作、网站的搭建、征求客户的意见修改完善网站等内容。然而,传统的教学模式一般采用接受教学和案例教学两种形式,教学方法比较单一,学生也能掌握其中的知识和技能,但是应变能力比较弱,综合运用能力不强,远远不能达到用工单位对学生的要求,学校的教学与社会生产实践往往出现脱轨现象。为改变这一现象,本人在该项课程中引入项目教学法,取得不错的成效。

一、项目教学法

所谓项目教学,就是师生通过共同完成一个完整的项目工作而进行的一个教学活动。这种教学活动对学生的学习成绩的提高、经验的丰富和技能的增强起到非常明显的效果。项目教学的前提是“项目”。“项目”是要在一定时间里,在预算规定范围内需达到预定质量水平的一项一次性任务。项目具有确定的目标,有明确的开始时间和结束时间。“项目导向式”教学就是组织学生真实地参加项目设计、履行和管理的全过程,在项目实施过程中完成教学任务。设计类专业中,这种教学活动显得尤为重要。

二、项目教学法的一般流程

在实际教学中,项目实施是将某一教学课题的理论知识和实际技能结合在一起,通过对已有知识、技能和新学习的知识、技能的应用,解决实际问题的过程。项目教学法在实践中,一般按以下五个步骤实施:

1、项目调查

在实际教学中,项目实施是将某一教学课题的理论知识和实际技能结合在一起,通过对已有知识、技能和新学习的知识、技能的应用,解决实际问题的过程。选取具有代表性的项目。首先,项目要包含全部教学内容并尽可能自然、有机地结合多项知识点;其次,项目的难易度要针对学生的实际水平来确定;且要让大多数学生感兴趣,并可以用某一标准(如色彩运用、版式设计、技术难度、应用价值等)公平准确地给予评价,此评价中应包含企业的评价对学生来说会更有意义。当然,不是每个项目都能面面俱到,教师可以根据具体的培养方向(掌握新知识、新技能还是培养综合能力)来确立最佳项目。

2、制定平面设计规划

确定项目在制定项目时,要进行科学规划,力求所制定的项目不仅有利于教学的开展,而且有利于调动学生的学习积极性。要对具体的项目提出明确的知识目标和能力目标。我们将《网站设计》课程的总项目确定为开发一个具有简单交互功能的网站,并根据其涉及的知识点,将课程总项目划分为若干个子项目,每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。项目以任务书的形式下发给学生,在设计报告及项目展示等阶段要求学生写出时间和目标。

3、细化工作

制定项目计划项目准备完毕之后,要对项目涉及的问题进行分析,确定操作步骤,选择相应的方法,制定操作计划。在此阶段,学生的主要任务是制定项目实施计划,即步骤、方法、使用工具和材料。教师的主要任务是关注学生的做法是否正确,并进行启发和指导。

4、实施计划

实施项目计划这是项目教学的关键。在这个环节里,每个团队将根据自己制定的项目计划来实现计划目标。要求学生注意两点内容:一是团队的合作精神和工作效率;二是要求学生认真记录每个操作步骤和过程。教师不仅要为学生提供充足的素材,而且要在学生实践操作过程中边观察边指导。这个阶段,教师要鼓励学生多发挥自己创造力和想象力,鼓励学生多自己去摸索掌握知识。学生在实践中摸索、总结出来的知识对于学生以后的平面设计是非常重要的。

5、总结评估

学会总结,是完成项目的过程中必须要培养学生的一个职业习惯。总结要分为几方面,第一是让学生总结,在项目实施过程中要求学生边实践、边总结,最后项目组形成一个总结报告和项目完成的自我评价;第二是教师总结整个问题加以强调;第三是企业评价,如果是企业提供的真实项目而非虚拟学习性项目时,要是能请企业专家对学生的作品给予评估对学生是有非常重要意义的。

三、项目教学法实施过程(附件一)

1、项目确立

本人将教学内容分为独立的项目,每个项目都以实例操作为主,每个任务都有详尽的操作步骤。每个项目中除讲解典型案例外,还提供了二三个让学生自己动手操作的实训,以巩固所学的技能。

2、项目分析

老师与学生共同讨论“项目”的题目,以便了解学生已有的经验以及他们对此项目已有的知识。学生在讲述他们的经验和表达他们对已知概念理解的同时,对此项目的兴趣不断增加,并能在老师的帮助下,逐步设计自己的活动,老师启发和帮助学生查找设计项目活动中要调查和解决问题。

3、项目实施

在具体实施过程中,关键在选“项目”,此时应注意以下两方面的问题:

(1)选题要与实践相结合,选择实用的、学生感兴趣的'比较熟悉的项目,例如在课程开始前先让学生看一组知名网站的网页设计案例,学生一下子就被吸引住了。这时向学生说明本学期教学的最终目标就是要实现类似效果图的制作。学生对任务能够产生形象直观的认识并加以联想,便于从各方面加以研究,有助于项目的开展。

(2)选题要考虑到学生的实际能力,难度适中为好。难度过小,没有挑战性,学生不爱作,也起不到锻炼的效果;而难度太大,学生经过多方努力也不能做好,容易产生畏难情绪,挫伤学生的积极性,变得不爱学习,结果适得其反。

我们在教学中采用分组的方法将班级学生分成三组,每组选一名“项目经理”(为了给学生创造更多的机会,我们一般选择由团队的学生轮流当项目经理),让学生以团队为单位制定项目计划。例如,在做“学校主页”这一项目时,教师先是将此项目的学习目标和能力目标告诉学生。然后和学生一起分析项目,制定完成此项目的基本步骤:首先确定网页的主题、内容、布局结构、色彩设计方案等以及团队人员的分工安排;然后根据设计绘制出草稿图;最后写成项目计划书。项目教学注重学生主体作用的发挥和综合能力的培养。在制定项目计划过程中,教师一定要尊重学生的个性发挥,避免计划的千篇1律,鼓励学生形成自己的特色,使学生的主观能动性得到充分发挥。制定好计划后,教师要让每个团队的“项目经理”介绍自己团队制定的计划,并说明设计的理由。通过对项目计划的介绍,一方面可以提高学生的表达能力,另一方面,学生之间可以互相启发和学习。教师只需在计划的可行性及完整性等方面进行把关,适当地将自己的见解告诉学生,帮助提高计划的价值。

4、项目验收(附件二)

某个项目结束后要通过作品的展示进行过程分析,对每个学生做出正确的评定。评定从两方面入手:即结果性评定和过程性评定。结果性评定主要是考察学生是否达到了学习目标,过程性评定主要是考察学生的学习能力、协作能力、工作态度。为了使评定具有可操作性,我们分为三个层次进行评定,即自评、组评、师评。项目的最后阶段由老师安排一次项目活动总结会。老师帮助学生选择不同内容和不同方式,让他们有目的地展示自己开展活动的全部成果,让学生表达自己学会了什么,并分享他人成果的快乐,从而激发学生新的兴趣,转向新的项目活动。针对所教班级的实际情况,本人主要采用了成果展示的方法,由小组的发言人全面介绍项目的实施过程、取得成果情况,有哪些收获,这种活动不仅锻炼了学生的合作能力、动手能力,也提高了学生的语言表达能力和解决问题的能力。

四、实施项目教学法的心得体会

1、重视项目的完成,但不能忽略基础知识的掌握。注意吸取传统教学法的长处,把总目标细分成一个个小目标,每个小目标体现在项目中的小模块上,从而让学生建构一个系统的、全面的知识框架。

2、强调了学生学习的主体性,并不能认为教师的任务就减轻了。其实教师的职责不但没有减轻,反而还加重了。因为教师不但要对任教科目融会贯通,随时回答各类学生提出的各种问题,而且还要为学生创设学习的情景、培养协作学习的气氛、审核项目的选取等。

3、学生分组是一个容易被忽视的环节:由于采取分组协作学习的方式,所以分组的原则、组员的搭配、工作的分工、成员的数量等等直接影响着组员的学习。实验证明,每组人数应控制在5—6人,人多手脚乱、意见不一;采取互补方式进行搭配,有利于同学之间互相学习;组员分工要明确,防止出现依赖思想。

4、由于采用自主学习方式,学生的个性化得到充分的发展。但还应当注意学生的两极分化。特别是个别后进生,他们的自学能力和自控能力都比较差,容易产生依赖思想。无所事事,所以要结合推行“一帮一”的措施,安排学习先进生对后进生给予及时的帮助和纠正。

通过项目教学法,把学生作为学习的主体,通过完成项目把理论和实践有机地结合起来,不仅提高了理论水平和实操技能,而且又在教师有目的引导下,培养了合作、解决问题等综合能力。同时教师在观察学生、帮助学生的过程中,开阔了视野,提高了专业水平。可以说,项目教学是师生共同完成项目,共同取得进步的教学方法。是适合中等职业学校教学的切实可行的好方法,对于人才的培养有很大的帮助,今后希望有更多的中等职业学校的学生通过项目教学法,掌握更加多的知识和技能为社会作贡献。

相关推荐

热门文档

39 3696042