网站设计心得(网站设计心得体会300字)

张工 2022-05-28 19:23:31 阅读:97
  

跪求:网页设计实训个人总结

  总结很辛苦但是很有收获。试写一份简单的《网站设计与制作》培训报告,编号:XXX,X学院XX班,2010年6月7日至2010年6月13日。2.培训地点:XXX,XXX,以金华农业特产为主题,制作网站,通过综合培训进一步巩固、深化和拓展学生的理论知识和专业技能。这一周我们要进行《网站设计与制作》的实操训练。我们认为做网站之前最重要的是确定主题、框架、标题栏的设计。所以我们互相商量后,决定以“健康”为主题,做“临安健康网”。但是,在随后的数据收集和网页框架的构建中,我们发现了一些问题。在确认行不通后,我们决定放弃这个主题,重新建立以“水果”为主题,以我们的名字命名的“临安水果网”。以下是我们的策划内容:1。确定主题。首先,做一个网页,要确定主题。金华特色水果多,水果产品丰富。经过考虑,应该建立一个以金华水果品种为主题的网站,建立一个介绍金华水果的简易网站,介绍金华一些优秀的水果市场和销售渠道。我们的网站基本上以绿色为基调。绿色是生命的颜色,绿色代表活力。所以这个网站以绿色为风格,让整个网站充满了绿色的活力。2.设计主页。网页设计是整个网站的灵魂。首先对导航栏进行分类,然后进行整体规划。每个部分都有自己的颜色,清晰易读,易于浏览。我们的构思大致分为几个部分:首页、专区、优质水果、果树栽培、婺城商城、靳东商城、客户中心、联系我们、反馈等板块,再加上个人网站等。每个部分又分为几个小部分,内容。在确定导航栏的分类标题后,建立第二个子网尤为重要。我们用Photoshop CS3技术设计导航栏,然后用Fireworks CS3或Photoshop CS3技术制作切片,建立导航栏,搭建整体主页效果。3.数据收集。主页导航栏设计好之后,下一步就是收集主页导航栏各个内容的信息。我们收集了大量的信息,然后选择这些信息,以获得最适合导航栏内容的信息。选材要符合网站主题,图片大小要符合模板轮廓。我们会用Photoshop对不符合模板的进行编辑,然后放到站点下进行图文链接和排版。4.建立模板和库。在这次网站建设中,我们决定使用大量的模板和库,这将方便网站的建立,为我们减少很多工作程序。本次果网的搭建主要采用两种模板,各有风格和标准风格。5.每个子网页的建立。我们设计好模板后,只需要在可编辑区依次编辑所需材料即可。使用模板创建子页面,省去了我们很多工作程序,节省了我们很多时间。虽然我们设置了模板,但是在设置子网的时候还是很小心的,因为插入的图片大小可能会破坏整个模板的结构,尤其是使用表格的时候,所以我们要对插入的图片和表格进行测量,以免影响网站的整体美观。6.实现网页之间的链接。做好网格和主页之后,接下来就是通过模板的链接,将整个网站中的网页链接起来。过程其实很简单,主要是在工具栏的链接按钮中选择要链接的文字和图标,最后选择要链接的网页,点击确定即可。事实上,通过模板构建的几个网页并不怎么使用链接。你只需要修改模板上的链接,这也是通过模板创建新网页的好处,节省了一个个超链接的时间。做完这一步,网站基本建好了。7.在景泰网页中插入动态效果。基本上在网页中构建插入层和时间轴,做好它的动态效果,让整个网页充满活力。我们在网上搜集flash素材,通过Flash CS3设计主题下的风格动态效果。然后将它插入到一个静态网页中,使

  通过这半年的学习和实践,在老师的指导下,我们学到了很多清晰的操作步骤和典型的应用实例。丰富综合软件技术和应用技能,让我们真正掌握所学的软件。所以,我把我专业的内容做成了企业果网站,作为实习的成果。它的内容是多样化的。用来制作网页的软件是Deamweaver CS3软件。它提供了从动态生成网页和表单到企业级的解决方案。主图是一个网页的门面,可以体现这个网页的整体风格。做一个网页,首先要确定主题。考虑再三,我做了一个关于金华水果的网站。了解一下,决定确定主题,做一些类似的网站。但是考虑到现在网上有很多类似的网站,但是有些内容并不适合我们大学生阅读,对我们来说有点不切实际。根据这种情况,我最终决定建立一个简单的介绍金华水果的网站,专门介绍金华一些优秀的水果市场和销售渠道。于是就确立了网站的主题。然后才是整体规划。每个部分都有自己的颜色,清晰易读,易于浏览。大致分为几个板块,包括首页、专区、优质水果、果树栽培、婺城商城、靳东商城、客户中心、联系我们、反馈等板块,再加上个人网站等。每个板块又分为几个小板块,内容相当充分多样。然后,收集数据资料,浏览大量相关网站,收集关于金华水果的图片,在Photoshop CS3中对图片进行处理排版,插入好的文章和图片,参考一些好网站的版面、特色、配色、背景图片。之后设计网页图片,用flash制作网友问卷,用Photoshop制作静态图片。之后就是建网站,做网页,用dreamweaver做。主页内容丰富,主要功能是导航。在制作网页的时候,要时刻考虑网页的基本原则:统一、连贯、分割、对比、和谐的原则。内容统一,都是为了主题服务。一个网站强调整体,只有围绕一个统一目标的设计才是成功的;连贯性,页面之间的关系连贯统一;各版本内容自成体系,颜色各异,浏览方便;整个网页有动有静,色彩各异,对比鲜明,不死板,充满活力;颜色不同,但不同的都是一样的,浑然一体。简明:这个很重要。在特殊的网络环境下,努力成为最高效的一方。

式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。利用我们所学的模板设计,制作更完美的页面。将动态网页与静态网页结合起来再后,调试过程,好多次本来在Deamweaver CS3里好好的,把字调的好好的,位置很对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过再三调试,整理,加了好多表格,终于满意了。通过温本周的实训,发现自己还有很多的不足。就框架的应用很难把握,切片也很难合理切割,当插入图片的时候把原有的模板给撑破了,精确定位很重要。因为学艺不精,所以不会网页的代码设计,只能通过网络三剑客综合使用。不过也实践中也学到了很多知识,比如原本不知道网页设计还需要切片,表格的嵌套是非常重要的,模板的应用时非常便捷的。还有一些行为中的效果也是蛮不错的。所以这次实训还是很有意义的。

网站设计心得

制作网页的心得体会

  20世纪40年代科学字发明了计算机之后,人们的工作效率大大提高,但是单个计算机能够存储和处理的信息是非常有限的,为了便于信息的传递和处理,人们就把众多的计算机连接起来。

  网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。

  关键字页面设计ASP和数据库

  1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。

  2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。

  3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。

  选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。

  规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站(有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。

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

  为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。

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

  下一步,你可以动手制作具体内容了,我将告诉你一些收集资料的窍门。

  题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集

  就个人主页而言,很少有人有能力完全靠自己来创作所有的内容。(一些高手能够提供自己编的软件,文章或则音乐,是我非常佩服的!)

  大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。

  另外一个好的方法是从网络上收集,您只要到雅虎,搜狐等搜索引擎上查找相应的关键字,就可以找到一大堆的资料。

  如果您是英语高手,您可以到国外站点上把最新的信息,资料翻译成中文,提供给大家,这叫“洋为中用”。

  网络上的资料呈爆炸性的增长,只要注意收集某一非常细小的题材,随时供大家方便的查找,您的主页就已经有做不完的活了。

  到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。

  先来介绍一下我这个网页吧。我的网页主要由三大部分组成:主页、各子网页以及各互联网链接。

  首先是主页,采用的是index格式,是第一个显示的页面,其实原来第一个显示的页面是一个封面,但在网上用了一段时间之后我觉得有封面比较麻烦,花哨但不实用,显得有些多余,所以我就把它给去掉了,直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面,尤其是在它的视觉设计上包括结构,字体,背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍,以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字,旁边的welcome是插入的GIF动画,左上角显示日期,右上角显示你在网页呆的时间,下面是一排子目录,包括一些链接和子页面,点开就可以看到关于我的详细信息。下面是一个搜索引擎,采用的是百度是原代码。再下来是我的近况,也采用了特效。右边有一个滚动字幕,是一首诗,采用了特效,下面是一些常用大型网站的链接。最下面是关于浏览器的说明,主页基本上就是这些了,还有要说的就是“给我留言”是到网上去申请的免费留言板,然后链接上去。

  子网页中,“Spear相册”里面全是照片,大部分照片是用数码相机照的,有两三张是扫描上去的;“家乡风情”里则是图片与文字并存,这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍,背景图片是我都是我精心挑选的,多数页面都插上了MIDI音乐作为背景,有个别页面还使用了特效。

  接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能:各页面可以让你对我有一个比较详细的了解;强大的搜索功能令你在网络世界中畅通无阻,网站、mp3、flash、信息快递应有尽有;各大型网站的链接让你轻松登陆以便看消息、发邮件;想听歌吗?“我的音乐”将让你听歌变得如此方便;超级留言板可以让你畅所欲言……

  相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧!现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。

  开始时我选择了DreamweaverMX作为制作软件,看书学习了一些基础的东西之后就着手开始了我的网页制作,我先初步对网页作了一些页面规划,然后建立了站点,用软件中的一些基本的功能制作,首先是封面,由于DreamweaverMX没有插入艺术字的功能,所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页,我主要用层来设计版面,再适当配合表格,经过两个白天和一个通宵,网页基本的框架就出来了,但这时却遇到了一个很令人头疼的问题:突然所有插上去的图片都不能显示了!!!我用尽了所有能想出来的方法,请教了很多的电脑高手都不能把这个无法解释的问题解决,就连重新安装DreamweaverMX也毫无作用,由于是借别人的电脑,时间紧迫,没有等到去向老师请教,我就一气之下把那些东西都删光了,连Dreamweaer也不例外,当时我真的很失望,想到这两天废寝忘食地做的东西一下全没了就很是接受不了,我曾经一度想放弃,不过冷静了之后我决定从头开始。我换了Frontpage,由于对Frontpage一无所知,也没有相关的书籍,所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似,于是很快掌握了其许多基本的功能。接着我又熬了一个通宵,决定把前面的损失弥补过来。前面的工作也不能算完全白做,因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计,只是改动了一些,大体的框架还是没有改变。

  总结通过这次制作网页,我学到了不少东西,而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色,相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小!!!

网站设计实训总结

  首先我要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了中国美食网的一些特点,借监这些网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。

  回顾这次课程设计,至今我仍感慨颇多。的却。从选题到开始制作,从理论到实践,在实训机房日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。

  在选择好题目和网站的风格之后,我就开始了实训项目的进程,按照实训方案的规定,先是将网站的总体策划以书面的形式展现出来,通过老师审核之后,在相应的时间段找相关的素材,搜集与主题相关的文字、图像等。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、二级子页、内容页,创建超级链接。最后就是测试与浏览网页,如果还有什么不理想的地方再改进再预览,如此反复,最后达到最好效果!

  在此次网站的设计与制作过程中,难免会遇到过各种各样的问题,这毕竟是第一次独自设计网站、制作网站。但值得高兴的是:在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果……

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

网站设计心得

求网页设计心得体会。

  2. 依据风格确定主体色; 主体色的确定非常重要,因为颜色是整体风格的最集中的体现;如果颜色确定偏差将直接导致与所要表达风格的错位,大大降低效果.本人常使用的颜色如下: 3. 依据功能确定整体框架; 整体框架确定的出发点是对功能展现的效果上,以及操作简便性. 4. 统一风格,统一实现方式; 统一的目的是为了让使用者在使用本系统时,不论操作到那个功能模块,都感觉到本系统是一个统一融合的整体,就好像由一个人开发实现的;为什么要这样做呢?就好像一个人与一个人进行交流相对比较容易,只要清楚一个人的秉性就可以娴熟的与其交流,如果让这个人与十个人进行交流,并且在交流时经常更换人,可以想象这将是一件多么痛苦的事情啊! 统一风格主要有颜色、字体、按钮、列表、表单、报表等; 统一实现方式主要有添加、删除、修改、查询、分页等. 5. 页面细节决定系统专业程度; 经过对比以前系统和其他公司的系统,发现系统在细节上考虑的很是不足;分析比较专业的系统,发现其页面的框架和风格与我公司系统几乎差不说,但是在具体实现细节上,人家考虑的十分周到细致,这显然是通过多个项目积累出来的,而我公司往往每做一个新项目时,都会更换一套新的页面风格,给人新鲜感,其实经过几个项目观察下来其内部实现细节并没有多少累积,所有本人觉得不是在十分必要的情况下,不易经常更换页面的整体风格,而应该有一定的延续性,集中精力多从具体实现细节上下功夫,多从用户的使用体验上思考该如何实现,多完善实现的细节,最终实现一个非常专业的系统. 页面的细节如按钮大小、单元格宽度、列表大小、输入框录入字节多少控制、表单录入项的验证等等. 6. 用户体验决定系统品质; 关于用户体验是本人一直在思考的问题,到底如何才能提高用户体验呢?应从使用者的视觉感观、操作效果、思维过程等方面寻找答案,比如用红色作为企业级应用的主体色,就要很慎重了,因为红色是代表着激情、热烈与企业级应用的要求差距较大,这样就影响视觉效果;比如需要进行层次较多的选择时,以前会先用一个列表选择进去,再选择其相应的子选项进行查询、添加等操作,这样操作效果就很差很罗嗦,对于这样情况采用旁边放颗树进行选择,不失为一个好的表现形式;比如要实现一些审核性、流程性、过程性的业务,可以考虑采用流程图的形式,这样非常直观明了而且易操作;比如要常实现的添加、删除、修改、查询等操作时,如何在页面上组织它们才能使用户使用方便,这时就要考虑用户通常的思维过程是如何的,据此实现,用户使用起来就会方便舒心. 以上就是本人在项目开发过程中的几点体会,一直想写,今日终于完成,很是高兴!本人是想想写写思路比较凌乱,希望大家多批评指教,谢谢!

二维码