当我们对人生或者事物有了新的思考时,写心得体会是一个不错的选择,这样可以不断更新自己的想法。那么心得体会怎么写才能感染读者呢?下面是小编辛苦为大家带来的网页设计实训的心得体会(9篇),希望能够给予您一些参考与帮助。
现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的,
我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握Dreamweaver的应用。
通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、Flash、Fireworks等网页软件的综合应用。
下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先,要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去、
在完成以上的基本内容之后网页的基本框架便成形成了,
下面要开始的便是优化工作,
内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。
如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片,Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说,通过这个假期对网页设计的学习,有收获也有遗憾。但是,我已经迈入了网页设计的大门,只要我再认真努力的去学习,在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。
转眼间,来到远洋科技已经三个月了,虽然时间不算长,但是这三个月让我在远洋学到了很多东西,结识了很多朋友,这是我最大的收获。也让我更加热爱这份工作。
设计工作是痛苦与快乐的炼狱,每当面临新的设计任务时,因为觉得自己的水平不够,感觉充满了压力,开始搜集各种资料(包括文字、图片),接下来寻找设计灵感,沉思、焦灼,经过痛苦煎熬,终于做出来的时候倍感轻松。每当经过艰苦的磨砺,自己的劳动成果得到肯定时,便是工作中最大的快乐!充满了快意。
一、工作总结:
从开始连效果图都做不好到现在能自己套程序,虽然自己也付出了努力,但是更离不开同事们的帮助。在这三个月里,我学习了制作网页的基础知识。从配色到布局,从制作效果图再到切片,再到用dw制作网页,最后套程序。每一个环节我都没有松懈,不管是在公司还是回到家里,我都会充分利用时间来学习,补充自己贫瘠的知识。虽然现在的水平还远远不够,但是扪心自问,我在远洋的每一天都是充实的,没有虚度,我相信在新的一年里,通过自己的努力和同事们的帮助,我会学到更多的东西,不管是在技术水平上还是其他方面,都更上一层楼。
二、工作中的不足:
虽然通过三个月的努力,技术水平有所提高,但是还是存在很多不足的地方,因为基础打的不够好,很多地方学习起来有些吃力,不停的问同事,也给别人带来了不少麻烦,因为知识的不足,使得开始的学习有些混乱,感觉不知道从哪里开始学起,无从下手,浪费了不少时间。
三、新一年的目标:
过去的一年的整体上是紧张的、忙碌的、充实的。因为我刚刚来到远洋,所以对我来说这也是充满希望的一年。展望新的工作年度,希望能够再接再砺,同时也加强自身的能力,工作中与同事多沟通,多关心了解其他部门的工作性质,进一步提高自己专业知识技能,积极吸收新的观念与设计理念,要继续在自己的工作岗位上踏踏实实做事,老老实实做人,争取做出更大的成绩来。
我相信,远洋科技的前景是美好的,我期待我们远洋网络科技有限公司明年有更好的发展。我会更加努力!
一 实验过程
1、资料的搜集。
2、熟悉制作软件。
3、构建站点框架。
打开dremweaver后第一步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
具体情况如下:
通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dreamweaver , banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。主图是一个网页的门面,它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。
然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,中国简介,中国历史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。
再后是收集资料与素材,大量浏览相关网站,收集关于中国的一些事迹历史图片,好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。
再后是设计网页图片,用flash制作网页的banner。
再后是建立站点,站点分布如下:
再后是制作网页了,使用dreamweaver制作。
首页内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:
简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
利用我们所学的框架集,制作更完美的页面。将动态网页与静态网页结合起来
再后,调试过程,好多次本来在dream里好好的,把字调的好好的,位置很对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过再三调试,整理,加了好多表格,终于满意了,很是麻烦,想请问老师,为什么会出现这种情况啊,还有怎么解决啊,不用这么反复调整的办法,还有什么好办法啊?
还有,在最超链接过程中,明明在页面属性里设置的是超链接的文字是原色,点击链接后也是原色,可一链接上就变色了,想了老半天,也做了很多研究,实验,终于知道怎么回事了,原来应该对文字所在的单元格整体做链接,而不是只选中文字做链接。
还有,这次的网站大部分用的是表格,层用的很少,因为它太灵活了,不好控制,用的很少。
再后,是网页的上传与发布,用ftp将制作好的网站上传
制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用,操作,可这样要修改模版可就麻烦了,要一个网页一个的修改,于是赶紧上网学习相关内容,阅览书籍,最后才知道文件这有个资源,点击
进入资源面板,点击到数第二个的模版,选项,所有模版就都显示了,点击资源面板左下角的应用命令,好了,这个模版就应用到你建立的网页中去了。
这只是在制作过程中出现的问题之一,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
同学告诉我,要做好网页,一定要学从c++,java,php,asp,数据库。以后要学的实在是太多了,而且我也很喜欢这方面,在以后的日子里,会努力填充自己,丰富自己的。希望以后有不懂的地方,老师能多多指点。
二 实验心得
在internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
对于现在的社会,科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快,而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知,到现在才经历的短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是internet的普及和发展,网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种it动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢对就是网页。现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的代言人。我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在这里起着重要的作用。
企业网站在企业的网络营销当中占有及其重要的地位,只要是涉及网络宣传的企业,都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品,促进实际销售的增长,更能够通过一根网线,向目标客户展示企业自身的形象。
对于企业网站设计的观点,偏重网站的形象设计,即在功能务实、体系完善的情况下,重点结合企业理念打造网站的形象。logo就能很好的表现企业的形象。企业标志(logo)是指用于代表企业形象的独特的、有意义的图案,是企业形象识别当中最核心的环节,可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位,决定了其不能够随意更换,因此能否设计一个有内涵、有文化、便于识别的标志,并建立相关的应用系统,关乎到企业长远的发展,不容小视。
建设网站的一般过程包括:前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页(含引导页)、新闻部分、产品部分、信息交流部分、定制系统、零散页面等。根据不同的企业需求,各网站的功能版块数量、布局、结构各异。
(一) 页面的设计方面
网页设计跟学习别的东西一样,也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。
页设计需要耐心,如果没有耐心,就学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了很长时间才解决。
页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习
并且页设计不要掉入技术的陷阱,如果你的网页设计技术一流,并且对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是介于平面设计和编程技术两者之间的边缘科学。不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识。只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。
并且我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的。因此我提倡简单的美。
(二)网页视觉效果
视觉形象识别即我们通常所说的vi(visualidentity),与bi一起用于深化表现企业理念,同时也受到bi的影响。所谓视觉形象识别,就是指能够被目标客户通过视觉来认知与企业相关的一切事物,从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等,在将其系统化以后就形成了企业的视觉形象识别系统。
视觉形象识别系统在整套cis中处于最表层的位置,其中所有的设计都将与目标客户发生直接的接触。
(三)网页的整体布局和导航
网页的布局通常指的是网页的整体架构,说的通俗一点就是排版。如何突出最重要的内容,即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览
网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型
网页布局是主要考虑以下几点:
1、首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
2、其次就应该考虑导航条的设置了。
3、正文的框架设置(横向因素和纵向因素交错)
(四)网页中文字、图像
图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间。。
(五)网页制作过程中的其他注意事项
不要过于注重色彩的灿烂,只要简单就行。我们最终追求的主要是实用价值。
通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
近一个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。
在炎热的夏季,又在闷热的机房中,我们又一次的完成了网站建设的实习。在这实习期间,有太多的话想说,都是苦不堪言。但事后又想想,苦过了,才知道有甜。
在这实习当中,我知道了div是html(超文本语言)中的一个元素,div+cs是一种网页的布局方法,div+css包括行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别:id不允许重复使用,只能用一次,css规范和其他规范javascript控制方法一样。
说实话,我对div+css一点儿都不懂,但起码我知道了这是一种网页的布局格式,总比不知道强。有句话说,不懂就要学。是的,既然学了了这个专业,就不能对这个专业模糊。所以,就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法,就是去做你害怕的事,直到你获得成功的经验。
我们经过两周的实训,通过前期的合同洽谈、签订,到后期的网站制作、网站发布,让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节,也让我的网站制作知识及技能有了很大提高。
前期我们通过发送电子邮件,进行网上商务的接洽。由于没有做好工作。了解商务邮件的格式,导致邮件发了很长一段时间,双方还仅仅停留在认识阶段,确实说来很失败。
在拟定合同时,由于不能真正满足客户的需求,一些条款及报价不合理,因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求,并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。
在网站制作的起初阶段,由于不曾制作过网页,虽然团队确立了分工,但还是有些迷茫。公司没有确立风格和大体的布局,并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站,心里大概有了一定的想法和设计。
我的主要任务有“诚聘英才”、“产品导航”、“展会礼品”、“广告促销礼品”。我最先做的是“诚聘英才”,我是参照中国电信诚聘英才首页做的,它看似制作简单,其实布局十分复杂、精致。在处理图片是我遇到了不少困难,最典型的就是有一次我想在图片中插入文字,但始终插入不了,后来通过请教老师,总算知道了其中的奥妙。原来是图层被锁定了,要重新拷贝图层,再考贝的图层上就可以插入文字了,并且文字其实也是一个图层,它是可以移动的。尽管我为诚聘英才网页付出了很多,但并没有被采纳,并且此时我也设计了logo,也没有被采纳。
“产品导航”是一个困扰我一上午的问题(此刻公司首页已经制作完毕,而它与合同上的“产品导航”页面布局类似,于是这让我一时间很难抉择。我就一边设计一边思考,此时我为公司定的色彩风格是红色,我为导航栏设计的是交互式按钮,并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费,由于后来我们将风格确定为蓝色,并且导航栏确定都采用首页中插入的图片,但我觉得这样有些不好:例如它不可以设置超链接的字体颜色,这是很不专业的体现。团队由于缺乏及时的沟通,导致其他组员一些好的想法得不到实施,确实是我们团队合作的一个问题所在。
展会礼品、广告促销礼品由于套用相同的布局,设计上没有什么难点,只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时,都特别注意修改网页标题。网页标题是十分重要的,它是每打开一张网页的头标。
前面这一阶段的工作我还有一个小收获,这就是图片位置,其实在图片属性中图片定位选择绝对定位,再在下面输入距左距上的距离即可,这是一个很不错的方法。
后期我们进行每个人作的网页整合时遇到了不少问题,原先我们认为超链接是可以整合的,其实不然,只能在一个文件内作。当时已经花了一天的工时,可后来在晚上才发现,不只这个问题,还有每个人做的网页都是保存在网站文件夹下,而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了,可是当我们把网站通过windowsxxiis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来,一些超链接也无法连接,这下让我们有些惊慌失措。通过向老师了解,知道可能是图片命名的问题,web服务器无法识别中文命名的图片,此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下,导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来,并且检查超链接,而这些只能在frontpage文件夹试图下进行。同时还要在http上检测,进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”,反复的进行超链接都无法成功,其实是因为我所连接的超链接路径不对,其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。
经过这翻调试、测试,网站不存在图片显示不出来的问题,以及超链接无法连接的问题。
在互联网越来越深入到生活中每一个角落的年代,网页的表现形式就如同以前书本上的文字,传达着的是网络语言,每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素。它是一种创造性、有成就感的工作。
作为本学期的第十三周,我们电子商务0901班由此开始了为期两周的网页设计与制作实训课程,虽然我们实训的内容不多,但通过同学之间的互相帮助与交流以及老师的精心指导,我们大家依然收获很多。
这一周里,可以说实训的内容不难,但每天都有不同的东西需要学习,让人感到很高兴,大家都希望能够通过自己的努力可以多掌握一点本专业的东西,总的来说,我们通过对“飘舞的雪花”及“倒影”的练习制作,已经熟练的掌握了flash的一些简单操作和应用,不但如此,更增加了同学间的友谊,陪养了彼此间的团结。
实训期间,老师会根据我们的练习程度发一些素材和视频实训给我们,由此我了解到了网页设计与制作的一些程序和步骤,知道了怎么处理图片透明以及遮罩层的运用,知道了flash基本操作的步骤,为了增加动画的美感和活泼感,还适当在添加一些透明flash和一些网页特效。在实训的时间里面,我们大家一起合作,共同努力,对网页设计有了更进一步的认识,并且对这门课程越发的感兴趣,从刚开始的好奇进而想要去更深层次的了解。
这一周的实训课程已然结束,flash制作让我受益匪浅,我们知道了很多,也进步了很多,很快就要进入下一周的实训了,虽然还不知道具体的有什么内容,但通过这一周的学习,下一周,我想也很值得期待。希望能够学到更多的东西,充实自己的头脑,丰富自己的知识。
随着学习进度的逐渐加快,学习的内容也逐渐开始变多、变难,不再像一开始那样老师一讲完就可以马上上手把网页做出来。自然而然的,在制作网页的时候也不再像一开始那样顺利,总会出现各种各样的错误。不过对于学习上的问题,老师在课堂上也会尽可能地为我们解答,并且为我们提供了很多练习的机会,这使得我即使在面对一些困难的问题时,也能沉着地应对。
不过课堂时间毕竟是短暂,仅仅靠一周两个课时的课堂学习时间想要把网页设计制作完全学习得很好是不可能的事。再者网页制作在我看来是一门实践重于理论的科目,如果仅仅学习了理论知识却不付诸实践,那对学习实际上是毫无助益的。因此在课余的时间里,老师给我们布置了与所学内容相对应的课外作业。在完成课外作业的时候,如果遇到了难以解决的问题,我会回顾老师上课时用的课件寻求解决的办法,与此同时,也在间接地巩固知识。
因此,尽管过程并不都是一帆风顺,但经过本学期的学习与实践,我也逐渐掌握了网页设计制作的一些基本技能与知识。虽然明年就大四的我以后大概是不会再像这个学期那样有学习网页制作的课程了,但我会利用课余时间通过自学了解、学习更多关于网页设计制作的知识,掌握网页设计制作的技能的。
自己怎么制作简单网页
首先在设计制作网页之前,你要却确定你的网页内容是什么?一个网站必须要有一个明确的主题。特别是对于个人网站,必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。主题要鲜明,在你的主题范围内内容做到大而全、精而深。然后针对你的内容找到相关的资料。接下来就是具体的制作步骤了:
第一步:创建一个文本文档 你需要创建一个文本文档包含单词,你想要出现在您的Web页面。只要你给你的文档名称结尾,大多数文字处理程序将会工作的很好。思考逻辑的地方插入你的文本。
第二步:学习基本的HTML标记 现在您需要插入一些格式化标记你的文档,会告诉一个互联网浏览器如何安排你的文字和图片在屏幕上。这些标签组成一个语言称为超文本标记语言,或者HTML。
第三步:查看一个示例Web页面
你或许在阅读会感到有点困惑,这是为了看一个实习的HTML文档更简单,然后看看它是怎么被翻译成一个Web页面。您可以查看“源文档“后边的任何Web页面将“视图”菜单(在Safari——其他的浏览器或许略有不同)并挑选“查看源代码。“当你这样做时,你会看到文档和HTML标签,创立页面当时在你的浏览器窗口。
第四步:获得电子图像 如果你还没有制作主页的图像文件,您可以下载一些来自其他Web页面。用你的常识来决定哪些图片你可以使用,哪些你不应该。根据什么样的电脑和浏览器你正在使用,你必须使用一种稍有不同的程序下载到你的硬盘映像。这里可以使用Safari浏览器: 使用鼠标指针的位置在图像——按住鼠标按钮并拖动图像到你的计算机的桌面——放开按钮,您将看到一个小图标。这时图像已经下载到你的硬盘。确保你的文件名称和格式——点击图标来查看图像,因为它将出现在您的Web页面。
第五步:插入HTML标签
如今您现已准备好插入格局符号在您自个的文档。记住要开始您的文档与和完毕它与。你类型符号之间的…将出如今你正在阅读网页阅读器窗口的顶端。
第六步:查看和编辑您的页面
保存您的文本文档和返回到浏览器。在文件菜单中,选择“打开文件…”或“另存为…”。从那里你应该能够找到你的文档的名称并点击“开始”。你的文档将会出现在你的窗口,看起来就像个网页了!
第七步:上传
您需要有一个互联网服务提供商,允许您将您的网页页面在一个服务器上,这样其他人能够阅览它。假如没有,您能够继续操练与文件在您的计算机的硬盘。能够找到一些其他网站的页面相关的一些办法。他们可能会添加一个链接到你的页面注册您的网站查找引擎如google或雅虎。一旦你添加你的URL其间一个数据库,感兴趣的人通常主题你的页面将得到一个清单,你的网站当他们做一个查找。
现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。
这学期选择的这门课程让我学到了不少关于计算机和网络的知识。老师把课程内容安排的很合理,讲的大都是很基础的知识,这对于像我这样对网络了解不多的学生来说很容易理解,接受。
在这门课上我学习到了一些关于建设网站和制作网页的知识,对flash也有所了解。课上我还学到了一些基础的网络技术,用制作网络的工具做网页等。
通过对这门课的学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的'基础知识也有了一定的掌握。
在具体的制作一个网页时我了解到一个优秀的网页设计应该具备以下一些基本原则
1、确定网页设计的内容
一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用。
2、了解你网站所在行业的客户
用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。
3、做一个典型用户
不以用户身份亲身体验网站你才能发现问题,才知道那些需要改进,尽量不要让客户去发现问题,在前期设计时就应该把这些问题解决。
4优化内容
内容是整个网站的核心。在网站设计之前必须明确网站的内容安排。
优秀网页设计是要建立在平凡的基础上的。
然后在具体的规划一个网站时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。
大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基矗。
下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集。
如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。
在准备材料的时候我们可以用到学习的flash知识来制作一些小的动画和动态图片,flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。
然后是开始正式制作主页。通过dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
通过个人网页的制作最终把自己的网页上传到互联网上,那种成就感是无法用语言形容的。在今后的闲余时间,我将会学习制作网页的更多知识,使它成为自己的一项技能。
不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情。
自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站。所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上。更何况这一次实操。回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点,可能有人会说我傻,但正因为这个傻的行动,令我学会很多东西,学会别人不懂的东西,做出一个令自己满意的网站,可能跟别人比还需要继续完善,但我不会因为实操结束,就把网页设计抛到九霄云外,我会继续学习网页设计技术,把它变为自己的一项特长。
回顾第一天的《网页设计与网站建设》课程实操,老师叫我们继续完善以前设计的网站,做出留言板、注册的功能。我很快就完成了,但可能我是一个追求完善的人,所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定,从头开始做一个网站。因为我觉得以前那个真的不是太好,尽管实操的时间过去了一半,尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著,追求成功,追求完善的人,才会使我今天交出一个令自己满足的答卷。
在制作个人网站时我们首先:
一、必需进行个人网站前台功能设计
包括个人网站主题的确定,前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人网站后台管理功能设计
包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。
三、网站的发布
通常我们发布一个网站可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人网站推广
一个网站做好了,就要对个人网站进行推广,这是一个电子商务网站必需做得的一步,因为如果你不对你的网站进行推广,就算你发布了也没有人会知道的。
在设计这个网站时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划,因为如果你不规划好,想做什么就做什么,是不会做得好的。因我为体会到这一句话:“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如:775宽度,分三栏,每一栏占多少。因为我深深懂得“细微处才见真功夫”。
在这次实操过程中令我印象最深的是做留言板,因为刚好在上一个星期sql数据库实操做过了,所以今次在做就比较轻松,但我以前是经过一个比较长的练习,做完了n次,可能有人会想,肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库,第二次我用的是sql数据库加权限管理,第三次我用的是数据源名称的连接,第四次我用的是自定义连接字符串,第五次……每一次用的方法都是不同的,可能有人会说我傻,会一种方法就行了,还要那么多吗?但我想说的就是不是这么多次的练习,不是之么多次不同的方法,也就不会造就出今天熟能生巧的我,也不会对同学提出的问题解决到,也不会轻松教会同学,因为你自己首先学会,学通,学广,才能把问题一一的解决。
令我难以忘怀的镜头也是在做留言板的时候,但不是为我自己的而做,而是一步一步教同学做,直到令同学学懂;把同学留言板的问题一一解决;当同学因为做不出而没心情,过去对她进行鼓励的,然后一一解决;当自己也不会,与同学共同研究的情况,这种学习氛围是最难得的,就是在做留言板的时候,令我深深体会到我几句话:认真做事只是把事情做对,用心做事才能把事情做好。把每一件简单的事情做好就是不简单,把第一件平凡的事情做好就是不平凡。
回顾这一个月来的实习生活是一件很值得纪念的事,这是我第一次在外实习,第一次在网上投简历能收到回复。对于我们这样的艺术设计学生,我深刻的体会到单单是学校教的远远不够,学校教的很笼统,很抽象,很大概,如果可以,我希望这个专业的师弟师妹们,有空多多到图书馆充实自己,静下心来充分自学。
在外实习前,第一件事是把自己卖出去,包装自己,所以简历很重要,务必属实,因为你有多少两重,阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试,衣服当然要穿正装,其实我也想的只是大二实习期没有大三的三个月那么长,就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘,所以我感觉到万分荣幸能够进到这一支专业的创业团队,真的是一件了不起的事,而且这个岗位与我学习的和自己喜爱的科目对的很准,我自己也十分乐于这份工作。
记得刚开始的一个多星期,公司并没有让我马上投入工作,因为当时对产品了解不熟悉,要从学校的圈子走出来到商业模式去还是有点顾虑,但是当你接触到这商业化的东西,你会发现,学校的东西远远不足。所以一般公司会进行些培训,很感激william杨,他提供了很多设计的书籍给我自学阅读,可惜在我深刻读完《瞬间之美——web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后,就再也很难抽取一点时间来阅读了。
在接下来的这个月里,除了必要的培训以熟悉公司及其产品知识外,我也开始忙碌起来,因为产品的第一个内部版本需要再8月8日这个好日子发布。刚开始的两个星期,因为对产品并不熟悉,一直以来在学校设计的作品都很“学校”但是商业设计比较少,出头设计的时候真的抓破头脑,因为习惯了学校的生活,习惯了客户给要求按照客户的想法去做。
至于什么叫很学校呢,就是一种填鸭式的,根据参考去模仿设计,然而在社会上涉及很多版权问题,所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计,其次因为涉及商业利益,在商业的角度上,商业的资金来源是客户,所以他们的需求来源于客户,注重用户感受的设计,是一个好设计。其实设计是件看起来简单,但是操作起来却感觉很漫长的一件事情,每一个细节自己不断的琢磨推敲,自己就会让工作时间变长,效率变低,却又希望哪天能像那些设计家门随心所欲的设计出自己喜欢,人们喜欢,客户满意的东西。设计来源与生活,应用于生活,我还需要多多积累。
8月8日这个内部版本中,我主要的工作就是设计界面,然后photoshop切图,然后继续傻傻的使用习惯的notepad2++手写html和css。经历这样的蠢事之后,我决定还是回到dreamweaver的怀抱,因为毕竟知识不够强,在兼容性方面还需要有dreamweaver来实时的告诉我,以提高我的工作效率。
期间william杨还多次与我熟悉,很感激他们都关心我,提醒我应该有自己的就业方向,3年5年xx年的计划,说长不长说短不短的大学2年已经过去了。我应该有怎样的人生,我有想过,但却还没如此认真的付出着。我想起老板那句,你喜欢设计?你觉得设计适合你吗?我真的很需要考虑我的以后,但目前设计还是我喜欢的事情,我也愿意身心的投入到其中,有时候可以不必得到回报,只是为了满足我小小的心灵。
当8月8日一过,为庆祝产品大卖,公司还组织爬山活动,然而平常我们在深山中休养学习的多,爬山的少。爬山是锻炼毅力的一种好方法,工作之余不能忘了生活,忘了自然。这次高强度的爬山活动从下午3点一直爬到了晚上10点多才下到山脚,经历的'时间之长,让我感受到一个人在公司里,不仅要有强硬的专业知识,还需要强壮的身体支撑来效益公司,而下山mk的那段话,真的让我感受到他们很关心我,因为毕竟他们都是过来人,谢谢他们的指导。
产品的初步版本确定之后,就要开始慢慢的改进了。william作为产品经理,不仅要领导着整个团队,还要协调工作的进度。他会制作出甘特图,通知每个人需要做什么事情,大概需要多长时间来完成。在其中,我会不时的停滞,因为某些小bug会导致我去转牛角尖,而这样会导致拖慢整个进度,然而在这个环节,我学会的最多的事,做事情要分优先级。总体要现出来,大方向,模糊地对,细节的错,慢慢改。而那个定律资源一定了,时间也定了,只能减少的剩下特性。
从8月8日开始到15日,又是另一个版本的小跨越,一个星期里做的事并不多,除了不断配合小杨完善页面的重构和美化工作,还要检查最繁琐的兼容性问题,心里知道很多房地产经纪人使用的电脑基本上都是深度、雨林木风、电脑公司特别版的ghost系统,所以基本上都是ie6 ie7为主流的浏览器,兼容性方面的确在工作上成为一个重点。
15日的第二个小版本后,会议总结了3页的分条建立修改文件,当看见满是修改意见的一行行文,写上我负责的q,心理是有点担心,是否能在期限内完成工作,然而15日这次的爬山活动并没有参加,因为我知道我应该更加抓紧时间处理问题,一天下来最让我自己感到满意的是导航,亲力亲为的感觉,颇有成就感。一方面不仅要不断的完善页面的布局,一方面还要抽时间设计虎之翼公司的logo和网页,他们真是替我捏了把汗似的,都有种压力很大吧。我感觉还好吧,不过脑子真的要转的很快了,因为没有创作来源,让我在上下班的途中朝思暮想的想着设计,充分利用上下班的塞车时间,不断的观看经过车窗的各型各类的广告来寻来创意来源。最后还是有惊无险的完成这些工作。除了这些工作,公司越来越多人了,刚进去的时候只有我和sandy,后来多了好多个人,很羡慕参数组,能有说有笑的工作,但是我这项工作,我不是一个人在战斗。再后来,开始招聘销售,因为产品到25号就要正式发布了,有点让我走也走的不放心的感觉,要配合销售展开小单张的宣传。时至26日,才基本完成。
希望,我的能力能帮到公司,献出我自己一份的力量。
不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情、
自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站、所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上、更何况这一次实操、回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点,可能有人会说我傻,但正因为这个傻的行动,令我学会很多东西,学会别人不懂的东西,做出一个令自己满意的网站,可能跟别人比还需要继续完善,但我不会因为实操结束,就把网页设计抛到九霄云外,我会继续学习网页设计技术,把它变为自己的一项特长。
回顾第一天的《网页设计与网站建设》课程实操,老师叫我们继续完善以前设计的网站,做出留言板、注册的功能。我很快就完成了,但可能我是一个追求完善的人,所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定,从头开始做一个网站。因为我觉得以前那个真的不是太好,尽管实操的时间过去了一半,尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著,追求成功,追求完善的人,才会使我今天交出一个令自己满足的答卷。
在制作个人网站时我们首先:
一、必需进行个人网站前台功能设计
包括个人网站主题的确定,前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人网站后台管理功能设计
包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。
三、网站的发布
通常我们发布一个网站可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人网站推广
一个网站做好了,就要对个人网站进行推广,这是一个电子商务网站必需做得的一步,因为如果你不对你的网站进行推广,就算你发布了也没有人会知道的。
在设计这个网站时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划,因为如果你不规划好,想做什么就做什么,是不会做得好的。因我为体会到这一句话:“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如:775宽度,分三栏,每一栏占多少。因为我深深懂得“细微处才见真功夫”。
在这次实操过程中令我印象最深的是做留言板,因为刚好在上一个星期sql数据库实操做过了,所以今次在做就比较轻松,但我以前是经过一个比较长的练习,做完了n次,可能有人会想,肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库,第二次我用的是sql数据库加权限管理,第三次我用的是数据源名称的连接,第四次我用的是自定义连接字符串,第五次……每一次用的方法都是不同的,可能有人会说我傻,会一种方法就行了,还要那么多吗?但我想说的就是不是这么多次的练习,不是之么多次不同的方法,也就不会造就出今天熟能生巧的我,也不会对同学提出的问题解决到,也不会轻松教会同学,因为你自己首先学会,学通,学广,才能把问题一一的解决。